:root{--bg0:#e8efe9;--bg1:#d5e4d8;--ink:#13201c;--ink-soft:#3d524a;--panel:#fffcf7d1;--panel-solid:#fffbf5;--line:#13201c1f;--forest:#0f2e2a;--forest-2:#1a4a42;--lime:#d7f56a;--coral:#e36a4f;--amber:#e6a23c;--ok:#2f6f4e;--shadow:0 18px 40px #0f2e2a1f;--radius:18px;--font-display:"Fraunces", Georgia, serif;--font-body:"Sora", system-ui, sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 10% -10%, #cfe7d4 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #f3e7c8 0%, transparent 50%), linear-gradient(165deg, var(--bg0), var(--bg1));background-attachment:fixed;min-height:100dvh}button,input,textarea{font:inherit;color:inherit}a{color:inherit}.boot{text-align:center;place-content:center;gap:.75rem;min-height:100dvh;display:grid}.boot-mark,.brand-mark{background:var(--forest);width:2.5rem;height:2.5rem;color:var(--lime);font-family:var(--font-display);border-radius:.75rem;place-items:center;font-weight:700;display:grid}.shell{max-width:480px;min-height:100dvh;padding-bottom:calc(4.5rem + var(--safe-bottom));flex-direction:column;margin:0 auto;display:flex}.topbar{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:.9rem 1.1rem .4rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.55rem;display:flex}.brand-name{font-family:var(--font-display);font-size:1.35rem;font-weight:700}.main{flex:1;padding:.4rem 1.1rem 1.5rem}.tabbar{width:min(480px,100%);padding:.55rem .6rem calc(.55rem + var(--safe-bottom));color:#eef6ef;box-shadow:var(--shadow);background:#0f2e2af0;border-radius:18px 18px 0 0;grid-template-columns:repeat(4,1fr);gap:.25rem;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar a{text-align:center;opacity:.72;border-radius:12px;padding:.65rem .25rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .16s,opacity .16s,transform .16s}.tabbar a.active{color:var(--lime);opacity:1;background:#d7f56a2e}.tabbar a:active{transform:scale(.97)}.page{animation:.28s both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-head{margin-bottom:1.1rem}.page-head.tight{margin-bottom:.7rem}.page-head h1,.home-hero h1,.auth-brand{font-family:var(--font-display);letter-spacing:-.02em;margin:.15rem 0 .4rem;font-size:clamp(1.9rem,6vw,2.4rem);font-weight:700;line-height:1.1}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);margin:0;font-size:.7rem;font-weight:600}.lede{color:var(--ink-soft);margin:0;font-size:.98rem}.home-hero{margin-bottom:1.25rem}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.7rem;margin-bottom:1.25rem;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.95rem 1rem}.stat-value{font-family:var(--font-display);margin-bottom:.35rem;font-size:1.85rem;font-weight:700;line-height:1;display:block}.stat-label{color:var(--ink-soft);font-size:.82rem}.cta-row{flex-direction:column;gap:.65rem;display:flex}.primary-btn,.secondary-btn,.ghost-btn,.link-btn{cursor:pointer;text-align:center;border:0;border-radius:999px;padding:.9rem 1.15rem;font-weight:600;text-decoration:none;transition:transform .14s,background .14s,opacity .14s}.primary-btn:active,.secondary-btn:active,.chip:active,.rate:active{transform:scale(.98)}.primary-btn{background:var(--forest);color:var(--lime)}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.secondary-btn{border:1.5px solid var(--forest);color:var(--forest);background:0 0}.ghost-btn{color:var(--ink-soft);background:0 0;padding:.45rem .7rem;font-size:.85rem}.link-btn{color:var(--forest-2);background:0 0;font-size:.9rem;font-weight:500}.auth-screen{flex-direction:column;justify-content:space-between;gap:2rem;max-width:480px;min-height:100dvh;margin:0 auto;padding:2rem 1.2rem 2.5rem;animation:.32s both rise;display:flex}.auth-hero{padding-top:2.5rem}.auth-form,.stack-form{flex-direction:column;gap:.85rem;display:flex}.auth-form label,.stack-form label{color:var(--ink-soft);flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500;display:flex}.auth-form input,.stack-form input,.stack-form textarea{border:1px solid var(--line);background:var(--panel-solid);border-radius:14px;outline:none;padding:.85rem .95rem}.auth-form input:focus,.stack-form input:focus,.stack-form textarea:focus{border-color:var(--forest-2);box-shadow:0 0 0 3px #0f2e2a1f}.stack-form textarea{resize:vertical;min-height:220px;line-height:1.5}.file-label input{box-shadow:none;background:0 0;border:0;margin-top:.35rem;padding:.5rem 0}.check-row{border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--ink);border-radius:14px;align-items:flex-start;gap:.7rem;padding:.85rem .95rem;font-size:.92rem;font-weight:500;display:flex}.check-row input{width:1.05rem;height:1.05rem;accent-color:var(--forest);flex-shrink:0;margin-top:.2rem}.check-row strong{font-weight:600;display:block}.check-hint{color:var(--ink-soft);margin-top:.2rem;font-size:.78rem;font-weight:400;line-height:1.35;display:block}.hint{color:var(--ink-soft);text-align:center;margin:0;font-size:.78rem}.error{color:var(--coral);margin:0;font-size:.9rem}.candidate-list,.word-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.candidate,.word-row{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.95rem 1rem;transition:border-color .16s,background .16s}.candidate.is-known{background:#d7f56a2e;border-color:#2f6f4e73}.candidate.is-unknown{background:#e36a4f14;border-color:#e36a4f66}.candidate.is-not_word{opacity:.85;background:#3d524a14;border-color:#3d524a59}.candidate-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.lemma{font-family:var(--font-display);font-size:1.25rem}.lemma-input{font-family:var(--font-display);border:1px solid var(--line);background:var(--panel-solid);border-radius:10px;outline:none;flex:1;min-width:0;padding:.25rem .55rem;font-size:1.25rem;font-weight:700}.lemma-input:focus{border-color:var(--forest-2);box-shadow:0 0 0 3px #0f2e2a1f}.pill{text-transform:uppercase;letter-spacing:.06em;background:#13201c14;border-radius:999px;padding:.28rem .55rem;font-size:.72rem;font-weight:600}.diff-hard,.status-unknown{color:#9a3a27;background:#e36a4f2e}.diff-medium,.status-learning{color:#8a5a12;background:#e6a23c33}.diff-easy,.status-known{color:var(--ok);background:#2f6f4e29}.status-not_word{color:var(--ink-soft);background:#3d524a24}.definition{margin:.2rem 0;font-size:.92rem}.definition.muted{opacity:.7}.example{color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:anywhere;margin:.35rem 0 0;font-size:.88rem;font-style:italic}.example-wrap{margin:.35rem 0 0}.example-wrap .example{margin:0}.example-body--clamped{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.example-toggle{appearance:none;font:inherit;color:var(--forest);cursor:pointer;text-underline-offset:.15em;background:0 0;border:none;margin:0;padding:.15rem 0 0;font-size:.78rem;font-style:normal;font-weight:600;text-decoration:underline}.example-toggle:hover{color:var(--forest-2)}.example.muted{opacity:.7;font-style:normal}.example-edit{flex-direction:column;gap:.55rem;margin-top:.55rem;display:flex}.example-edit textarea{border:1px solid var(--line);background:var(--panel-solid);resize:vertical;border-radius:14px;outline:none;width:100%;min-height:96px;padding:.75rem .85rem;line-height:1.45}.example-edit textarea:focus{border-color:var(--forest-2);box-shadow:0 0 0 3px #0f2e2a1f}.word-hl{color:var(--forest);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#d7f56a8c;border-radius:.25em;padding:.05em .18em;font-style:normal;font-weight:600}.flashcard.flipped .word-hl{color:var(--forest);background:var(--lime)}.meta{color:var(--ink-soft);margin:.35rem 0 0;font-size:.8rem}.candidate-actions,.filter-row,.toolbar{flex-wrap:wrap;gap:.45rem;margin-top:.75rem;display:flex}.toolbar{margin:0 0 .85rem}.chip{border:1px solid var(--line);background:var(--panel-solid);cursor:pointer;border-radius:999px;padding:.55rem .85rem;font-size:.85rem;font-weight:500}.chip.active{background:var(--forest);border-color:var(--forest);color:var(--lime)}.chip.active.danger{background:var(--coral);border-color:var(--coral);color:#fff}.chip.active.muted{background:var(--ink-soft);border-color:var(--ink-soft);color:#fff}.sticky-cta{bottom:calc(4.8rem + var(--safe-bottom));width:100%;box-shadow:var(--shadow);margin-top:1rem;position:sticky}.flashcard{border:1px solid var(--line);width:100%;min-height:280px;box-shadow:var(--shadow);text-align:left;cursor:pointer;background:linear-gradient(145deg,#fffbf5f2,#e8efe9e6);border-radius:24px;padding:1.4rem;transition:transform .18s,box-shadow .18s}.flashcard:active{transform:scale(.99)}.flashcard.flipped{color:#f4f8f3;background:linear-gradient(160deg,#12352f,#1d4f46);border-color:#0000}.flash-prompt{font-family:var(--font-display);margin:0 0 1rem;font-size:1.35rem;line-height:1.35}.flash-hint{opacity:.65;margin:0;font-size:.85rem}.flash-word{font-family:var(--font-display);color:var(--lime);margin:0 0 .7rem;font-size:2rem}.flashcard.flipped .definition,.flashcard.flipped .example{color:#f4f8f3e6}.rating-row{grid-template-columns:repeat(4,1fr);gap:.45rem;margin-top:1rem;animation:.22s both rise;display:grid}.rate{cursor:pointer;color:#fff;border:0;border-radius:14px;padding:.85rem .25rem;font-size:.82rem;font-weight:600}.rate.again{background:#b44733}.rate.hard{background:#c4841f}.rate.good{background:#2f6f4e}.rate.easy{background:#1a4a42}@media (width>=720px){.shell{padding-top:.5rem}.stat-grid{grid-template-columns:repeat(3,1fr)}}