@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-950:#17140f;--ink-900:#211d17;--ink-800:#2c2721;--ink-700:#423a2f;--ink-600:#5c5245;--paper:#f3ead9;--paper-dim:#a89b86;--paper-faint:#786c5a;--highlighter:#f0b429;--highlighter-hover:#ffca4a;--highlighter-ink:#362702;--ribbon:#c65c3b;--ribbon-hover:#dd6c49;--ok:#8caa6e;--ok-bg:#8caa6e24;--err:#e2604f;--err-bg:#e2604f24;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius-sm:5px;--radius-md:10px;--radius-lg:16px;--ease:cubic-bezier(.2, 0, 0, 1);--dur:.16s;font:16px/1.6 var(--font-ui);color:var(--paper-dim);background:var(--ink-950);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(ellipse 900px 500px at 15% -10%, #f0b4290f, transparent 60%), var(--ink-950);min-height:100svh;margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--font-display);color:var(--paper);margin:0;font-weight:600}p{margin:0}::selection{background:var(--highlighter);color:var(--highlighter-ink)}:focus-visible{outline:2px solid var(--highlighter);outline-offset:2px;border-radius:3px}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--ink-700);background-clip:content-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app{max-width:920px;margin:0 auto;padding:28px 20px 72px}.top-nav{align-items:flex-end;gap:18px;margin-bottom:28px;display:flex}.top-nav .brand{cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;margin-right:auto;padding-bottom:13px;padding-left:0;padding-right:0;display:flex}.brand-mark{color:var(--highlighter);flex:none;display:block}.brand-text{font-family:var(--font-display);color:var(--paper);letter-spacing:.01em;white-space:nowrap;font-size:20px;font-style:italic;font-weight:600}.brand-sub{font-family:var(--font-mono);letter-spacing:.1em;color:var(--paper-faint);white-space:nowrap;font-size:10px;display:none}.top-nav .nav-links{gap:4px;display:flex}.language-select{font:inherit;font-family:var(--font-ui);border:1px solid var(--ink-700);background:var(--ink-800);color:var(--paper-dim);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);margin-bottom:13px;margin-left:14px;padding:7px 10px;font-size:12.5px;font-weight:600}.language-select:hover{border-color:var(--highlighter);color:var(--paper)}.language-select:focus{border-color:var(--highlighter);outline:none}.top-nav .nav-links button{font:inherit;font-family:var(--font-ui);border:1px solid var(--ink-700);background:var(--ink-900);color:var(--paper-faint);border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;transition:color var(--dur) var(--ease), background var(--dur) var(--ease);border-bottom:none;padding:9px 18px 11px;font-size:13px;font-weight:600}.top-nav .nav-links button:hover{color:var(--paper-dim)}.top-nav .nav-links button.active{background:var(--ink-800);border-color:var(--ink-700);color:var(--highlighter)}.top-nav{border-bottom:1px solid var(--ink-700)}.error-banner{background:var(--err-bg);color:var(--err);border-left:3px solid var(--err);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:20px;padding:11px 16px;font-size:14px}.retry-banner{background:var(--err-bg);color:var(--err);border-left:3px solid var(--err);border-radius:0 var(--radius-sm) var(--radius-sm) 0;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;padding:11px 16px;font-size:14px;display:flex}.retry-banner button{font:inherit;font-family:var(--font-ui);letter-spacing:.03em;border-radius:var(--radius-sm);border:1px solid var(--highlighter);background:var(--highlighter);color:var(--highlighter-ink);cursor:pointer;transition:background var(--dur) var(--ease);flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:700}.retry-banner button:hover:not(:disabled){background:var(--highlighter-hover)}.retry-banner button:disabled{opacity:.45;cursor:not-allowed}.topic-form{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--radius-lg);flex-direction:column;gap:18px;max-width:520px;margin:36px auto;padding:30px 30px 26px;display:flex}.topic-form h1{margin-bottom:2px;font-size:24px;font-style:italic}.topic-form label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-faint);text-align:left;flex-direction:column;gap:7px;font-size:11px;font-weight:500;display:flex}.topic-form input,.topic-form textarea{font:15px/1.6 var(--font-ui);border-radius:var(--radius-sm);border:1px solid var(--ink-700);background:var(--ink-800);color:var(--paper);resize:vertical;transition:border-color var(--dur) var(--ease);padding:10px 12px}.topic-form textarea{background-image:repeating-linear-gradient(var(--ink-800) 0, var(--ink-800) 27px, var(--ink-700) 28px);background-position:0 4px;padding-top:4px;line-height:28px}.topic-form input:focus,.topic-form textarea:focus{border-color:var(--highlighter);outline:none}.topic-form input::placeholder,.topic-form textarea::placeholder{color:var(--paper-faint)}.topic-form button,.results-display>button,.word-list .translate-btn{font:inherit;font-family:var(--font-ui);letter-spacing:.03em;border-radius:var(--radius-sm);border:1px solid var(--highlighter);background:var(--highlighter);color:var(--highlighter-ink);cursor:pointer;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);padding:11px 20px;font-size:13px;font-weight:700}.topic-form button:hover:not(:disabled),.results-display>button:hover,.word-list .translate-btn:hover:not(:disabled){background:var(--highlighter-hover)}.topic-form button:active:not(:disabled),.word-list .translate-btn:active:not(:disabled){transform:translateY(1px)}.topic-form button:disabled,.word-list .translate-btn:disabled{opacity:.45;cursor:not-allowed;background:var(--ink-700);border-color:var(--ink-700);color:var(--paper-faint)}.content-step{grid-template-columns:1fr 272px;align-items:start;gap:22px;display:grid}@media (width<=720px){.content-step{grid-template-columns:1fr}}.content-display{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--radius-lg);text-align:left;padding:30px 34px 34px}.content-display h2{font-size:26px;font-style:italic}.content-display .hint{font-family:var(--font-mono);color:var(--paper-faint);letter-spacing:.03em;margin:8px 0 20px;font-size:11.5px}.content-text{font-family:var(--font-display);white-space:pre-wrap;text-align:left;color:var(--paper);font-size:18px;line-height:1.85}.word-token{cursor:pointer;transition:color var(--dur) var(--ease);border-radius:2px;padding:0 1px}.word-token:hover{color:var(--paper);box-shadow:inset 0 -1.5px 0 var(--paper-faint)}.word-token.selected{color:var(--highlighter-ink);box-shadow:none;z-index:0;font-weight:500;position:relative}.word-token.selected:before{content:"";background:var(--highlighter);z-index:-1;border-radius:2px 7px 3px 8px;position:absolute;inset:10% -8% 6%;transform:rotate(-.7deg)skew(-8deg)}.word-token.known{cursor:default;color:var(--paper);background:var(--ok-bg);box-shadow:inset 0 -1.5px 0 var(--ok);border-radius:2px 6px}.word-list{border:1px solid var(--ink-700);border-radius:var(--radius-lg);text-align:left;background:var(--ink-900);padding:18px 16px;position:sticky;top:20px}.word-list h3{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-faint);margin:0 0 14px;font-size:11px;font-weight:600}.word-list .hint{color:var(--paper-faint);font-size:13px;font-style:italic}.word-list ul{flex-direction:column;gap:9px;max-height:320px;margin:0 0 18px;padding:4px 2px;list-style:none;display:flex;overflow-y:auto}.word-list li{border-radius:var(--radius-sm);background:var(--ink-800);border:1px solid var(--ink-700);transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex;transform:rotate(-.9deg);box-shadow:0 1px #0003}.word-list li:nth-child(2n){transform:rotate(.9deg)}.word-list li:hover{border-color:var(--ink-600);transform:rotate(0)translateY(-1px)}.word-list li>span:first-child{font-family:var(--font-mono);color:var(--paper);font-size:13.5px}.word-actions{align-items:center;gap:2px;display:flex}.remove-btn{color:var(--ribbon);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:none;border-radius:999px;padding:2px 5px;font-size:17px;line-height:1}.remove-btn:hover{color:var(--ribbon-hover);background:#c65c3b26}.speak-btn{color:var(--highlighter);cursor:pointer;transition:background var(--dur) var(--ease), opacity var(--dur) var(--ease);background:0 0;border:none;border-radius:999px;padding:2px 5px;font-size:13px;line-height:1}.speak-btn:hover{background:#f0b42924}.word-list .translate-btn{text-transform:uppercase;width:100%;font-family:var(--font-mono);font-size:12px}.results-display{text-align:left}.results-display h2{font-size:24px;font-style:italic}.results-list{flex-direction:column;gap:14px;margin:22px 0;display:flex}.result-card{border:1px solid var(--ink-700);border-left:3px solid var(--highlighter);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--ink-900);padding:15px 18px}.result-card--missing{border-left-color:var(--err)}.result-card .word-example em{font-style:italic}.result-card h3{font-family:var(--font-display);text-transform:capitalize;color:var(--paper);align-items:center;gap:8px;margin:0 0 9px;font-size:19px;font-style:italic;display:flex}.result-card p{color:var(--paper-dim);margin:0 0 9px;font-size:14.5px;line-height:1.6}.result-card p:last-child{margin-bottom:0}.result-card strong{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--highlighter);margin-bottom:2px;font-size:10px;font-weight:600;display:block}.history-list{text-align:left}.history-list h2{font-size:24px;font-style:italic}.history-list ul{flex-direction:column;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.history-list li button{width:100%;font:inherit;border-radius:var(--radius-md);border:1px solid var(--ink-700);background:var(--ink-900);color:var(--paper);cursor:pointer;text-align:left;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;display:flex}.history-list li button:hover{border-color:var(--highlighter);background:var(--ink-800)}.history-item-title{font-weight:500}.history-item-date{font-family:var(--font-mono);color:var(--paper-faint);background:var(--ink-800);border:1px solid var(--ink-700);white-space:nowrap;border-radius:999px;flex:none;padding:3px 8px;font-size:11px}.history-detail{text-align:left}.history-detail .hint{font-family:var(--font-mono);color:var(--paper-faint);margin-bottom:18px;font-size:11.5px;display:block}.history-detail .content-text{margin:16px 0 28px}.history-detail .content-text p{margin:0 0 14px}.history-detail h3{margin-bottom:4px;font-size:17px;font-style:italic}.back-link{font:inherit;font-family:var(--font-mono);color:var(--ribbon);cursor:pointer;transition:transform var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:none;align-items:center;gap:5px;margin-bottom:18px;padding:0;font-size:12px;display:inline-flex}.back-link:hover{color:var(--ribbon-hover);transform:translate(-3px)}.home{flex-direction:column;gap:60px;padding:14px 0 6px;display:flex}.home-hero{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:620px;margin:0 auto;padding:20px 12px 4px;display:flex}.home-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper-faint);font-size:11px;font-weight:500}.home-title{font-size:clamp(28px,4.4vw,40px);line-height:1.18}.home-title em{color:var(--highlighter);font-style:italic}.home-sub{color:var(--paper-dim);max-width:500px;font-size:15.5px;line-height:1.65}.home-cta{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.home-start{font:inherit;font-family:var(--font-ui);letter-spacing:.02em;border-radius:var(--radius-sm);border:1px solid var(--highlighter);background:var(--highlighter);color:var(--highlighter-ink);cursor:pointer;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);padding:12px 22px;font-size:13.5px;font-weight:700}.home-start:hover{background:var(--highlighter-hover)}.home-start:active{transform:translateY(1px)}.home-secondary{font:inherit;font-family:var(--font-ui);border-radius:var(--radius-sm);border:1px solid var(--ink-700);color:var(--paper-dim);cursor:pointer;transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;padding:12px 20px;font-size:13.5px;font-weight:600}.home-secondary:hover{border-color:var(--paper-faint);color:var(--paper)}.home-demo{text-align:left;background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--radius-lg);width:100%;margin-top:20px;padding:20px 26px}.home-demo-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-faint);margin-bottom:12px;font-size:10.5px;font-weight:500}.home-demo-text{font-family:var(--font-display);color:var(--paper);font-size:17px;line-height:1.75}.home-demo-text .word-token{cursor:default;pointer-events:none}.home-steps{width:100%;max-width:900px;margin:0 auto;padding:0 4px}.home-steps h2{text-align:center;margin-bottom:26px;font-size:22px;font-style:italic}.steps-list{grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (width<=860px){.steps-list{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.steps-list{grid-template-columns:1fr}}.step-card{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--radius-md);transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;gap:8px;padding:18px 16px;display:flex}.step-card:hover{border-color:var(--highlighter);transform:translateY(-2px)}.step-num{font-family:var(--font-mono);letter-spacing:.06em;color:var(--highlighter);font-size:11px;font-weight:500}.step-card h3{font-family:var(--font-ui);font-size:15.5px;font-style:normal;font-weight:600}.step-card p{color:var(--paper-dim);font-size:13.5px;line-height:1.55}.home-features{width:100%;max-width:980px;margin:0 auto;padding:0 4px}.home-features h2{text-align:center;margin-bottom:26px;font-size:22px;font-style:italic}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (width<=860px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:var(--ink-900);border:1px solid var(--ink-700);border-left:3px solid var(--highlighter);border-radius:0 var(--radius-md) var(--radius-md) 0;transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;gap:8px;padding:16px 18px;display:flex}.feature-card:hover{border-color:var(--ink-600);border-left-color:var(--highlighter);transform:translateY(-2px)}.feature-card h3{font-family:var(--font-ui);font-size:15px;font-style:normal;font-weight:600}.feature-card p{color:var(--paper-dim);font-size:13.5px;line-height:1.55}.home-stack{text-align:center;width:100%;max-width:980px;margin:0 auto;padding:0 4px}.home-stack h2{margin-bottom:8px;font-size:22px;font-style:italic}.home-stack-intro{color:var(--paper-faint);margin-bottom:26px;font-size:13.5px}.stack-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width<=720px){.stack-grid{grid-template-columns:1fr}}.stack-card{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--radius-lg);min-width:0;transition:border-color var(--dur) var(--ease);flex-direction:column;gap:10px;padding:18px 20px 20px;display:flex}.stack-card:hover{border-color:var(--ink-600)}.stack-card-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.stack-card-head h3{font-family:var(--font-display);font-size:18px;font-style:italic}.stack-role{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--highlighter);white-space:nowrap;flex:none;font-size:10px}.stack-card>p{color:var(--paper-dim);font-size:13.5px;line-height:1.55}.code-block{border:1px solid var(--ink-700);border-radius:var(--radius-md);background:var(--ink-950);overflow:hidden}.code-block-label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--paper-faint);background:var(--ink-800);border-bottom:1px solid var(--ink-700);padding:7px 12px;font-size:10.5px;display:block}.code-block pre{margin:0;padding:14px 16px;overflow-x:auto}.code-block code{font-family:var(--font-mono);color:var(--paper-dim);white-space:pre;font-size:12px;line-height:1.6}.home-footer-note{text-align:center;max-width:540px;margin:0 auto;padding:4px 12px 10px}.home-footer-note p{font-family:var(--font-mono);color:var(--paper-faint);font-size:12px;line-height:1.6}.flashcards-view{text-align:center;max-width:520px;margin:0 auto}.flashcards-view h2{font-size:24px;font-style:italic}.flashcard-stats{font-family:var(--font-mono);letter-spacing:.03em;color:var(--paper-faint);margin:6px 0 22px;font-size:11.5px}.flashcard-warning{background:var(--err-bg);color:var(--err);border-left:3px solid var(--err);border-radius:0 var(--radius-sm) var(--radius-sm) 0;text-align:left;margin-bottom:16px;padding:10px 14px;font-size:13px}.flashcard-progress{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--paper-faint);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:11px;display:flex}.retention-dots{gap:4px;display:inline-flex}.retention-dot{border:1px solid var(--ink-600);background:0 0;border-radius:999px;width:7px;height:7px}.retention-dot.filled{background:var(--highlighter);border-color:var(--highlighter)}.flashcard{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--radius-lg);cursor:pointer;text-align:center;min-height:240px;transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px 28px;display:flex}.flashcard:hover{border-color:var(--highlighter)}.flashcard:active{transform:translateY(1px)}.flashcard--back{cursor:default;text-align:left;justify-content:flex-start;align-items:stretch;gap:14px}.flashcard--back:hover{border-color:var(--ink-700)}.flashcard--back:active{transform:none}.flashcard-face-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-faint);font-size:10px;font-weight:500}.flashcard--back .flashcard-face-label{margin-bottom:2px}.flashcard-word{font-family:var(--font-display);color:var(--paper);word-break:break-word;font-size:32px;font-style:italic;font-weight:600}.flashcard-word--sm{font-size:22px}.flashcard-word-row{align-items:center;gap:8px;display:flex}.flashcard-hint{color:var(--paper-faint);font-size:12px;font-style:italic}.flashcard-audio{font:inherit;font-family:var(--font-mono);letter-spacing:.03em;border:1px solid var(--ink-700);background:var(--ink-800);color:var(--highlighter);cursor:pointer;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:999px;padding:7px 14px;font-size:12px}.flashcard-audio:hover{border-color:var(--highlighter);background:#f0b4291f}.flashcard-audio--sm{padding:3px 8px;font-size:13px}.flashcard-section{color:var(--paper-dim);margin:0;font-size:14.5px;line-height:1.6}.flashcard-section strong{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--highlighter);margin-bottom:3px;font-size:10px;font-weight:600;display:block}.flashcard-reveal{width:100%;font:inherit;font-family:var(--font-ui);letter-spacing:.03em;border-radius:var(--radius-sm);border:1px solid var(--highlighter);background:var(--highlighter);color:var(--highlighter-ink);cursor:pointer;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);margin-top:16px;padding:12px 20px;font-size:13px;font-weight:700}.flashcard-reveal:hover{background:var(--highlighter-hover)}.flashcard-reveal:active{transform:translateY(1px)}.flashcard-feedback{gap:10px;margin-top:16px;display:flex}@media (width<=480px){.flashcard-feedback{flex-direction:column}}.fb{font:inherit;font-family:var(--font-ui);border-radius:var(--radius-sm);border:1px solid var(--ink-700);background:var(--ink-900);color:var(--paper);cursor:pointer;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), transform var(--dur) var(--ease);flex:1;padding:12px 10px;font-size:13px;font-weight:600}.fb:hover{transform:translateY(-1px)}.fb:active{transform:translateY(1px)}.fb--known:hover{border-color:var(--ok);background:var(--ok-bg)}.fb--doubt:hover{border-color:var(--highlighter);background:#f0b4291f}.fb--unknown:hover{border-color:var(--err);background:var(--err-bg)}.flashcard-empty{border:1px dashed var(--ink-700);border-radius:var(--radius-lg);color:var(--paper-dim);padding:32px 28px;font-size:14.5px;line-height:1.6}.flashcard-done{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:16px;padding:32px 28px;display:flex}.flashcard-done h3{font-size:20px;font-style:italic}.flashcard-tally{color:var(--paper-dim);flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.flashcard-tally li{align-items:center;gap:9px;display:flex}.fb-dot{border-radius:999px;flex:none;width:10px;height:10px}.fb-dot--known{background:var(--ok)}.fb-dot--doubt{background:var(--highlighter)}.fb-dot--unknown{background:var(--err)}.flashcard-done .flashcard-reveal{max-width:200px}