:root{--paper:#f6f1e8;--surface:#fffdf8;--ink:#14251f;--muted:#718078;--line:#d9ded7;--green:#123d2d;--signal:#2f7c5b;--soft-green:#dcebe0;--shadow:0 18px 50px rgba(25,51,39,0.08)}*{box-sizing:border-box}body,html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Noto Sans SC,PingFang SC,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.miniapp-shell{min-height:100svh;padding:max(12px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom))}.miniapp-frame{width:min(100%,680px);margin:0 auto;padding-bottom:90px}.miniapp-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:18px 6px 24px}.eyebrow,.section-kicker{margin:0 0 8px;color:var(--signal);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.miniapp-header h1,h2,h3,p{margin-top:0}.miniapp-header h1{margin-bottom:0;font-family:"Noto Serif SC",serif;font-size:clamp(28px,7vw,44px);line-height:1.08;letter-spacing:-.04em}.status-dot{width:12px;height:12px;margin-top:10px;border:2px solid var(--muted);border-radius:50%;flex:0 0 auto}.status-dot.is-authenticated{border-color:var(--signal);background:var(--signal);box-shadow:0 0 0 5px var(--soft-green)}.inline-message,.loading-block{margin:0 6px 16px;padding:12px 14px;border:1px solid #e9b7a6;border-radius:14px;background:#fff4ed;color:#78412f;font-size:13px;line-height:1.6}.loading-block{border-color:var(--line);background:var(--surface);color:var(--muted)}.tab-content{display:grid;grid-gap:18px;gap:18px}.account-panel,.welcome-panel{padding:24px 20px;border-radius:24px;background:var(--green);color:#f7f4ec;box-shadow:var(--shadow)}.account-panel h2,.intro-copy h2,.welcome-panel h2{margin-bottom:12px;font-family:"Noto Serif SC",serif;font-size:clamp(26px,7vw,42px);line-height:1.15;letter-spacing:-.04em}.account-panel p:not(.section-kicker),.intro-copy p:not(.section-kicker),.welcome-panel p:not(.section-kicker){margin-bottom:0;color:rgba(247,244,236,.75);font-size:15px;line-height:1.8}.login-hint{display:grid;grid-gap:4px;gap:4px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22);font-size:13px;line-height:1.6}.login-hint span{color:rgba(247,244,236,.66)}.section-block{padding:8px 6px 0}.compact-block{padding-top:0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px;color:var(--ink);font-size:15px;font-weight:800}.muted-label{color:var(--muted);font-size:11px;font-weight:600}.course-list,.route-list{border-top:1px solid var(--line)}.course-row,.route-row{display:flex;align-items:center;gap:14px;min-height:70px;padding:14px 2px;border-bottom:1px solid var(--line)}.resource-strip span:nth-child(2),.route-row span:first-child{display:grid;grid-gap:4px;gap:4px;min-width:0}.resource-strip strong,.route-row strong{font-size:15px}.resource-strip small,.route-row small{color:var(--muted);font-size:12px;line-height:1.55}.course-row b,.resource-strip b,.route-row b{margin-left:auto;color:var(--signal);font-size:20px;font-weight:500}.resource-strip{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.resource-strip+.resource-strip{margin-top:8px}.resource-tag{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:43px;padding:5px 7px;border:1px solid #7aa98c;border-radius:999px;color:var(--signal);font-size:10px;font-weight:900;letter-spacing:.08em}.intro-copy{padding:8px 6px 0}.intro-copy p:not(.section-kicker){color:var(--muted)}.resource-grid{display:grid;grid-gap:10px;gap:10px}.resource-card{display:grid;grid-gap:12px;gap:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:transform .18s ease,box-shadow .18s ease}.resource-card:active{transform:translateY(1px)}.resource-card h3{margin-bottom:0;font-family:"Noto Serif SC",serif;font-size:23px;line-height:1.25}.resource-card p{margin-bottom:0;color:var(--muted);font-size:13px;line-height:1.7}.card-link{color:var(--signal);font-size:13px;font-weight:800}.course-row{min-height:66px}.course-index{width:28px;color:var(--muted);font-size:11px;letter-spacing:.08em}.course-row strong{font-size:15px;line-height:1.45}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.primary-button,.secondary-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 16px;border-radius:999px;font-size:13px;font-weight:800}.primary-button{background:#f7f4ec;color:var(--green)}.secondary-button{border:1px solid rgba(255,255,255,.42);color:#f7f4ec}.privacy-note{padding:16px 6px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.7}.privacy-note strong{color:var(--ink)}.privacy-note p{margin:6px 0 0}.bottom-nav{position:fixed;z-index:10;right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;display:grid;grid-template-columns:repeat(4,1fr);width:min(calc(100% - 24px),656px);margin:0 auto;padding:7px;border:1px solid rgba(18,61,45,.12);border-radius:22px;background:rgba(255,253,248,.94);box-shadow:0 12px 35px rgba(25,51,39,.15);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-button{display:grid;justify-items:center;grid-gap:3px;gap:3px;min-height:52px;padding:6px 3px;border:0;border-radius:16px;background:transparent;color:var(--muted);cursor:pointer}.nav-button span{font-size:21px;line-height:1}.nav-button small{font-size:11px;font-weight:700}.nav-button.is-active{background:var(--soft-green);color:var(--green)}@media (min-width:700px){.miniapp-shell{padding-top:30px}.miniapp-frame{padding:0 12px 110px}.account-panel,.welcome-panel{padding:34px 32px}.resource-grid{grid-template-columns:repeat(2,1fr)}.bottom-nav{right:auto;left:50%;transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}