:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#d6d6e0;--text-muted:#8e8e9e;--text-h:#f4f4f8;--bg:#0b0b10;--card:#15151d;--surface-2:#1d1d27;--border:#272733;--border-strong:#3a3a49;--accent:#7c6cff;--accent-hover:#8f80ff;--accent-text:#fff;--accent-soft:#7c6cff24;--accent-soft-strong:#7c6cff3d;--accent-soft-border:#7c6cff61;--accent-glow:#7c6cff2e;--ok-bg:#2ecc8124;--ok-text:#4ade9b;--ok-border:#2ecc8152;--warn-bg:#f5b04224;--warn-text:#f0b45a;--warn-border:#f5b04252;--bad-bg:#f45c5c24;--bad-text:#ff7b7b;--bad-border:#f45c5c52;--error:#ff7b7b;--skeleton:#1d1d27;--shadow-card:0 1px 2px #0006, 0 18px 40px -24px #000c;--w-new:#9d90ff;--w-new-bg:#7c6cff2e;--w-learning:#f0b45a;--w-learning-bg:#f5b04229;--w-mastered:#4ade9b;--w-mastered-bg:#2ecc8124;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2{color:var(--text-h)}.muted{color:var(--text-muted)}.small{font-size:.85rem}.error{color:var(--error)}.center{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.page{max-width:720px;margin:0 auto;padding:0 1rem 3rem}.page.wide{max-width:1240px}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem 0;display:flex}.spacer{flex:1}.brand{color:var(--text-h);font-size:1.05rem;font-weight:700;text-decoration:none}.nav{gap:.25rem;display:flex}.nav-tab{color:var(--text-muted);border-radius:999px;padding:.3rem .6rem;font-size:.92rem;text-decoration:none}.nav-tab:hover{background:var(--accent-soft);color:var(--accent)}.nav-tab.active{background:var(--accent);color:var(--accent-text)}@media (width<=560px){.hide-sm{display:none}}.filters{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1rem;display:flex}.filter-chip{background:var(--card);color:var(--text);border:1px solid var(--border);text-transform:capitalize;border-radius:999px;padding:.35rem .8rem;font-size:.88rem}.filter-chip.on{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.filter-sep{background:var(--border);align-self:stretch;width:1px;margin:0 .35rem}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem 1rem;display:grid}.lesson-card{color:inherit;flex-direction:column;gap:.6rem;text-decoration:none;display:flex}.thumb{aspect-ratio:16/9;background:#000 50%/cover no-repeat;border-radius:12px;position:relative;overflow:hidden}.lesson-card:hover .thumb{outline:2px solid var(--accent);outline-offset:2px}.thumb-duration{color:#fff;background:#000000c7;border-radius:4px;padding:.1rem .35rem;font-size:.78rem;position:absolute;bottom:.4rem;right:.4rem}.lesson-card-title{color:var(--text-h);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.lesson-card-meta{text-transform:capitalize;align-items:center;gap:.5rem;display:flex}.level{border:1px solid #0000;border-radius:999px;padding:.1rem .45rem;font-size:.75rem;font-weight:600}.level-easy{background:var(--ok-bg);color:var(--ok-text)}.level-medium{background:var(--warn-bg);color:var(--warn-text)}.level-hard{background:var(--bad-bg);color:var(--bad-text)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem}.auth-card{flex-direction:column;gap:.75rem;width:100%;max-width:340px;display:flex}.auth-card h1{margin:0}label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}input{border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem;font-size:1rem}input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}button{cursor:pointer;background:var(--accent);color:var(--accent-text);border:none;border-radius:8px;padding:.55rem .9rem;font-size:1rem}button:disabled{opacity:.6;cursor:default}button.link{color:var(--accent);background:0 0;padding:.25rem;font-size:.9rem}.lesson-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.lesson-list a{color:inherit;text-decoration:none;display:block}.lesson-title{color:var(--text-h);font-weight:600}.reader-bar{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.reader-title{text-align:center;flex:1;min-width:0}.reader-title .lesson-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.neighbour{color:var(--accent);border:1px solid var(--border);white-space:nowrap;background:0 0;border-radius:999px;flex:none;padding:.35rem .75rem;font-size:.88rem;text-decoration:none}.neighbour:hover{background:var(--accent-soft)}.neighbour.disabled{color:var(--text-muted);opacity:.45;cursor:default;border-color:#0000}.reader-grid{gap:1.5rem;display:grid}@media (width>=900px){.reader-grid{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start}.reader-main{position:sticky;top:1rem}.reader-side{border:1px solid var(--border);background:var(--card);border-radius:12px;max-height:calc(100vh - 2rem);padding:0 .75rem;overflow-y:auto}}.player-wrap{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;overflow:hidden}.player-wrap iframe{border:0;width:100%;height:100%}.caption{min-height:3.5rem;margin:1rem 0}.subtitle-en{margin:0 0 .25rem;font-size:1.25rem;line-height:1.6}.subtitle-zh{color:var(--text-muted);margin:0;font-size:1rem}.token{font:inherit;color:var(--text-h);cursor:pointer;background:0 0;border:none;border-radius:4px;margin:0;padding:0 1px}.token:hover{background:var(--accent-soft-strong);color:var(--accent)}.chip{background:var(--accent-soft-strong);border-radius:999px;align-items:center;gap:.35rem;margin-top:.5rem;padding:.3rem .6rem;font-size:.9rem;display:inline-flex}.controls{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex}.controls button{background:var(--card);color:var(--text);border:1px solid var(--border);padding:.4rem .7rem;font-size:.9rem}.controls button.on{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.controls button:disabled{opacity:.4}.transcript{margin:.5rem 0 0;padding:0;list-style:none}.transcript .subtitle-en,.transcript .sentence-en{margin:0}.sentence-row{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:.15rem;padding:.6rem .5rem;display:flex}.sentence-row:hover{background:var(--accent-soft)}.sentence-row.active{background:var(--accent-soft-strong);border-left:3px solid var(--accent)}.sentence-en{color:var(--text-h);font-size:1rem;line-height:1.55}.page.feed-page{flex-direction:column;max-width:none;height:100dvh;padding:0;display:flex}.feed-page .topbar{border-bottom-color:#0000;flex:none;width:100%;max-width:1240px;margin:0 auto;padding-inline:1rem}.feed-status{flex:1;place-items:center;margin:0;display:grid}.feed-scroll{scroll-snap-type:y mandatory;scrollbar-width:none;flex:1;min-height:0;overflow-y:auto;container-type:size}.feed-scroll::-webkit-scrollbar{display:none}.feed-item{isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;height:100cqh;padding:1.25rem max(1rem,50vw - 620px + 1rem);display:grid;position:relative;overflow:hidden}.feed-backdrop{z-index:-1;filter:blur(60px)saturate(1.4)brightness(.32);background:50%/cover no-repeat;position:absolute;inset:-80px;transform:scale(1.1)}.feed-backdrop:after{content:"";background:radial-gradient(#0000 30%,#0b0b10b3 100%);position:absolute;inset:0}.feed-stage{flex-direction:column;justify-self:center;gap:1.25rem;width:min(100%,177.778cqh - 28.4444rem,880px);display:flex;position:relative}.feed-video{aspect-ratio:16/9;background:#000;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #000000e6,0 0 0 1px #ffffff0f}.clip-player,.clip-poster{background:#000 50%/cover no-repeat;width:100%;height:100%}.clip-player iframe{border:0;width:100%;height:100%}.feed-tap{background:0 0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.feed-tap.paused{background:#00000047}.feed-tap.unstarted{background:#000 50%/cover no-repeat}.feed-tap-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff29;border-radius:999px;place-items:center;width:4rem;height:4rem;padding-left:4px;display:grid}.feed-progress{pointer-events:none;background:#ffffff24;height:3px;position:absolute;bottom:0;left:0;right:0}.feed-progress>span{transform-origin:0;background:#fff;height:100%;transition:transform .12s linear;display:block}.feed-caption{text-align:center;text-wrap:balance;min-height:6.75rem}.feed-line-en{letter-spacing:-.01em;color:var(--text-h);margin:0;font-size:clamp(1.2rem,1.9vw,1.6rem);font-weight:500;line-height:1.4}.feed-line-zh{color:var(--text-muted);margin:.45rem 0 0;font-size:1.02rem;line-height:1.5}.feed-info{border-top:1px solid #ffffff1a;align-items:center;gap:1rem;padding-top:1rem;display:flex}.feed-info-text{flex:1;gap:.2rem;min-width:0;display:grid}.feed-show{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:600}.feed-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.feed-meta{align-items:center;gap:.5rem;display:flex}.feed-open{flex:none;padding:.55rem 1rem;font-size:.88rem}.feed-rail{flex-direction:column;gap:.6rem;display:flex}.feed-rail-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:2.75rem;height:2.75rem;color:var(--text-h);background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;place-items:center;padding:0;display:grid}.feed-rail-btn:hover:not(:disabled){background:#ffffff29}.feed-rail-btn:disabled{opacity:.25}.feed-word-sheet{z-index:2;width:min(22rem,100%);max-height:100%;box-shadow:var(--shadow-card);border-radius:14px;position:absolute;top:0;right:0;overflow-y:auto}.feed-word-sheet .word-card{margin:0}.feed-end{min-height:auto;padding:3rem 0}@media (width<=760px){.feed-item{grid-template-columns:minmax(0,1fr);padding:1rem}.feed-rail{display:none}.feed-stage{width:100%}.feed-word-sheet{border-radius:16px 16px 0 0;width:100%;max-height:70dvh;position:fixed;inset:auto 0 0}}.word-detail{flex-direction:column;gap:.9rem;display:flex}.fragment{flex-direction:column;gap:.5rem;display:flex}.fragment-en{color:var(--text-h);margin:0;font-size:1.3rem;line-height:1.6}.fragment-zh{margin:0;font-size:1.05rem}.fragment-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.6rem;display:flex}.fragment-foot .link{color:var(--accent);text-decoration:none}.word-card{flex-direction:column;gap:.6rem;margin-top:.75rem;display:flex}.word-card-head{align-items:center;gap:.5rem;display:flex}.word-card-head>div:first-child{flex:1;min-width:0}.word-card-word{color:var(--text-h);font-size:1.35rem}.phonetic{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.icon-btn{color:var(--text-muted);background:0 0;padding:.25rem .4rem;font-size:1.1rem;line-height:1}.icon-btn:hover{color:var(--accent)}.word-gloss{color:var(--text-h);margin:0;font-size:1.15rem}.senses{flex-direction:column;gap:.4rem;margin:0;padding-left:1.2rem;font-size:.95rem;display:flex}.senses .pos{color:var(--accent);margin-right:.4rem;font-style:italic}.senses .example{margin-top:.15rem;display:block}.word-context{border-top:1px solid var(--border);margin:0;padding-top:.5rem;font-size:.95rem}.word-card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.word-card-actions .link{color:var(--accent);text-decoration:none}.vocab-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.vocab-item{flex-direction:column;gap:.5rem;display:flex}.vocab-head{align-items:center;gap:.35rem;display:flex}.vocab-word{color:var(--text-h);font-size:1.2rem;font-weight:600;text-decoration:none}.vocab-word:hover{color:var(--accent)}.mastery{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.15rem .55rem;font-size:.78rem}.mastery-new{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft-border)}.mastery-learning{background:var(--warn-bg);color:var(--warn-text);border-color:var(--warn-border)}.mastery-mastered{background:var(--ok-bg);color:var(--ok-text);border-color:var(--ok-border)}.vocab-source{border-top:1px solid var(--border);padding-top:.5rem}.vocab-source-en,.vocab-source-zh{margin:0 0 .2rem}.vocab-source-en{color:var(--text-h)}.vocab-source .link{color:var(--accent);font-size:.88rem;text-decoration:none}.auth-page{background:radial-gradient(60rem 30rem at 50% -12rem, var(--accent-glow) 0%, transparent 60%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.auth-card{background:var(--card);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow-card);border-radius:14px;flex-direction:column;gap:0;padding:2rem 1.75rem 1.5rem;display:flex}.auth-brand{color:var(--accent);letter-spacing:-.01em;font-size:1.05rem;font-weight:700;text-decoration:none}.auth-title{margin:1rem 0 .35rem;font-size:1.5rem;line-height:1.2}.auth-sub{color:var(--text-muted);margin:0 0 1.5rem;font-size:.92rem;line-height:1.5}.auth-card form{flex-direction:column;gap:1rem;display:flex}.auth-aside{color:var(--text-muted);margin:1rem 0 0;font-size:.82rem;line-height:1.5}.auth-foot{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:.15rem;margin-top:1.25rem;padding-top:1rem;display:flex}.auth-foot a{color:var(--accent);padding:.25rem;font-size:.9rem;text-decoration:none}.field{flex-direction:column;gap:.35rem;display:flex}.field-label{color:var(--text-h);font-size:.85rem;font-weight:500}.field-control{display:flex;position:relative}.field-control input{width:100%}.field-control input[type=password],.field-control input[type=text]{padding-right:2.75rem}.reveal{width:2rem;height:2rem;color:var(--text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:.3rem;transform:translateY(-50%)}.reveal:hover{color:var(--accent);background:var(--accent-soft)}.field-hint{color:var(--text-muted);font-size:.78rem;line-height:1.4}.field-hint.bad{color:var(--error)}.form-error,.form-ok{border-radius:8px;margin:0;padding:.6rem .75rem;font-size:.86rem;line-height:1.45}.form-error{color:var(--error);background:var(--bad-bg);border:1px solid var(--bad-border)}.form-ok{color:var(--ok-text);background:var(--ok-bg);border:1px solid var(--ok-border)}.btn-primary{width:100%;padding:.65rem 1rem;font-weight:500}.btn-quiet{background:var(--card);color:var(--text-h);border:1px solid var(--border);align-self:flex-start;font-size:.92rem}.btn-quiet:hover{border-color:var(--accent);color:var(--accent)}.btn-small,.btn-inline{background:var(--accent);color:var(--accent-text);border-radius:8px;align-items:center;padding:.4rem .8rem;font-size:.9rem;text-decoration:none;display:inline-flex}.btn-inline{font-size:.88rem}a.btn-primary{background:var(--accent);width:auto;color:var(--accent-text);border-radius:8px;justify-content:center;text-decoration:none;display:inline-flex}.account-link{color:var(--text);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .6rem .25rem .25rem;font-size:.9rem;text-decoration:none;display:inline-flex}.account-link:hover,.account-link.active{background:var(--accent-soft);color:var(--accent)}.avatar{background:var(--accent);width:1.75rem;height:1.75rem;color:var(--accent-text);border-radius:50%;place-items:center;font-size:.8rem;font-weight:600;display:grid}.page-head{margin:.5rem 0 1.25rem}.page-title{margin:0 0 .25rem;font-size:1.6rem;line-height:1.2}.page-head p{margin:0;font-size:.95rem}.stack{flex-direction:column;gap:1.25rem;display:flex}.panel{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.panel-title{margin:0;font-size:1.05rem}.panel .muted{margin:0}.detail-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;margin:0;display:grid}.detail-list dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.2rem;font-size:.78rem}.detail-list dd{color:var(--text-h);margin:0;font-size:.98rem}.detail-list a{color:var(--accent)}.narrow-form{flex-direction:column;gap:.9rem;max-width:22rem;display:flex}.narrow-form .btn-primary{align-self:flex-start;width:auto}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:4rem 1rem;display:flex}.empty-code{letter-spacing:.14em;color:var(--text-muted);margin:0;font-size:.85rem}.empty-title{margin:0;font-size:1.3rem}.empty-state p{max-width:30rem;margin:0}.empty-state .btn-primary{margin-top:.75rem}.skeleton{pointer-events:none}.skeleton .thumb{background:var(--skeleton)}.skeleton-line{background:var(--skeleton);border-radius:4px;height:.7rem;margin-bottom:.45rem}.skeleton-line.short{width:55%}.skeleton .thumb,.skeleton-line{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.skeleton .thumb,.skeleton-line{animation:none}}.more-row{justify-content:center;align-items:center;gap:.85rem;margin:1.75rem 0 .5rem;display:flex}.player-wrap{position:relative}.player-mount{width:100%;height:100%}.player-poster{cursor:pointer;background-color:#000;background-position:50%;background-size:cover;border:0;border-radius:0;place-items:center;width:100%;height:100%;padding:0;display:grid;position:absolute;inset:0}.player-poster:after{content:"";background:linear-gradient(#0000001f 0%,#0000006b 100%);position:absolute;inset:0}.player-poster-btn{z-index:1;color:#14131a;background:#ffffffeb;border-radius:50%;place-items:center;width:4.25rem;height:4.25rem;padding-left:.25rem;transition:transform .15s,background .15s;display:grid;position:relative}.player-poster:hover .player-poster-btn,.player-poster:focus-visible .player-poster-btn{background:#fff;transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.player-poster-btn{transition:none}}.review-card{gap:.9rem;margin:.5rem 0 1rem;display:grid}.review-clip{justify-items:start;gap:.5rem;display:grid}.review-clip .player-mount{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;max-width:340px;overflow:hidden}.review-clip iframe{border:0;width:100%;height:100%}.cloze-line{margin:0;font-size:1.35rem;line-height:1.7}.cloze-blank{border-bottom:2px solid var(--accent);white-space:pre;margin:0 .15rem}.cloze-revealed{color:var(--accent);font-weight:600}.review-back{border-top:1px solid var(--border);gap:.4rem;padding-top:.8rem;display:grid}.review-answer{font-size:1.15rem}.review-gloss{margin:0}.grade-row{gap:.6rem;display:flex}.grade-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:10px;flex:1;padding:.7rem .5rem;font-size:1rem}.grade-forgot{background:var(--bad-bg);color:var(--bad-text);border-color:var(--bad-border)}.grade-vague{background:var(--warn-bg);color:var(--warn-text);border-color:var(--warn-border)}.grade-remembered{background:var(--ok-bg);color:var(--ok-text);border-color:var(--ok-border)}.grade-hint{opacity:.6;font-size:.7rem;display:block}.review-empty{gap:.5rem;padding:2rem 0;display:grid}.review-banner{background:var(--accent-soft);border:1px solid var(--accent-soft-border);color:var(--accent);border-radius:10px;margin-bottom:.8rem;padding:.6rem .9rem;text-decoration:none;display:block}.nav-badge{background:var(--accent);min-width:1.15rem;color:var(--accent-text);text-align:center;border-radius:999px;margin-left:.35rem;padding:0 .3rem;font-size:.7rem;line-height:1.15rem;display:inline-block}.cloze-zh{color:var(--text-muted);margin:.35rem 0 0}.cloze-note{color:var(--text-muted);margin:.2rem 0 0;font-size:.78rem}.hero{background:var(--card);isolation:isolate;border-radius:18px;margin:0 0 2.25rem;position:relative;overflow:hidden}.hero-bg{filter:blur(44px)saturate(1.5)brightness(.55);background:50%/cover no-repeat;position:absolute;inset:-60px;transform:scale(1.06)}.hero-shade{background:linear-gradient(90deg,#0b0b10e0 0%,#0b0b1099 60%,#0b0b1059 100%),linear-gradient(#0000 30%,#0b0b10cc 100%);position:absolute;inset:0}.hero-body{grid-template-columns:minmax(0,1fr) 20rem;align-items:center;gap:2.5rem;padding:2.75rem 2.25rem;display:grid;position:relative}.hero.compact .hero-body{padding:2rem 2.25rem}.hero-copy{max-width:38rem}.hero-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .7rem;font-size:.78rem;font-weight:600}.hero-title{letter-spacing:-.02em;margin:0 0 .8rem;font-size:clamp(1.75rem,3.2vw,2.6rem);line-height:1.1}.hero-title.small{font-size:clamp(1.35rem,2.2vw,1.85rem)}.hero-sub{max-width:32rem;color:var(--text);margin:0 0 1.3rem;font-size:1rem;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:.6rem;display:flex}.btn-hero{background:var(--accent);color:var(--accent-text);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.4rem;padding:.7rem 1.35rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-hero:hover{background:var(--accent-hover)}.btn-hero.ghost{color:var(--text-h);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border-color:#ffffff3d}.btn-hero.ghost:hover{background:#fff3}.hero-note{max-width:30rem;margin:.9rem 0 0}.hero-features{border-top:1px solid #ffffff1f;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.9rem 1.5rem;margin:1.75rem 0 0;padding:1.25rem 0 0;list-style:none;display:grid}.hero-features li{gap:.2rem;display:grid}.hero-features strong{color:var(--text-h);font-size:.92rem}.hero-poster{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-h);box-shadow:var(--shadow-card);background:#15151db8;border:1px solid #ffffff24;border-radius:14px;gap:.45rem;padding:.65rem;text-decoration:none;transition:transform .15s,border-color .15s;display:grid}.hero-poster:hover{border-color:#ffffff47;transform:translateY(-2px)}.hero-poster-still{aspect-ratio:16/9;background:#000 50%/cover no-repeat;border-radius:9px;display:block;position:relative;overflow:hidden}.hero-poster-play{color:#fff;text-shadow:0 2px 10px #000000b3;place-items:center;display:grid;position:absolute;inset:0}.hero-poster-title{font-size:.92rem;font-weight:600;line-height:1.3}.hero-poster-meta{line-height:1.3}@media (width<=900px){.hero-body{grid-template-columns:minmax(0,1fr);gap:1.5rem}.hero-aside{order:-1;max-width:22rem}}.shelf{margin:0 0 2.25rem}.shelf-head{align-items:flex-end;gap:.75rem;margin-bottom:.75rem;display:flex}.shelf-title{letter-spacing:-.01em;margin:0;font-size:1.15rem}.shelf-blurb{margin:.15rem 0 0}.shelf-all{color:var(--text-muted);font-size:.85rem;text-decoration:none}.shelf-all:hover{color:var(--accent)}.shelf-arrows{gap:.3rem;display:flex}.shelf-arrow{border:1px solid var(--border);background:var(--card);width:2rem;height:2rem;color:var(--text);cursor:pointer;border-radius:999px;font-size:1.1rem;line-height:1}.shelf-arrow:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.shelf-arrow:disabled{opacity:.3;cursor:default}.shelf-row{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;grid-auto-columns:minmax(15.5rem,15.5rem);grid-auto-flow:column;gap:.9rem;padding-bottom:.4rem;display:grid;overflow-x:auto}.shelf-row>*{scroll-snap-align:start}@media (width<=640px){.shelf-row{grid-auto-columns:minmax(12.5rem,12.5rem)}.hero-body{padding:2.5rem 1.25rem 1.75rem}}.thumb-play{color:#fff;opacity:0;background:#0000004d;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.lesson-card:hover .thumb-play,.lesson-card:focus-visible .thumb-play{opacity:1}.thumb-progress{background:#ffffff38;height:3px;position:absolute;bottom:0;left:0;right:0}.thumb-progress>span{background:var(--accent);height:100%;display:block}.chip-count{opacity:.6;margin-left:.35rem;font-size:.75rem}.tok-new{color:var(--w-new);background:var(--w-new-bg);box-shadow:inset 0 -2px 0 var(--w-new)}.tok-learning{color:var(--w-learning);background:var(--w-learning-bg);box-shadow:inset 0 -2px 0 var(--w-learning)}.tok-mastered{color:var(--w-mastered);background:var(--w-mastered-bg);box-shadow:inset 0 -2px 0 var(--w-mastered)}.legend{border:1px solid var(--border);background:var(--card);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.5rem .7rem;font-size:.82rem;display:flex}.legend-pitch{border-color:var(--accent-soft-border);background:var(--accent-soft)}.legend-item{align-items:center;gap:.35rem;display:inline-flex}.swatch{border-radius:3px;width:.7rem;height:.7rem}.swatch-new{background:var(--w-new)}.swatch-learning{background:var(--w-learning)}.swatch-mastered{background:var(--w-mastered)}.gate{border:1px solid var(--border);background:radial-gradient(40rem 20rem at 0% -8rem, var(--accent-glow) 0%, transparent 65%), var(--card);border-radius:16px;margin:2rem auto 0;padding:2rem 1.75rem}.gate-badge{background:var(--accent-soft);border:1px solid var(--accent-soft-border);color:var(--accent);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-block}.gate-title{letter-spacing:-.01em;margin:.9rem 0 .5rem;font-size:1.6rem;line-height:1.15}.gate-sub{color:var(--text);margin:0 0 1.25rem}.gate-points{color:var(--text-muted);gap:.5rem;margin:0 0 1.5rem;padding:0;font-size:.9rem;list-style:none;display:grid}.gate-points li{padding-left:1.4rem;position:relative}.gate-points li:before{content:"✓";color:var(--ok-text);position:absolute;left:0}.gate-actions{flex-wrap:wrap;gap:.6rem;display:flex}.gate-foot{margin:1.1rem 0 0}.onboard-steps{gap:.3rem;margin-bottom:1.25rem;display:flex}.onboard-steps span{background:var(--border);border-radius:999px;width:2rem;height:3px}.onboard-steps span.on{background:var(--accent)}.choice-list{gap:.5rem;margin:1.25rem 0;display:grid}.choice{text-align:left;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:10px;gap:.2rem;padding:.8rem .9rem;display:grid}.choice:hover{border-color:var(--border-strong);background:var(--surface-2)}.choice.on{border-color:var(--accent-soft-border);background:var(--accent-soft)}.choice strong{color:var(--text-h)}.choice-row{gap:.5rem;margin:1.25rem 0;display:flex}.choice-pill{border:1px solid var(--border);background:var(--card);color:var(--text-h);cursor:pointer;border-radius:10px;flex:1;gap:.1rem;padding:.9rem .5rem;font-size:1.25rem;display:grid}.choice-pill.on{border-color:var(--accent-soft-border);background:var(--accent-soft)}.onboard-back,.onboard-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:0;margin-top:.75rem;font-size:.85rem}.onboard-skip{text-align:center;margin-top:1.25rem}.brand-mark{background:linear-gradient(135deg, var(--accent) 0%, #4ade9b 130%);vertical-align:-1px;border-radius:4px;width:.85rem;height:.85rem;margin-right:.45rem;display:inline-block}.btn-small.quiet{border-color:var(--border);color:var(--text-muted);background:0 0}.btn-small.quiet:hover{color:var(--text-h);border-color:var(--border-strong)}@media (width<=720px){.topbar{flex-wrap:wrap;row-gap:.6rem}.nav{scrollbar-width:none;order:3;width:100%;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav-tab{white-space:nowrap}}.section-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.section-head .hero-eyebrow{margin-bottom:.5rem}.section-title{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.15}.section-title.small{font-size:1.35rem}.how,.shows{margin:4.5rem 0}.how .section-head{display:block}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.how-card{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;padding:1rem 1rem 1.4rem;display:flex}.how-card h3{color:var(--text-h);margin:1.25rem .4rem .35rem;font-size:1.1rem}.how-card>p{color:var(--text-muted);margin:0 .4rem;font-size:.93rem;line-height:1.5}.how-demo{background:radial-gradient(ellipse at 50% 0%, var(--accent-glow), transparent 70%), var(--bg);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;height:11.5rem;padding:1rem;display:flex;position:relative;overflow:hidden}.demo-line{color:var(--text-h);margin:0;font-size:1.15rem;font-weight:500}.demo-zh{color:var(--text-muted);margin:0;font-size:.85rem}.demo-word{background:var(--accent-soft-strong);color:var(--accent-hover);box-shadow:inset 0 -2px 0 var(--accent);border-radius:4px;padding:0 3px}.demo-card{border:1px solid var(--border-strong);background:var(--surface-2);min-width:12rem;box-shadow:var(--shadow-card);border-radius:10px;gap:.2rem;padding:.6rem .8rem;display:grid}.demo-card-head{color:var(--text-h);align-items:baseline;gap:.5rem;display:flex}.demo-wave{align-items:center;gap:3px;width:100%;max-width:15rem;height:3.5rem;display:flex}.demo-wave span{background:var(--border-strong);border-radius:2px;flex:1}.demo-wave span.on{background:var(--accent)}.demo-pills,.demo-grades{gap:.35rem;display:flex}.demo-pills span,.demo-grades span{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:.25rem .6rem;font-size:.8rem}.demo-pills span.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.demo-pills .demo-loop{color:var(--accent-hover);border-color:var(--accent-soft-border)}.demo-blank{color:#0000;border-bottom:2px solid var(--accent);min-width:3.5rem;display:inline-block}.demo-grades .bad{color:var(--bad-text);border-color:var(--bad-border);background:var(--bad-bg)}.demo-grades .warn{color:var(--warn-text);border-color:var(--warn-border);background:var(--warn-bg)}.demo-grades .ok{color:var(--ok-text);border-color:var(--ok-border);background:var(--ok-bg)}.demo-due{margin:0}.show-grid{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem;display:grid}.show-tile{aspect-ratio:4/3;isolation:isolate;color:#fff;background:var(--card);border-radius:16px;align-items:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden}.show-tile-still{z-index:-1;background:50%/cover no-repeat;transition:transform .4s;position:absolute;inset:0}.show-tile-still:after{content:"";background:linear-gradient(#0000 0%,#0b0b104d 45%,#0b0b10eb 100%);position:absolute;inset:0}.show-tile:hover .show-tile-still{transform:scale(1.05)}.show-tile-body{gap:.15rem;padding:1rem 1.1rem;display:grid}.show-tile-body strong{font-size:1.05rem;line-height:1.25}.show-tile-body .small{color:#ffffffb3}.closing{text-align:center;background:radial-gradient(ellipse at 50% 120%, var(--accent-soft-strong), transparent 65%), var(--card);border:1px solid var(--border);border-radius:24px;margin:5rem 0 3rem;padding:3.5rem 1.5rem}.closing>p{max-width:30rem;margin:.75rem auto 1.75rem}.closing .hero-actions{justify-content:center}@media (width<=820px){.how-grid{grid-template-columns:minmax(0,1fr)}.how,.shows{margin:3rem 0}.show-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}