:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f3ebd9;--card-bg:#fffcf6d1;--card-border:#533a181f;--text-main:#1f1a14;--text-muted:#5f5648;--accent:#0f6c5b;--shadow:0 24px 60px #4c39161f;font-family:Avenir Next,PingFang TC,Noto Sans TC,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100dvh;color:var(--text-main);background:radial-gradient(circle at 0 0,#ffffffb3,#0000 32%),linear-gradient(160deg,#f7f1df 0%,#efe3cb 45%,#ead5b0 100%)}button,input,textarea,select{font:inherit}.shell{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));place-items:center;display:grid}.shell--auth{place-items:stretch stretch}.hero-card{border:1px solid var(--card-border);background:var(--card-bg);width:min(100%,760px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;padding:40px}.hero-card h1{margin:0;font-size:clamp(2.8rem,6vw,4.5rem);line-height:.95}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:.92rem;font-weight:700}.lede{max-width:34rem;color:var(--text-muted);margin:18px 0 0;font-size:1.1rem;line-height:1.7}.page-shell{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));gap:24px;display:grid}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.page-title{margin:8px 0 0;font-size:clamp(2.6rem,5vw,4.1rem);line-height:.96}.page-subtitle,.topbar-email,.section-copy,.continue-meta,.sentence-translation,.inline-status,.inline-error,.lesson-link-card small,.sidebar-lesson-link small{color:var(--text-muted)}.topbar-meta{justify-items:end;gap:12px;display:grid}.topbar-nav{flex-wrap:wrap;gap:10px;display:inline-flex}.topbar-link,.ghost-button,.primary-button{border:1px solid var(--card-border);min-height:48px;color:var(--text-main);cursor:pointer;background:#ffffff73;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.topbar-link--active,.primary-button{background:var(--accent);color:#fff;border-color:#0000}.ghost-button--disabled{pointer-events:none;opacity:.5}.card,.auth-card{border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.study-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);gap:24px;display:grid}.hero-study-card,.continue-card,.lesson-list-card,.auth-card,.player-card,.transcript-card,.lesson-sidebar,.account-card{padding:28px}.hero-study-card{gap:20px;display:grid}.hero-study-stats,.account-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.metric-tile,.continue-link{color:var(--text-main);background:#ffffff8c;border-radius:22px;gap:8px;padding:18px;text-decoration:none;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.section-heading h2,.auth-copy h1,.account-card h2{margin:0}.section-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:700}.lesson-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.lesson-link-card,.sidebar-lesson-link{color:var(--text-main);background:#ffffff85;border:1px solid #533a1814;border-radius:22px;gap:12px;padding:18px;text-decoration:none;display:grid}.lesson-link-card h3{margin:8px 0 0}.lesson-status{min-height:32px;color:var(--accent);background:#0f6c5b14;border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.lesson-status--done{background:#0f6c5b26}.lesson-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:24px;display:grid}.lesson-sidebar{height:fit-content;position:sticky;top:24px}.lesson-sidebar-list{gap:10px;max-height:min(72vh,820px);display:grid;overflow:auto}.sidebar-lesson-link--active{background:#0f6c5b24;border-color:#0f6c5b47}.player-card{gap:24px;display:grid}.player-toolbar,.toolbar-actions,.lesson-nav,.auth-panel{gap:16px;display:flex}.player-toolbar,.auth-panel{justify-content:space-between;align-items:stretch}.toolbar-actions,.lesson-nav{flex-wrap:wrap}.audio-player{width:100%}.transcript-list{gap:12px;max-height:min(68vh,960px);padding-right:6px;display:grid;overflow:auto}.sentence-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:#ffffff85;border:1px solid #533a1814;border-radius:22px;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:16px;padding:18px;display:grid}.sentence-button[data-active=true]{background:#0f6c5b24;border-color:#0f6c5b47}.sentence-index{background:#1f1a1414;border-radius:999px;justify-content:center;align-items:center;min-height:40px;font-weight:700;display:inline-flex}.sentence-copy{gap:8px;display:grid}.sentence-copy strong{font-size:1.08rem}.auth-panel{width:min(100%,1040px);margin:auto}.auth-copy,.auth-card{flex:1 1 0}.auth-copy{align-content:center;gap:8px;display:grid}.form-field{gap:8px;display:grid}.form-field input{background:#ffffffb8;border:1px solid #533a182e;border-radius:18px;min-height:52px;padding:0 16px}.stack-sm{gap:12px;display:grid}.debug-code{width:fit-content;min-height:40px;color:var(--accent);background:#0f6c5b1a;border-radius:999px;align-items:center;padding:0 14px;font-weight:700;display:inline-flex}.account-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.continue-link strong,.metric-tile strong{font-size:1.4rem}button:hover,a:hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #0f6c5b47}@media (max-width:720px){.hero-card{border-radius:24px;padding:28px}.study-grid,.lesson-layout,.auth-panel{flex-direction:column;grid-template-columns:1fr}.topbar-meta{justify-items:start}.section-heading,.player-toolbar{flex-direction:column;align-items:start}.transcript-list{max-height:none;padding-right:0;overflow:visible}}