:root{--paper-0: #FBF7EC;--paper-1: #F4EFE3;--paper-2: #EBE4D2;--paper-3: #DDD3BA;--paper-4: #C7BC9D;--ink-0: #1A1815;--ink-1: #3A352D;--ink-2: #6A6353;--ink-3: #968D78;--accent-red: oklch(.58 .16 35);--accent-moss: oklch(.58 .16 145);--accent-indigo: oklch(.58 .16 265);--accent-amber: oklch(.72 .16 75);--bg: var(--paper-1);--bg-elev: var(--paper-0);--surface: var(--paper-0);--surface-2: var(--paper-2);--divider: var(--paper-3);--rule: var(--paper-4);--text: var(--ink-0);--text-dim: var(--ink-1);--text-muted: var(--ink-2);--text-faint: var(--ink-3);--font-display: "Newsreader", "Source Serif Pro", Georgia, serif;--font-sans: "Instrument Sans", "Helvetica Neue", Helvetica, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--t-xs: 11px;--t-sm: 13px;--t-base: 15px;--t-md: 17px;--t-lg: 20px;--t-xl: 26px;--t-2xl: 34px;--t-3xl: 48px;--t-4xl: 68px;--t-5xl: 96px;--t-6xl: 140px;--lh-tight: 1.05;--lh-snug: 1.2;--lh-base: 1.5;--lh-loose: 1.7;--tr-tight: -.02em;--tr-normal: 0;--tr-loose: .02em;--tr-meta: .08em;--tr-mono: .04em;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--border-hair: .5px solid var(--rule);--border-thin: 1px solid var(--rule);--border-mid: 1.5px solid var(--ink-0);--border-bold: 2px solid var(--ink-0);--radius-0: 0;--radius-1: 2px;--radius-2: 4px;--radius-3: 8px;--radius-pill: 999px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .14s;--dur-med: .24s;--dur-slow: .42s;--col-max: 1280px;--col-read: 720px}[data-theme=dark]{--paper-0: #1A1812;--paper-1: #13110C;--paper-2: #252116;--paper-3: #3D3625;--paper-4: #5C5440;--ink-0: #F2EBD7;--ink-1: #CFC5AB;--ink-2: #9A9079;--ink-3: #6B6452;--accent-red: oklch(.72 .16 35);--accent-moss: oklch(.74 .14 145);--accent-indigo: oklch(.76 .13 265);--accent-amber: oklch(.82 .16 75)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--t-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}body{min-height:100vh;transition:background var(--dur-med) var(--ease-out),color var(--dur-med) var(--ease-out)}.t-display{font-family:var(--font-display);font-weight:400;letter-spacing:var(--tr-tight);line-height:var(--lh-tight)}.t-display-it{font-style:italic}.t-serif{font-family:var(--font-display)}.t-sans{font-family:var(--font-sans)}.t-mono{font-family:var(--font-mono);letter-spacing:var(--tr-mono);font-feature-settings:"tnum","zero"}.t-meta{font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:var(--tr-meta);color:var(--text-muted)}.t-eyebrow{font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:var(--tr-meta);color:var(--text-dim)}.t-num{font-feature-settings:"tnum","zero"}.rule{height:1px;background:var(--rule);border:0;margin:0}.rule-hair{height:.5px;background:var(--rule)}.rule-thick{height:2px;background:var(--ink-0)}.container{max-width:var(--col-max);margin:0 auto;padding:0 var(--s-6)}.container-narrow{max-width:var(--col-read);margin:0 auto;padding:0 var(--s-5)}.stack{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.row-c{display:flex;flex-direction:row;align-items:center}.row-b{display:flex;flex-direction:row;align-items:baseline}.row-s{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.grid{display:grid}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-mid);background:transparent;color:var(--text);font-family:var(--font-sans);font-size:var(--t-sm);font-weight:500;padding:10px 18px;cursor:pointer;border-radius:var(--radius-1);transition:all var(--dur-fast) var(--ease-out);letter-spacing:.01em;text-decoration:none;display:inline-flex;align-items:center;gap:var(--s-2)}.btn:hover,.btn-solid{background:var(--ink-0);color:var(--bg)}.btn-solid:hover{background:var(--ink-1);color:var(--bg)}.btn-ghost{border-color:transparent;padding:8px 12px}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-sm{font-size:var(--t-xs);padding:6px 12px}.btn-lg{font-size:var(--t-md);padding:14px 24px}.btn-icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:var(--border-thin);background:transparent;color:var(--text);cursor:pointer;border-radius:var(--radius-1);transition:all var(--dur-fast) var(--ease-out)}.btn-icon:hover{background:var(--surface-2)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:var(--border-thin);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:var(--tr-meta);color:var(--text-dim);background:transparent}.pill-solid{background:var(--ink-0);color:var(--bg);border-color:var(--ink-0)}.pill-pos{font-family:var(--font-display);font-style:italic;text-transform:lowercase;letter-spacing:0;color:var(--text-dim);border:var(--border-hair)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dot--red{background:var(--accent-red)}.dot--moss{background:var(--accent-moss)}.dot--indigo{background:var(--accent-indigo)}.dot--amber{background:var(--accent-amber)}.dot--empty{background:transparent;border:1px solid var(--rule)}.surface{background:var(--surface);border:var(--border-thin)}:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flip-in{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--paper-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--paper-4)}a{color:inherit}.italic{font-style:italic}.upper{text-transform:uppercase;letter-spacing:var(--tr-meta)}.center{text-align:center}.mono{font-family:var(--font-mono)}.topbar{position:sticky;top:0;z-index:50;background:var(--bg);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px)}.topnav-link{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tr-meta);text-decoration:none;color:var(--text-muted);padding:8px 10px;border-radius:var(--radius-1);transition:all var(--dur-fast) var(--ease-out);white-space:nowrap}.topnav-link:hover,.topnav-link.is-active{color:var(--text);background:var(--surface-2)}.streak-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:var(--border-thin);border-radius:var(--radius-pill)}.search-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:var(--border-thin);display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 12px;cursor:pointer;color:var(--text-muted);font:inherit;border-radius:var(--radius-1);transition:all var(--dur-fast) var(--ease-out)}.search-trigger:hover{border-color:var(--ink-0);color:var(--text)}.search-trigger__label{font-family:var(--font-sans);font-size:12px;white-space:nowrap}.search-trigger__kbd{font-size:10px;padding:2px 5px;border:var(--border-hair);border-radius:3px;color:var(--text-faint);letter-spacing:.06em}@media (max-width: 880px){.search-trigger__label,.search-trigger__kbd{display:none}.search-trigger{padding:8px}}.issue-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-thin);background:var(--surface);text-align:left;cursor:pointer;padding:var(--s-4);display:grid;grid-template-rows:auto 1fr auto;gap:var(--s-4);border-radius:var(--radius-1);transition:all var(--dur-fast) var(--ease-out);min-height:210px;position:relative;overflow:hidden;font:inherit;color:inherit}.issue-card:hover:not(:disabled){border-color:var(--ink-0);transform:translateY(-2px)}.issue-card:disabled,.issue-card.is-locked{cursor:not-allowed;opacity:.5}.issue-card.is-locked .issue-card__theme{filter:blur(0px)}.issue-card__top{display:flex;justify-content:space-between;align-items:center}.issue-card__num{font-size:12px;color:var(--text-muted);letter-spacing:.08em}.issue-card__theme{display:flex;flex-direction:column;justify-content:flex-start;min-height:78px}.issue-card.status-in-progress{border-color:var(--accent-amber);background:linear-gradient(to bottom,var(--surface) 70%,color-mix(in oklch,var(--accent-amber) 8%,var(--surface)))}.issue-card.status-done{background:var(--surface)}.issue-card.status-done:after{content:"✓";position:absolute;top:14px;right:14px;font-family:var(--font-mono);color:var(--accent-moss);font-size:14px}.issue-card.status-due-review{border-color:var(--accent-indigo)}.issue-progress{height:3px;background:var(--paper-3);position:relative;overflow:hidden}.issue-progress__bar{position:absolute;inset:0 auto 0 0;background:var(--ink-0);transition:width var(--dur-med) var(--ease-out)}.status-in-progress .issue-progress__bar{background:var(--accent-amber)}.status-done .issue-progress__bar{background:var(--accent-moss)}.status-due-review .issue-progress__bar{background:var(--accent-indigo)}.action-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;border:var(--border-thin)}.action-rail__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:0;border-right:var(--border-thin);padding:var(--s-5) var(--s-5);text-align:left;cursor:pointer;color:inherit;font:inherit;display:flex;flex-direction:column;gap:6px;transition:all var(--dur-fast) var(--ease-out);position:relative}.action-rail__item:last-child{border-right:0}.action-rail__item:hover{background:var(--ink-0);color:var(--bg)}.action-rail__item:hover .action-rail__num,.action-rail__item:hover .action-rail__hint{color:var(--bg);opacity:.7}.action-rail__item.is-current{background:var(--ink-0);color:var(--bg)}.action-rail__num{font-size:11px;color:var(--text-muted);letter-spacing:.08em}.action-rail__label{font-family:var(--font-display);font-size:var(--t-xl);letter-spacing:var(--tr-tight);line-height:1.1}.action-rail__hint{font-size:11px;color:var(--text-muted);margin-top:4px}.word-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-bottom:var(--border-hair);padding:14px 8px;width:100%;display:grid;grid-template-columns:56px 18px 1fr 140px 60px 1fr 24px;align-items:baseline;gap:16px;cursor:pointer;color:inherit;font:inherit;transition:background var(--dur-fast) var(--ease-out);text-align:left}.word-row:hover{background:var(--surface-2)}.word-row__idx{color:var(--text-faint);font-size:12px}.word-row__word{font-size:var(--t-lg);letter-spacing:-.01em}.word-row__ipa{font-size:12px;color:var(--text-muted)}.word-row__meaning{color:var(--text-dim);font-size:var(--t-md)}.word-row__arrow{color:var(--text-faint);justify-self:end;transition:transform var(--dur-fast)}.word-row:hover .word-row__arrow{transform:translate(4px);color:var(--text)}.footer{margin-top:var(--s-10)}.page{animation:fade-up var(--dur-med) var(--ease-out);padding-bottom:var(--s-9)}.day-hero{border:var(--border-thin);background:var(--surface);padding:var(--s-7) var(--s-6);margin-bottom:var(--s-6);position:relative;overflow:hidden}.day-hero__nr{position:absolute;right:-10px;bottom:-40px;font-family:var(--font-display);font-size:var(--t-6xl);font-weight:400;color:var(--paper-3);letter-spacing:-.04em;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.day-hero__theme{font-family:var(--font-display);font-size:var(--t-4xl);line-height:.95;margin:0;letter-spacing:-.02em}.day-hero__theme-vi{font-family:var(--font-display);font-style:italic;font-size:var(--t-2xl);color:var(--text-muted);margin-top:var(--s-2)}.day-hero__intro{font-family:var(--font-display);font-size:var(--t-md);color:var(--text-dim);line-height:var(--lh-loose);max-width:640px;margin-top:var(--s-5)}.word-detail{display:grid;grid-template-columns:280px 1fr;gap:var(--s-7)}@media (max-width: 880px){.word-detail{grid-template-columns:1fr;gap:var(--s-5)}}.word-detail__side{position:sticky;top:96px;align-self:start}.word-headline{display:flex;flex-direction:column;gap:var(--s-3);margin-bottom:var(--s-6);border-bottom:var(--border-thin);padding-bottom:var(--s-5)}.word-headline__word{font-family:var(--font-display);font-size:clamp(56px,9vw,120px);line-height:.9;letter-spacing:-.04em;margin:0}.word-headline__row{display:flex;align-items:baseline;gap:var(--s-4);flex-wrap:wrap}.word-headline__ipa{font-family:var(--font-mono);font-size:var(--t-md);color:var(--text-muted)}.word-headline__meaning{font-family:var(--font-display);font-style:italic;font-size:var(--t-2xl);color:var(--text-dim)}.word-block{margin-bottom:var(--s-7)}.word-block__label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tr-meta);color:var(--text-muted);padding-bottom:var(--s-2);border-bottom:var(--border-hair);margin-bottom:var(--s-3);display:flex;justify-content:space-between;align-items:center}.word-block__num{color:var(--text-faint)}.word-block__body{font-family:var(--font-display);font-size:var(--t-lg);line-height:var(--lh-base);color:var(--text)}.word-block__body--vi{font-style:italic;color:var(--text-dim);font-size:var(--t-md);margin-top:6px}.word-block__note{font-family:var(--font-display);font-size:var(--t-md);line-height:var(--lh-loose);color:var(--text-dim);border-left:2px solid var(--ink-0);padding-left:var(--s-4);margin:0}.colloc-list{display:flex;flex-direction:column}.colloc-item{display:grid;grid-template-columns:24px 1fr 1fr;gap:var(--s-4);align-items:baseline;padding:10px 0;border-bottom:var(--border-hair)}.colloc-item:last-child{border-bottom:0}.colloc-item__num{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.colloc-item__en{font-family:var(--font-display);font-size:var(--t-md)}.colloc-item__vi{font-family:var(--font-display);font-style:italic;color:var(--text-dim);font-size:var(--t-md)}.mastery-set{display:flex;border:var(--border-thin)}.mastery-set button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:0;border-right:var(--border-thin);padding:12px 14px;cursor:pointer;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tr-meta);color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--dur-fast)}.mastery-set button:last-child{border-right:0}.mastery-set button:hover{background:var(--surface-2);color:var(--text)}.mastery-set button.is-active.m-unknown{background:var(--accent-red);color:#fff}.mastery-set button.is-active.m-learning{background:var(--accent-amber);color:var(--ink-0)}.mastery-set button.is-active.m-known{background:var(--accent-moss);color:#fff}.flashcard-stage{display:flex;flex-direction:column;align-items:center;gap:var(--s-5);padding:var(--s-7) 0}.flashcard{width:min(560px,92vw);aspect-ratio:3 / 4;position:relative;perspective:1500px;cursor:pointer}.flashcard__inner{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform var(--dur-slow) var(--ease-in-out);transform-style:preserve-3d}.flashcard.is-flipped .flashcard__inner{transform:rotateY(180deg)}.flashcard__face{position:absolute;top:0;right:0;bottom:0;left:0;border:var(--border-thin);background:var(--surface);padding:var(--s-6);backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between}.flashcard__face--back{transform:rotateY(180deg)}.flashcard__corner-tl,.flashcard__corner-br{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:var(--tr-meta);text-transform:uppercase}.flashcard__corner-br{text-align:right}.flashcard__main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);text-align:center;flex:1}.flashcard__word{font-family:var(--font-display);font-size:clamp(40px,7vw,76px);line-height:1;letter-spacing:-.03em;margin:0}.flashcard__ipa{font-family:var(--font-mono);font-size:var(--t-md);color:var(--text-muted)}.flashcard__meaning{font-family:var(--font-display);font-style:italic;font-size:var(--t-xl);color:var(--text-dim)}.fc-controls{display:flex;gap:var(--s-3);align-items:center}.fc-controls .btn{min-width:96px;justify-content:center}.quiz-frame{border:var(--border-thin);background:var(--surface);padding:var(--s-7);max-width:760px;margin:0 auto}.quiz-frame__head{display:flex;justify-content:space-between;margin-bottom:var(--s-5);padding-bottom:var(--s-4);border-bottom:var(--border-hair)}.quiz-prompt{font-family:var(--font-display);font-size:var(--t-3xl);letter-spacing:-.02em;margin:0 0 var(--s-2) 0}.quiz-cue{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:var(--tr-meta);text-transform:uppercase;margin-bottom:var(--s-6)}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}@media (max-width: 600px){.quiz-options{grid-template-columns:1fr}}.quiz-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:var(--border-thin);padding:var(--s-4) var(--s-5);text-align:left;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:baseline;gap:var(--s-4);transition:all var(--dur-fast) var(--ease-out)}.quiz-option:hover{border-color:var(--ink-0);background:var(--surface-2)}.quiz-option__letter{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:var(--tr-meta);text-transform:uppercase}.quiz-option__text{font-family:var(--font-display);font-size:var(--t-lg);letter-spacing:-.01em}.quiz-option.is-correct{border-color:var(--accent-moss);background:color-mix(in oklch,var(--accent-moss) 12%,var(--surface))}.quiz-option.is-wrong{border-color:var(--accent-red);background:color-mix(in oklch,var(--accent-red) 10%,var(--surface))}.quiz-option.is-disabled{pointer-events:none;opacity:.5}.typing-stage{max-width:720px;margin:0 auto;text-align:center;padding:var(--s-7) 0}.typing-ipa{font-family:var(--font-mono);font-size:var(--t-2xl);color:var(--text-dim);margin-bottom:var(--s-5)}.typing-meaning{font-family:var(--font-display);font-style:italic;font-size:var(--t-xl);color:var(--text-muted);margin-bottom:var(--s-6)}.typing-input{width:100%;background:transparent;border:0;border-bottom:var(--border-bold);padding:var(--s-3) 0;font-family:var(--font-display);font-size:clamp(40px,7vw,72px);text-align:center;letter-spacing:-.02em;color:var(--text);outline:none}.typing-input.is-correct{border-color:var(--accent-moss);color:var(--accent-moss)}.typing-input.is-wrong{border-color:var(--accent-red);color:var(--accent-red)}.typing-blanks{display:flex;justify-content:center;gap:10px;font-family:var(--font-mono);font-size:var(--t-2xl);color:var(--text-muted);margin-bottom:var(--s-4)}.speaker-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:var(--border-thin);background:transparent;color:var(--text);cursor:pointer;border-radius:50%;transition:all var(--dur-fast)}.speaker-btn:hover{background:var(--ink-0);color:var(--bg)}.speaker-btn svg{width:14px;height:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:var(--border-thin)}@media (max-width: 720px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-cell{padding:var(--s-5);border-right:var(--border-thin);border-bottom:var(--border-thin);background:var(--surface);display:flex;flex-direction:column;gap:var(--s-2)}.stat-cell:nth-child(4n){border-right:0}.stat-cell:nth-last-child(-n+4){border-bottom:0}@media (max-width: 720px){.stat-cell:nth-child(4n){border-right:var(--border-thin)}.stat-cell:nth-child(2n){border-right:0}}.stat-cell__label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tr-meta);color:var(--text-muted)}.stat-cell__value{font-family:var(--font-display);font-size:var(--t-3xl);letter-spacing:-.02em;line-height:1}.stat-cell__unit{font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}.heatmap{display:grid;grid-template-columns:repeat(15,1fr);gap:4px}.heatmap__cell{aspect-ratio:1;background:var(--paper-3);border-radius:2px;position:relative}.heatmap__cell[data-level="0"]{background:var(--paper-2)}.heatmap__cell[data-level="1"]{background:color-mix(in oklch,var(--accent-moss) 25%,var(--paper-3))}.heatmap__cell[data-level="2"]{background:color-mix(in oklch,var(--accent-moss) 50%,var(--paper-3))}.heatmap__cell[data-level="3"]{background:color-mix(in oklch,var(--accent-moss) 75%,var(--paper-3))}.heatmap__cell[data-level="4"]{background:var(--accent-moss)}.heatmap__cell[data-current=true]{outline:1.5px solid var(--ink-0);outline-offset:1px}.stack-bar{display:flex;height:32px;border:var(--border-thin);overflow:hidden}.stack-bar__seg{display:flex;align-items:center;padding:0 var(--s-3);font-family:var(--font-mono);font-size:11px;color:#fff;letter-spacing:var(--tr-meta);text-transform:uppercase}.stack-bar__seg--known{background:var(--accent-moss)}.stack-bar__seg--learning{background:var(--accent-amber);color:var(--ink-0)}.stack-bar__seg--unknown{background:var(--accent-red)}.stack-bar__seg--rest{background:var(--paper-3);color:var(--text-muted)}.settings-list{border:var(--border-thin)}.settings-row{display:grid;grid-template-columns:1fr auto;gap:var(--s-5);padding:var(--s-4) var(--s-5);border-bottom:var(--border-hair);align-items:center;background:var(--surface)}.settings-row:last-child{border-bottom:0}.settings-row__label{font-family:var(--font-sans);font-size:var(--t-md)}.settings-row__hint{font-family:var(--font-sans);font-size:var(--t-sm);color:var(--text-muted);margin-top:2px}.seg{display:inline-flex;border:var(--border-thin)}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:0;border-right:var(--border-thin);padding:8px 14px;cursor:pointer;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tr-meta);color:var(--text-muted);transition:all var(--dur-fast)}.seg button:last-child{border-right:0}.seg button:hover{color:var(--text)}.seg button.is-on{background:var(--ink-0);color:var(--bg)}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--border-thin);padding:5px 12px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tr-meta);color:var(--text-dim);cursor:pointer;border-radius:var(--radius-pill);transition:all var(--dur-fast)}.chip:hover{color:var(--text);border-color:var(--ink-0)}.chip.is-on{background:var(--ink-0);color:var(--bg);border-color:var(--ink-0)}.bread{display:flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tr-meta);color:var(--text-muted)}.bread a{text-decoration:none;cursor:pointer}.bread a:hover{color:var(--text)}.bread__sep{color:var(--text-faint)}.ledger-head,.ledger-row{display:grid;grid-template-columns:48px 1fr 140px 100px 60px 80px;gap:var(--s-3);padding:12px var(--s-4);align-items:center}.ledger-head{background:var(--surface);border-bottom:var(--border-thin);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tr-meta);color:var(--text-muted)}.ledger-row{border-bottom:var(--border-hair);background:var(--surface);transition:background var(--dur-fast)}.ledger-row:hover{background:var(--surface-2)}.ledger-row:last-child{border-bottom:0}@media (max-width: 720px){.ledger-head,.ledger-row{grid-template-columns:40px 1fr 80px 80px}.ledger-head>*:nth-child(5),.ledger-head>*:nth-child(6),.ledger-row>*:nth-child(5),.ledger-row>*:nth-child(6){display:none}}.ds-section{margin-bottom:var(--s-8)}.ds-type{display:flex;flex-direction:column;gap:var(--s-4)}.ds-type-row{display:grid;grid-template-columns:200px 1fr;gap:var(--s-5);align-items:baseline;padding:var(--s-3) 0;border-bottom:var(--border-hair)}@media (max-width: 720px){.ds-type-row{grid-template-columns:1fr}}.ds-comp{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5) 0;border-bottom:var(--border-hair)}.swatch-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--s-3)}.swatch{display:flex;flex-direction:column}.swatch__color{height:80px;border:var(--border-thin)}.empty{border:1px dashed var(--rule);padding:var(--s-6);text-align:center;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--t-sm)}.search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in oklch,var(--ink-0) 35%,transparent);-webkit-backdrop-filter:blur(4px) saturate(120%);backdrop-filter:blur(4px) saturate(120%);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:fade-up var(--dur-fast) var(--ease-out)}.search-panel{width:min(680px,92vw);background:var(--bg);border:var(--border-mid);display:flex;flex-direction:column;max-height:76vh;overflow:hidden}.search-head{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-4) var(--s-5);border-bottom:var(--border-thin);background:var(--surface)}.search-prompt{font-size:13px;color:var(--text-muted);letter-spacing:.08em}.search-input{background:transparent;border:0;outline:0;width:100%;font-family:var(--font-display);font-size:var(--t-xl);color:var(--text);letter-spacing:-.01em}.search-input::placeholder{color:var(--text-faint);font-style:italic}.search-meta{white-space:nowrap;color:var(--text-faint)}.search-results{overflow-y:auto;flex:1;min-height:0}.search-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-bottom:var(--border-hair);width:100%;display:grid;grid-template-columns:48px 1fr 100px 50px 1fr 100px;gap:var(--s-3);align-items:baseline;padding:10px var(--s-5);cursor:pointer;font:inherit;color:inherit;text-align:left;transition:background var(--dur-fast)}.search-row.is-active,.search-row:hover{background:var(--surface-2)}.search-row__day{color:var(--text-faint);font-size:11px}.search-row__word{font-size:var(--t-lg);letter-spacing:-.01em}.search-row__ipa{color:var(--text-muted);font-size:11px}.search-row__meaning{color:var(--text-dim);font-size:var(--t-md)}.search-row__theme{color:var(--text-faint);font-size:10px;text-transform:uppercase;letter-spacing:var(--tr-meta);text-align:right}.search-foot{display:flex;gap:var(--s-5);padding:var(--s-3) var(--s-5);border-top:var(--border-thin);background:var(--surface);color:var(--text-faint);font-size:11px}@media (max-width: 720px){.search-row{grid-template-columns:36px 1fr 56px;gap:8px}.search-row__ipa,.search-row__meaning,.search-row__theme{display:none}}.due-panel{border:var(--border-thin);background:var(--surface);padding:var(--s-5);position:relative}.due-panel:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:var(--accent-indigo)}.due-list{display:flex;flex-direction:column;border-top:var(--border-hair)}.due-row{display:grid;grid-template-columns:16px 1fr 32px 1fr;gap:var(--s-3);align-items:baseline;padding:8px 0;border-bottom:var(--border-hair)}.due-row:last-child{border-bottom:0}.due-row__word{font-family:var(--font-display);font-size:var(--t-md)}.due-row__day{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.due-row__meaning{font-size:var(--t-sm);color:var(--text-dim)}.due-row--more{grid-template-columns:1fr;text-align:center;color:var(--text-faint)}.srs-rate{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:var(--border-thin);width:min(560px,92vw)}.srs-rate__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:0;border-right:var(--border-thin);padding:var(--s-4) var(--s-3);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;color:inherit;font:inherit;transition:all var(--dur-fast);text-align:center}.srs-rate__btn:last-child{border-right:0}.srs-rate__btn:hover{background:var(--surface-2)}.srs-rate__key{font-size:11px;color:var(--text-faint);letter-spacing:var(--tr-meta);text-transform:uppercase}.srs-rate__label{font-family:var(--font-display);font-size:var(--t-lg);letter-spacing:-.01em;line-height:1}.srs-rate__hint{font-size:11px;color:var(--text-muted)}.srs-rate__btn--again:hover{background:color-mix(in oklch,var(--accent-red) 14%,var(--surface));border-color:var(--accent-red)}.srs-rate__btn--hard:hover{background:color-mix(in oklch,var(--accent-amber) 18%,var(--surface))}.srs-rate__btn--good:hover{background:color-mix(in oklch,var(--accent-moss) 14%,var(--surface))}.srs-rate__btn--easy:hover{background:color-mix(in oklch,var(--accent-moss) 22%,var(--surface))}.completion{max-width:560px;margin:var(--s-5) auto;border:var(--border-thin);background:var(--surface);position:relative;overflow:hidden;animation:fade-up var(--dur-slow) var(--ease-out)}.completion__stamp{position:absolute;top:14px;right:14px;transform:rotate(8deg);border:1.5px solid var(--accent-moss);color:var(--accent-moss);padding:8px 14px;pointer-events:none;opacity:.85}.completion__stamp-inner{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-mono);letter-spacing:.12em}.completion__stamp-top{font-size:13px;font-weight:600}.completion__stamp-date{font-size:9px;opacity:.8}.completion__body{padding:var(--s-7) var(--s-6) var(--s-6);text-align:center}.completion__stats{display:grid;grid-template-columns:repeat(4,1fr);border:var(--border-thin);margin:var(--s-6) 0 var(--s-5)}@media (max-width: 480px){.completion__stats{grid-template-columns:repeat(2,1fr)}}.completion__stat{display:flex;flex-direction:column;gap:6px;padding:var(--s-4);border-right:var(--border-hair);align-items:flex-start}.completion__stat:last-child{border-right:0}.completion__stat-value{font-size:var(--t-2xl);letter-spacing:-.02em;line-height:1}.completion__actions{gap:var(--s-3);justify-content:center;flex-wrap:wrap}.audio-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border:var(--border-thin);background:transparent;color:var(--text);cursor:pointer;border-radius:50%;transition:all var(--dur-fast)}.audio-btn:hover{background:var(--ink-0);color:var(--bg)}.audio-btn svg{width:40%;height:40%}.audio-btn__tip{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:10px;white-space:nowrap;color:var(--text-muted);background:var(--bg);padding:3px 8px;border:var(--border-hair);letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity var(--dur-fast)}.audio-btn:hover .audio-btn__tip{opacity:1}.typing-blanks{display:flex;justify-content:center;gap:8px;font-family:var(--font-mono);font-size:var(--t-2xl);color:var(--text-muted);margin-bottom:var(--s-4);min-height:40px}.typing-blanks__char{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:36px;border-bottom:1.5px solid var(--rule);font-family:var(--font-display);font-size:var(--t-xl);letter-spacing:0;color:var(--text-faint);transition:all var(--dur-fast);padding-bottom:2px}.typing-blanks__char.is-filled{color:var(--text);border-color:var(--ink-0)}.typing-blanks__char.is-wrong{color:var(--accent-red);border-color:var(--accent-red)}.typing-blanks__char.is-space{min-width:8px;border:0}@media (max-width: 720px){.container{padding:0 var(--s-4)}.topbar .container{height:56px!important}.topnav-link{padding:6px 8px;font-size:11px}.day-hero{padding:var(--s-5) var(--s-4)}.day-hero__nr{font-size:96px;bottom:-28px;right:-4px}.word-detail__side{position:static;display:grid;grid-template-columns:1fr;gap:var(--s-4);padding:var(--s-4);border:var(--border-thin);background:var(--surface);margin-bottom:var(--s-5)}.action-rail{grid-template-columns:1fr 1fr}.action-rail__item{border-bottom:var(--border-thin)}.action-rail__item:nth-child(2){border-right:0}.action-rail__item:nth-child(3),.action-rail__item:nth-child(4){border-bottom:0}.word-row{grid-template-columns:40px 14px 1fr auto;gap:10px;padding:12px 6px}.word-row__ipa,.word-row__meaning{grid-column:3}.word-row .pill-pos{display:none}.word-row__arrow{color:var(--text-faint)}.srs-rate{grid-template-columns:repeat(2,1fr)}.srs-rate__btn:nth-child(2){border-right:0}.srs-rate__btn:nth-child(1),.srs-rate__btn:nth-child(2){border-bottom:var(--border-thin)}.stats-grid{grid-template-columns:1fr 1fr}.day-hero__theme{font-size:var(--t-2xl)}.day-hero__theme-vi{font-size:var(--t-lg)}.day-hero__intro{font-size:var(--t-base);line-height:var(--lh-base)}.quiz-frame,.cloze-frame{padding:var(--s-5) var(--s-4)}.cloze-sentence{font-size:clamp(18px,4vw,22px)}.footer .container{height:auto!important;flex-direction:column;align-items:flex-start;gap:4px;padding-top:var(--s-3);padding-bottom:var(--s-3)}.topbar .container{gap:var(--s-3)}.topbar nav{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;flex:1 1 auto;min-width:0}.topbar nav::-webkit-scrollbar{display:none}.topnav-link{flex-shrink:0}}@media (max-width: 420px){.streak-badge{display:none}.topbar .container{gap:var(--s-2)}}.cloze-frame{border:var(--border-thin);background:var(--surface);padding:var(--s-7);max-width:820px;margin:0 auto}.cloze-frame__head{display:flex;justify-content:space-between;margin-bottom:var(--s-5);padding-bottom:var(--s-4);border-bottom:var(--border-hair)}.cloze-cue{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:var(--tr-meta);text-transform:uppercase;margin-bottom:var(--s-5)}.cloze-sentence{font-family:var(--font-display);font-size:clamp(22px,3vw,32px);line-height:1.5;letter-spacing:-.01em;color:var(--text);margin-bottom:var(--s-6)}.cloze-input{display:inline-block;vertical-align:baseline;font-family:var(--font-display);font-size:inherit;letter-spacing:-.01em;background:transparent;border:0;border-bottom:2px solid var(--ink-0);padding:0 4px 2px;outline:0;color:var(--text);margin:0 4px;transition:all var(--dur-fast)}.cloze-input::placeholder{color:var(--text-faint);letter-spacing:.1em}.cloze-input:focus{background:color-mix(in oklch,var(--accent-indigo) 8%,transparent)}.cloze-input.is-correct{border-color:var(--accent-moss);color:var(--accent-moss)}.cloze-input.is-wrong{border-color:var(--accent-red);color:var(--accent-red)}.cloze-hints{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:var(--border-thin);margin-bottom:var(--s-5)}@media (max-width: 600px){.cloze-hints{grid-template-columns:1fr}}.cloze-hint{padding:var(--s-3) var(--s-4);border-right:var(--border-hair);display:flex;flex-direction:column;gap:4px}.cloze-hint:last-child{border-right:0}@media (max-width: 600px){.cloze-hint{border-right:0;border-bottom:var(--border-hair)}.cloze-hint:last-child{border-bottom:0}}.cloze-hint .t-display{font-size:var(--t-md)}.cloze-feedback{margin-top:var(--s-5);padding-top:var(--s-4);border-top:var(--border-hair);animation:fade-up var(--dur-fast) var(--ease-out)}.cloze-feedback--ok{border-top-color:var(--accent-moss)}.cloze-feedback--err{border-top-color:var(--accent-red)}[data-theme=dark] .cloze-frame,[data-theme=dark] .issue-card{background:var(--paper-2)}[data-theme=dark] .issue-card:hover:not(:disabled){background:var(--paper-3)}[data-theme=dark] .day-hero{background:var(--paper-2)}[data-theme=dark] .day-hero__nr{color:var(--paper-3)}[data-theme=dark] .surface,[data-theme=dark] .action-rail__item,[data-theme=dark] .quiz-frame,[data-theme=dark] .quiz-option,[data-theme=dark] .ledger-row,[data-theme=dark] .ledger-head,[data-theme=dark] .stat-cell,[data-theme=dark] .settings-row,[data-theme=dark] .due-panel,[data-theme=dark] .completion,[data-theme=dark] .search-panel,[data-theme=dark] .search-head,[data-theme=dark] .search-foot,[data-theme=dark] .srs-rate__btn{background:var(--paper-2)}[data-theme=dark] .search-row:hover,[data-theme=dark] .search-row.is-active,[data-theme=dark] .quiz-option:hover,[data-theme=dark] .ledger-row:hover{background:var(--paper-3)}[data-theme=dark] .word-row:hover{background:var(--paper-2)}