@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Source+Sans+3:wght@400;600;700&display=swap";:root{--ink: #1a2e28;--ink-soft: #3d534b;--paper: #f3f7f4;--paper-deep: #e4eee8;--leaf: #2f6b56;--leaf-bright: #3d8f72;--accent: #c45c26;--accent-soft: #f0d5c4;--ok: #1f7a4c;--bad: #a33b2c;--line: rgba(26, 46, 40, .12);--shadow: 0 18px 50px rgba(26, 46, 40, .08);--radius: 14px;--font-display: "Fraunces", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--leaf);text-decoration-thickness:1.5px;text-underline-offset:3px}a:hover{color:var(--accent)}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.02em}.app-shell{position:relative;min-height:100vh;display:flex;flex-direction:column}.bg-atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(61,143,114,.22),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(196,92,38,.12),transparent 50%),linear-gradient(180deg,#eef5f0 0%,var(--paper) 40%,#e8f0eb 100%)}.bg-atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232f6b56' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;max-width:960px;width:100%;margin:0 auto}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--ink)}.brand-mark{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:10px;background:var(--ink);color:#f5faf7;font-family:var(--font-display);font-weight:700;font-size:.95rem}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font-family:var(--font-display);font-size:1.15rem}.brand-text small{color:var(--ink-soft);font-size:.8rem}.nav{display:flex;gap:.35rem 1rem;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--ink-soft);font-weight:600;font-size:.95rem}.nav a.active,.nav a:hover{color:var(--leaf)}.nav-user{color:var(--ink-soft);font-weight:600;font-size:.9rem;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;font:inherit;font-weight:600;font-size:.95rem;color:var(--ink-soft);cursor:pointer}.nav-link-btn:hover{color:var(--leaf)}.auth-page{max-width:28rem}.auth-form{display:grid;gap:1rem;margin:1.25rem 0}.auth-form label{display:grid;gap:.35rem;font-weight:600;color:var(--ink-soft)}.auth-form input{font:inherit;font-weight:400;color:var(--ink);padding:.7rem .9rem;border-radius:12px;border:1.5px solid var(--line);background:#fff}.auth-form input:focus{outline:2px solid var(--leaf);outline-offset:1px}.upgrade-banner{margin-top:1.75rem;padding:1.1rem 1.2rem;border-radius:var(--radius);background:var(--accent-soft);border:1px solid rgba(196,92,38,.25)}.upgrade-banner p{margin:0 0 .5rem}.upgrade-banner .btn-row{margin-top:.85rem}.site-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:.5rem 1.25rem 3rem}.site-footer{padding:1.5rem 1.25rem 2rem;text-align:center;color:var(--ink-soft);font-size:.9rem;border-top:1px solid var(--line)}.hero{padding:2.5rem 0 2rem;animation:rise .7s ease both}.hero-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700;color:var(--accent);margin:0 0 .75rem}.hero-brand{font-size:clamp(2.8rem,9vw,4.6rem);margin:0 0 .75rem;color:var(--ink)}.hero-lead{font-size:1.2rem;max-width:34rem;color:var(--ink-soft);margin:0 0 1.5rem}.home-band{padding:1.5rem 0 2rem;animation:rise .7s ease .12s both}.home-band h2{margin-top:0}.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:.85rem}.feature-list li{padding:1rem 1.1rem;background:#ffffff8c;border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;font-weight:700;border-radius:999px;padding:.7rem 1.25rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease,color .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--leaf);color:#fff}.btn-primary:hover{background:var(--leaf-bright);color:#fff}.btn-secondary{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.btn-secondary:hover{border-color:var(--leaf);color:var(--leaf)}.btn-ghost{background:transparent;color:var(--ink-soft);border:1.5px dashed var(--line)}.btn-ghost:hover{color:var(--leaf);border-color:var(--leaf)}.page{animation:rise .45s ease both}.page-header h1{margin-bottom:.35rem}.page-header p{margin-top:0;color:var(--ink-soft)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:var(--accent);margin-bottom:.35rem}.muted{color:var(--ink-soft)}.prose{max-width:40rem}.prose p{font-size:1.05rem}.toc-section{margin:2rem 0}.toc-section h2{font-size:1.25rem;margin-bottom:.75rem;color:var(--leaf)}.toc-list{list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff9}.toc-list li+li{border-top:1px solid var(--line)}.toc-list a,.toc-list>li>div{display:grid;grid-template-columns:4.2rem 1fr auto;gap:.75rem;align-items:baseline;padding:.85rem 1rem;text-decoration:none;color:inherit}.toc-list a:hover{background:#2f6b560f}.toc-page{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:.9rem}.toc-title{font-weight:600}.toc-meta{font-size:.85rem;color:var(--ink-soft);text-align:right}.toc-list li.is-soon{opacity:.55}@media (max-width: 640px){.toc-list a,.toc-list>li>div{grid-template-columns:3.5rem 1fr}.toc-meta{grid-column:2;text-align:left}}.progress-overview{display:flex;align-items:center;gap:1.25rem;margin:1.5rem 0}.progress-ring{--p: 0%;width:5.5rem;height:5.5rem;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--leaf) var(--p),var(--paper-deep) 0);font-family:var(--font-display);font-weight:700;font-size:1.1rem;position:relative}.progress-ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:var(--paper)}.progress-ring span{position:relative;z-index:1}.progress-table{list-style:none;padding:0;margin:0 0 1.5rem;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff9}.progress-table li+li{border-top:1px solid var(--line)}.progress-table a{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;text-decoration:none;color:inherit;font-weight:600}.progress-table a:hover{background:#2f6b560f}.exercise{margin-top:1rem}.exercise-intro{font-size:1.08rem;color:var(--ink-soft);max-width:40rem}.help-toggle{margin:.75rem 0 1.25rem}.help-panel{margin:.75rem 0 0;padding:.9rem 1rem;background:var(--accent-soft);border-radius:var(--radius);color:var(--ink)}.progress-pill{display:inline-block;font-size:.85rem;font-weight:700;color:var(--leaf);background:#2f6b561a;padding:.25rem .7rem;border-radius:999px;margin-bottom:.75rem}.question{font-size:1.35rem;margin:.5rem 0 1rem}.prompt-word{color:var(--accent);font-style:normal}.option-grid{display:grid;gap:.65rem;margin-bottom:1rem}.option-grid.compact{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.option{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;text-align:left;padding:.9rem 1rem;border-radius:12px;border:1.5px solid var(--line);background:#fff;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.option:hover:not(:disabled){border-color:var(--leaf);transform:translateY(-1px)}.option.correct{border-color:var(--ok);background:#e5f5ec}.option.wrong{border-color:var(--bad);background:#fcecea}.cloze-sentence{font-size:1.2rem;line-height:1.7;margin:0 0 1.25rem}.cloze-gap{display:inline-block;min-width:4.5rem;padding:0 .35rem;border-bottom:2.5px solid var(--accent);font-weight:700;color:var(--accent);text-align:center}.input-row{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.input-row input{flex:1;min-width:12rem;font:inherit;font-size:1.15rem;padding:.75rem 1rem;border-radius:12px;border:1.5px solid var(--line);background:#fff}.input-row input:focus{outline:2px solid var(--leaf);outline-offset:1px}.ok-msg{color:var(--ok);font-weight:700}.bad-msg{color:var(--bad);font-weight:600}.success-banner{padding:1rem 1.1rem;background:#e5f5ec;border:1px solid rgba(31,122,76,.25);border-radius:var(--radius);font-weight:600;animation:rise .4s ease both}.flash-stage{min-height:9rem;display:grid;place-items:center;margin:1rem 0 1.25rem;border-radius:calc(var(--radius) + 4px);background:var(--ink);color:#f5faf7;box-shadow:var(--shadow)}.flash-word{font-family:var(--font-display);font-size:clamp(2.4rem,8vw,3.8rem);animation:pop .25s ease both}.flash-placeholder{opacity:.45;font-size:1.2rem}.flash-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.flash-controls label{display:flex;align-items:center;gap:.65rem;font-weight:600;color:var(--ink-soft)}.time-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.35rem;color:var(--ink-soft)}.flashcard{width:100%;min-height:12rem;border:none;border-radius:calc(var(--radius) + 4px);background:linear-gradient(145deg,#1f3d34,#2f6b56);color:#f5faf7;padding:1.5rem;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow);transition:transform .25s ease;margin-bottom:1rem}.flashcard:hover{transform:translateY(-2px)}.flashcard.is-flipped{background:linear-gradient(145deg,#8a3d18,#c45c26)}.flashcard-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;opacity:.75}.flashcard-text{font-family:var(--font-display);font-size:clamp(1.35rem,4vw,1.85rem);line-height:1.3;flex:1}.flashcard-hint{font-size:.85rem;opacity:.65}.dictation-card{min-height:6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;margin:1rem 0;padding:1.25rem;border-radius:var(--radius);background:#ffffffb3;border:1px solid var(--line)}.dictation-word{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,2.6rem);animation:pop .3s ease both}.chapter-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--line);font-weight:600}.chapter-nav a{text-decoration:none}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@media (max-width: 560px){.site-header{flex-direction:column;align-items:flex-start}}