*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::-ms-backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.flex{display:-moz-box;display:flex}.b{border-width:1px}.outline{outline-style:solid}:root{--bg:#f4f4ed;--surface:#fffefa;--surface-2:#e9eee6;--ink:#17231f;--muted:#6c7771;--line:#dce2d9;--brand:#173f35;--brand-2:#2f725d;--lime:#d9f99d;--orange:#ffb86b;--danger:#d95656;--shadow:0 20px 60px rgba(40,57,49,.09)}html[data-theme=dark]{--bg:#111815;--surface:#19221e;--surface-2:#222e29;--ink:#f4f7f2;--muted:#a7b2ac;--line:#2e3b35;--brand:#d9f99d;--brand-2:#a7d9b9;--lime:#d9f99d;--shadow:0 20px 60px rgba(0,0,0,.28)}*{-moz-box-sizing:border-box;box-sizing:border-box}#root,body,html{min-height:100%;min-height:100dvh}body{background:-moz-radial-gradient(90% -5%,circle,hsla(81,88%,80%,.5),transparent 24rem),-moz-radial-gradient(-10% 60%,circle,rgba(255,184,107,.14),transparent 28rem),#f4f4ed;background:radial-gradient(circle at 90% -5%,hsla(81,88%,80%,.5),transparent 24rem),radial-gradient(circle at -10% 60%,rgba(255,184,107,.14),transparent 28rem),#f4f4ed;background:-moz-radial-gradient(90% -5%,circle,hsla(81,88%,80%,.5),transparent 24rem),-moz-radial-gradient(-10% 60%,circle,rgba(255,184,107,.14),transparent 28rem),var(--bg);background:radial-gradient(circle at 90% -5%,hsla(81,88%,80%,.5),transparent 24rem),radial-gradient(circle at -10% 60%,rgba(255,184,107,.14),transparent 28rem),var(--bg);color:#17231f;color:var(--ink);font-family:Inter,SF Pro Display,PingFang SC,system-ui,sans-serif;margin:0;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100dvh;padding-bottom:-moz-calc(86px + env(safe-area-inset-bottom));padding-bottom:calc(86px + env(safe-area-inset-bottom))}.page{margin:0 auto;padding:22px 18px 32px;width:min(100%,880px)}.topbar{-moz-box-pack:justify;justify-content:space-between;margin-bottom:24px}.brand,.topbar{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.brand{font-weight:850;gap:10px;letter-spacing:-.03em}.brand-mark{background:#d9f99d;background:var(--lime);border-radius:13px;color:#173f35;display:grid;font-size:18px;height:38px;place-items:center;width:38px}.brand-icon{border-radius:12px;box-shadow:0 10px 24px rgba(23,63,53,.18);height:42px;width:42px}.eyebrow{color:#2f725d;color:var(--brand-2);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,8vw,46px);letter-spacing:-.055em;line-height:1.04;margin-bottom:8px}h2{font-size:21px;letter-spacing:-.025em}.muted{color:#6c7771;color:var(--muted)}.card{background:color-mix(in srgb,#fffefa 94%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid #dce2d9;border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 60px rgba(40,57,49,.09);box-shadow:var(--shadow)}.hero{background:-moz-linear-gradient(305deg,#173f35,#235e4e);background:linear-gradient(145deg,#173f35,#235e4e);color:#f8fff9;overflow:hidden;padding:24px;position:relative}.hero:after{border:32px solid hsla(81,88%,80%,.14);border-radius:50%;bottom:-95px;content:"";height:190px;position:absolute;right:-65px;width:190px}.hero-grid{display:grid;gap:18px;grid-template-columns:1fr auto;-moz-box-align:end;align-items:end}.hero h1{max-width:510px}.hero .muted{color:hsla(0,0%,100%,.66)}.streak-badge{display:-moz-inline-box;display:inline-flex;-moz-box-align:center;align-items:center;background:hsla(0,0%,100%,.09);border:1px solid hsla(0,0%,100%,.18);border-radius:999px;font-weight:750;gap:7px;padding:8px 11px}.progress-ring{background:conic-gradient(#d9f99d var(--progress),hsla(0,0%,100%,.14) 0);background:conic-gradient(var(--lime) var(--progress),hsla(0,0%,100%,.14) 0);border-radius:50%;display:grid;height:94px;place-items:center;width:94px}.progress-ring:before{background:#1c4d40;border-radius:50%;content:"";grid-area:1/1;height:72px;width:72px}.progress-ring strong{font-size:19px;z-index:1}.choice,.icon-button,.primary-button,.rating-button,.secondary-button{border:0;border-radius:16px;cursor:pointer;min-height:48px;-moz-transition:transform .16s ease,opacity .16s ease,background .16s ease,-moz-transform .16s ease;transition:transform .16s ease,opacity .16s ease,background .16s ease;transition:transform .16s ease,opacity .16s ease,background .16s ease,-moz-transform .16s ease}.choice:active,.primary-button:active,.rating-button:active,.secondary-button:active{-moz-transform:scale(.985);transform:scale(.985)}.primary-button{display:-moz-inline-box;display:inline-flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;background:#d9f99d;background:var(--lime);color:#173f35;font-weight:850;gap:8px;justify-content:center;padding:0 20px}.secondary-button{background:#e9eee6;background:var(--surface-2);color:#17231f;color:var(--ink);font-weight:750;padding:0 18px}.full{width:100%}.stats-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:16px 0 26px}.stat{padding:17px 14px}.stat strong{display:block;font-size:24px;letter-spacing:-.04em;margin-bottom:5px}.stat span{color:#6c7771;color:var(--muted);font-size:12px}.section-head{display:-moz-box;display:flex;-moz-box-align:end;align-items:end;-moz-box-pack:justify;justify-content:space-between;margin:24px 2px 12px}.section-head h2{margin:0}.activity-row{display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.activity-day{color:#6c7771;color:var(--muted);display:grid;font-size:11px;gap:7px;justify-items:center;min-width:0}.activity-dot{aspect-ratio:1;background:#e9eee6;background:var(--surface-2);border-radius:12px;max-width:42px;width:100%}.activity-dot.done{background:#2f725d;background:var(--brand-2)}.nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,#fffefa 90%,transparent);background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid color-mix(in srgb,#dce2d9 80%,transparent);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:22px;bottom:-moz-calc(10px + env(safe-area-inset-bottom));bottom:calc(10px + env(safe-area-inset-bottom));box-shadow:0 20px 60px rgba(40,57,49,.09);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);left:10px;padding:8px;position:fixed;right:10px;z-index:30}.nav-link{background:transparent;border:0;border-radius:15px;color:#6c7771;color:var(--muted);cursor:pointer;display:grid;font-size:11px;font-weight:750;gap:2px;min-height:54px;place-items:center}.nav-link svg{font-size:20px}.nav-link.active{background:#d9f99d;background:var(--lime);color:#173f35;color:var(--brand)}.loading{color:#6c7771;color:var(--muted);display:grid;min-height:60dvh;place-items:center}.empty{padding:36px 22px;text-align:center}.search{background:#fffefa;background:var(--surface);border:1px solid #dce2d9;border:1px solid var(--line);border-radius:16px;color:#17231f;color:var(--ink);min-height:50px;outline:0;padding:0 16px;width:100%}.filter-row{display:-moz-box;display:flex;gap:8px;margin:12px 0 18px;overflow-x:auto;scrollbar-width:none}.filter-chip{-moz-box-flex:0;background:#fffefa;background:var(--surface);border:1px solid #dce2d9;border:1px solid var(--line);border-radius:999px;color:#6c7771;color:var(--muted);cursor:pointer;flex:0 0 auto;padding:9px 13px}.filter-chip.active{background:#173f35;background:var(--brand);border-color:#173f35;border-color:var(--brand);color:#fffefa;color:var(--surface)}.word-list{display:grid;gap:10px}.word-row{cursor:pointer;display:grid;gap:12px;grid-template-columns:1fr auto;padding:18px;-moz-transition:border-color .16s ease,transform .16s ease,-moz-transform .16s ease;transition:border-color .16s ease,transform .16s ease;transition:border-color .16s ease,transform .16s ease,-moz-transform .16s ease}.word-row:hover{border-color:color-mix(in srgb,#2f725d 44%,#dce2d9);border-color:color-mix(in srgb,var(--brand-2) 44%,var(--line));-moz-transform:translateY(-1px);transform:translateY(-1px)}.word-row.mastered{opacity:.72}.word-row h3{font-size:20px;margin-bottom:5px}.tag{background:#e9eee6;background:var(--surface-2);border-radius:999px;color:#2f725d;color:var(--brand-2);display:-moz-inline-box;display:inline-flex;font-size:11px;font-weight:750;margin-right:6px;padding:4px 8px}.mastered-tag{background:#d9f99d;background:var(--lime);color:#173f35}.icon-button{background:transparent;color:#6c7771;color:var(--muted);font-size:20px;min-height:44px;width:44px}.load-more{color:#6c7771;color:var(--muted);display:grid;font-size:13px;gap:10px;min-height:56px;place-items:center}.load-more .secondary-button{min-height:42px}.word-detail-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(12,18,15,.45);display:grid;inset:0;padding:16px;place-items:end center;position:fixed;z-index:50}.word-detail{border-radius:22px;max-height:min(86dvh,760px);overflow-y:auto;padding:24px;position:relative;width:min(100%,720px)}.detail-close{position:absolute;right:14px;top:14px}.detail-actions{display:-moz-box;display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.detail-block{border-top:1px solid #dce2d9;border-top:1px solid var(--line);padding:16px 0}.detail-block p{line-height:1.65;margin:8px 0 0}.detail-tags{display:-moz-box;display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.study-shell{min-height:100dvh;padding:16px 16px -moz-calc(24px + env(safe-area-inset-bottom));padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.study-top{display:grid;grid-template-columns:44px 1fr 44px;-moz-box-align:center;align-items:center;gap:12px;margin:0 auto 18px;width:min(100%,680px)}.study-progress{background:#e9eee6;background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.study-progress span{background:#2f725d;background:var(--brand-2);border-radius:inherit;display:block;height:100%;-moz-transition:width .25s ease;transition:width .25s ease}.study-card{display:-moz-box;display:flex;margin:0 auto;min-height:-moz-calc(100dvh - 112px);min-height:calc(100dvh - 112px);padding:clamp(22px,6vw,42px);width:min(100%,680px);-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.prompt-label{color:#2f725d;color:var(--brand-2);font-size:13px;font-weight:850;letter-spacing:.1em;margin-bottom:22px}.study-word{font-size:clamp(40px,13vw,68px);letter-spacing:-.055em;margin:10px 0 8px}.word-phonetic{color:#2f725d;color:var(--brand-2);font-size:15px;font-weight:650;margin:-2px 0 8px}.action-error{color:#b43b3b;font-size:14px;font-weight:650;margin:10px 0}.study-actions{flex-wrap:wrap;gap:10px;margin:8px 0 10px}.pwa-install-card,.study-actions{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.pwa-install-card{-moz-box-pack:justify;gap:16px;justify-content:space-between}.pwa-install-card .muted{margin:6px 0 0}.pwa-install-card .secondary-button{-moz-box-flex:0;flex:0 0 auto}.choices{display:grid;gap:10px;margin:24px 0}.choice{background:#fffefa;background:var(--surface);border:1px solid #dce2d9;border:1px solid var(--line);color:#17231f;color:var(--ink);padding:14px 16px;text-align:left}.choice.selected{background:#e9eee6;background:var(--surface-2);border-color:#2f725d;border-color:var(--brand-2)}.answer-input{background:#fffefa;background:var(--surface);border:2px solid #dce2d9;border:2px solid var(--line);border-radius:17px;color:#17231f;color:var(--ink);font-size:20px;margin:24px 0 12px;min-height:58px;outline:none;padding:0 18px;width:100%}.answer-input:focus{border-color:#2f725d;border-color:var(--brand-2)}.feedback{border-top:1px solid #dce2d9;border-top:1px solid var(--line);margin-top:auto;padding-top:22px}.feedback.correct h3{color:#2f725d;color:var(--brand-2)}.feedback.wrong h3{color:#d95656;color:var(--danger)}.example{background:#e9eee6;background:var(--surface-2);border-radius:16px;line-height:1.6;margin:14px 0;padding:14px 16px}.rating-grid{display:grid;gap:7px;grid-template-columns:repeat(4,1fr);margin-top:16px}.rating-button{background:#e9eee6;background:var(--surface-2);color:#17231f;color:var(--ink);font-size:12px;font-weight:800;min-height:58px;padding:6px}.rating-button.easy,.rating-button.good{background:#d9f99d;background:var(--lime);color:#173f35}.chart{display:-moz-box;display:flex;height:170px;-moz-box-align:end;align-items:end;gap:7px;padding:24px 18px 14px}.bar{-moz-box-flex:1;background:#2f725d;background:var(--brand-2);border-radius:7px 7px 3px 3px;flex:1 1;min-width:8px}.settings-grid{display:grid;gap:14px}.setting-card{padding:20px}.setting-card label{display:block;font-weight:750;margin-bottom:9px}.setting-card input,.setting-card select{background:#fffefa;background:var(--surface);border:1px solid #dce2d9;border:1px solid var(--line);border-radius:13px;color:#17231f;color:var(--ink);min-height:48px;padding:0 12px;width:100%}.auth-page{display:grid;min-height:100dvh;padding:20px;place-items:center}.auth-card{overflow:hidden;padding:28px;width:min(100%,430px)}.auth-card .brand-mark{height:52px;margin-bottom:24px;width:52px}.divider{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;color:#6c7771;color:var(--muted);font-size:12px;gap:10px;margin:20px 0}.divider:after,.divider:before{-moz-box-flex:1;background:#dce2d9;background:var(--line);content:"";flex:1 1;height:1px}.error{color:#d95656;color:var(--danger);font-size:13px;margin-top:12px}@media (min-width:820px){.app-shell{padding:0 0 0 116px}.page{padding:40px 30px}.nav{align-content:center;grid-template-columns:1fr;grid-template-rows:repeat(4,72px);inset:18px auto 18px 18px;width:82px}.stats-grid{gap:14px}.word-list{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;-moz-transition:none!important;transition:none!important}}