:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#eef6f0;--panel:#fff;--text:#18362a;--muted:#4b6759;--accent:#217748;--border:#b7ccc0;background:var(--bg);color:var(--text);font-family:system-ui,Microsoft YaHei,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,.button{border:1px solid var(--border);min-height:44px;color:var(--text);background:var(--panel);cursor:pointer;border-radius:14px;padding:12px 18px;text-decoration:none;display:inline-block}button:disabled{opacity:.65;cursor:wait}a{color:var(--accent)}:focus-visible{outline-offset:3px;outline:3px solid #e39b28}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.page{max-width:780px;padding:24px 18px calc(100px + env(safe-area-inset-bottom));margin:auto}.auth-page{max-width:520px;margin:6vh auto;padding:18px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:24px;margin:18px 0;padding:24px;box-shadow:0 8px 26px #18362a08}h1{font-size:clamp(24px,5vw,34px);line-height:1.35}h2{font-size:21px}p,small{line-height:1.7}small,.eyebrow{color:var(--muted)}form{gap:16px;margin:24px 0;display:grid}label{gap:8px;margin:12px 0;display:grid}input,select{border:1px solid var(--border);background:var(--panel);width:100%;min-height:46px;color:var(--text);border-radius:10px;padding:10px 12px}.toggle{align-items:center;gap:12px;min-height:44px;display:flex}.toggle input{width:22px;min-height:22px}[role=alert]{color:#ad321c;border-left:3px solid;padding:12px}.progress-value{margin:12px 0;font-size:32px;font-weight:700}progress{width:100%;accent-color:var(--accent);height:16px}.stats{flex-wrap:wrap;gap:24px;display:flex}.stats dt{color:var(--muted)}.stats dd{margin:8px 0;font-size:24px}.button{margin:8px 8px 8px 0}.actions,.pagination,.audio-control{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.audio-control p{flex-basis:100%;margin:8px 0}.pagination{justify-content:space-between;margin:24px 0}.word-list{padding:0;list-style:none}.word-list li{border:1px solid var(--border);background:var(--panel);overflow-wrap:anywhere;border-radius:16px;margin:12px 0;padding:16px}.word-list a{min-height:44px;padding:10px 0;font-size:21px;display:inline-block}.badge{border:1px solid var(--border);border-radius:8px;margin-left:12px;padding:4px 8px;font-size:12px;display:inline-block}blockquote{border-left:3px solid var(--border);margin:12px 0;padding:12px}.study-word{overflow-wrap:anywhere;font-size:clamp(26px,7vw,44px)}.rating-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}fieldset{border:1px solid var(--border);border-radius:14px;margin:20px 0;padding:16px}.character-correct{color:var(--accent);padding:2px}.character-wrong{color:#ad321c;padding:2px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.bottom-nav{padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--panel);z-index:20;justify-content:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{text-align:center;border-radius:12px;min-width:80px;min-height:44px;padding:12px;text-decoration:none}.bottom-nav a.active{background:var(--accent);color:#fff}.skip-link{z-index:100;background:var(--panel);padding:12px;position:absolute;top:-100px}.skip-link:focus{top:0}:root[data-theme=dark]{--bg:#12231b;--panel:#1c3025;--text:#edf6ef;--muted:#b1c8b8;--border:#536c5d;--accent:#328c59}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg:#12231b;--panel:#1c3025;--text:#edf6ef;--muted:#b1c8b8;--border:#536c5d;--accent:#328c59}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{transition:none!important;animation:none!important}