:root{--bg:#f6f4ef;--surface:#fff;--surface-2:#efece4;--line:#e2ddd2;--text:#1d2327;--muted:#6b6f76;--primary:#2f6f5e;--primary-soft:#dcebe5;--on-primary:#fff;--accent:#e0a526;--ok:#2a9d6f;--ok-soft:#d9f0e5;--bad:#d1495b;--bad-soft:#f9dde1;--unseen:#d6d2c8;--shadow:0 1px 2px #0000000f, 0 4px 16px #0000000d;--radius:14px;--nav-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14171a;--surface:#1d2125;--surface-2:#262b30;--line:#30363c;--text:#e8e6e1;--muted:#9aa0a6;--primary:#5fb39a;--primary-soft:#1f3a33;--on-primary:#0e1a16;--accent:#f0b93a;--ok:#4cc28f;--ok-soft:#1c3a2d;--bad:#ef6f80;--bad-soft:#43222a;--unseen:#3a3f45;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--primary)}.app{max-width:520px;min-height:100dvh;padding:0 16px calc(var(--nav-h) + 24px + env(safe-area-inset-bottom));margin:0 auto}.app.no-nav{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.page-head{padding:calc(14px + env(safe-area-inset-top)) 0 10px;align-items:center;gap:8px;display:flex}.page-head h1{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:1.3rem;overflow:hidden}h2{margin:22px 0 10px;font-size:1.05rem}.muted{color:var(--muted)}.small{font-size:.85rem}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.stack>*+*{margin-top:10px}.row{align-items:center;gap:8px;display:flex}.spacer{flex:1}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:44px;color:var(--text);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-weight:600;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn svg{flex:none;width:20px;height:20px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn.ghost{background:0 0;border-color:#0000}.btn.block{width:100%}.icon-btn{background:var(--surface-2);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:inline-grid}.icon-btn svg{width:22px;height:22px}.icon-btn.big{background:var(--primary);width:88px;height:88px;color:var(--on-primary)}.icon-btn.big svg{width:40px;height:40px}.back{background:0 0;margin-left:-10px}.field{display:block}.field>span{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}.input{border:1px solid var(--line);background:var(--surface);border-radius:12px;outline:none;width:100%;min-height:46px;padding:10px 14px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;min-height:36px;padding:4px 12px;font-size:.9rem}.chip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.error{color:var(--bad);font-size:.9rem}.bottom-nav{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:20;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{max-width:130px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.75rem;text-decoration:none;display:flex}.bottom-nav a svg{width:24px;height:24px}.bottom-nav a.active{color:var(--primary);font-weight:700}.map-wrap{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);touch-action:none;position:relative;overflow:hidden}.map-wrap canvas{width:100%;display:block}.map-tools{flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;right:10px}.map-tools .icon-btn{width:36px;height:36px;box-shadow:var(--shadow);background:var(--surface)}.legend{color:var(--muted);align-items:center;gap:8px;margin:8px 2px 0;font-size:.78rem;display:flex}.legend .scale{background:linear-gradient(90deg,#d04339,#e7a523,#73ac39,#2c9661);border-radius:4px;flex:1;height:8px}.legend .dot{background:var(--unseen);border-radius:50%;width:10px;height:10px;display:inline-block}.sheet{left:50%;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 10px);z-index:30;width:min(520px,100% - 20px);max-height:62dvh;animation:.18s ease-out rise;position:fixed;overflow-y:auto;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,16px)}}.stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat b{font-size:1.4rem;line-height:1.2;display:block}.stat span{color:var(--muted);font-size:.78rem}.goal-bar,.bar{background:var(--surface-2);border-radius:5px;height:10px;display:flex;overflow:hidden}.goal-bar i{background:var(--accent)}.bar .m{background:var(--ok)}.bar .l{background:color-mix(in srgb, var(--accent) 70%, transparent)}.level-row{grid-template-columns:5.5em 1fr 4.5em;align-items:center;gap:8px;font-size:.85rem;display:grid}.level-row .num{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.list li:last-child{border-bottom:none}.lemma{font-weight:700}.lvl{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:.72rem}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.suggest{z-index:10;max-height:50dvh;padding:4px 12px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.suggest li{cursor:pointer}.suggest li[aria-selected=true]{background:var(--primary-soft);margin:0 -12px;padding-left:12px;padding-right:12px}.count{font-variant-numeric:tabular-nums;font-weight:700}.count.ok{color:var(--ok)}.task-item{color:inherit;text-decoration:none;display:block}.task-item+.task-item{margin-top:10px}.stage-pills{gap:6px;margin-top:8px;display:flex}.pill{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:.78rem}.pill.done{background:var(--ok-soft);color:var(--ok);font-weight:600}.stage-tiles{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stage-tile{color:inherit;border:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;text-decoration:none;display:flex}.stage-tile.done{border-color:var(--ok)}.stage-tile svg{width:30px;height:30px;color:var(--primary)}.ring{--p:0;background:conic-gradient(var(--ok) calc(var(--p) * 1%), var(--surface-2) 0);border-radius:50%;place-items:center;width:54px;height:54px;font-size:.85rem;font-weight:700;display:grid}.ring>span{background:var(--surface);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.word-card .head{align-items:center;gap:10px;display:flex}.word-card .word{letter-spacing:.01em;font-size:1.5rem;font-weight:800}.phon{color:var(--muted);font-family:Lucida Sans Unicode,Arial Unicode MS,Doulos SIL,sans-serif}.sense{margin-top:12px}.pos{color:var(--primary);background:var(--primary-soft);border-radius:6px;margin-right:6px;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-block}.example{align-items:flex-start;gap:8px;margin-top:6px;padding-left:4px;display:flex}.example .icon-btn{width:32px;height:32px}.example .icon-btn svg{width:16px;height:16px}mark{color:var(--primary);background:0 0;font-weight:700}.skills{color:var(--muted);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;font-size:.75rem;display:grid}.skills .bar{height:6px;margin-top:2px}.skills .bar i{background:var(--primary)}details.word-card>summary{cursor:pointer;list-style:none}details.word-card>summary::-webkit-details-marker{display:none}.test-top{z-index:5;background:var(--bg);padding-bottom:10px;position:sticky;top:0}.progress{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.progress i{background:var(--primary);height:100%;transition:width .25s;display:block}.prompt{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:130px;margin-top:10px;display:flex}.prompt .zh{font-size:1.6rem;font-weight:800}.board{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;min-height:52px;padding:6px 4px;font-size:.95rem;font-weight:600;line-height:1.2;transition:background .15s,transform 80ms}.tile.long{overflow-wrap:anywhere;font-size:.8rem}.tile:active{transform:scale(.96)}.tile.done{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.tile.wrong{background:var(--bad-soft);border-color:var(--bad);animation:.3s shake}.tile.reveal{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent);animation:.6s 2 pulse}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes pulse{50%{transform:scale(1.06)}}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--text);color:var(--bg);z-index:40;border-radius:12px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;font-size:.95rem;animation:.15s ease-out rise;position:fixed;transform:translate(-50%)}.sentence{font-size:1.25rem;line-height:1.8}.blank{border-bottom:2px solid var(--primary);text-align:left;min-width:3ch;color:var(--primary);padding-left:2px;font-weight:700;display:inline-block}.fill-input.bad{border-color:var(--bad);animation:.3s shake}.hint{background:var(--surface-2);border-radius:12px;padding:10px 12px}.result-score{text-align:center;font-size:3rem;font-weight:800;line-height:1.1}.mark{text-align:center;width:26px;font-weight:800}.mark.s1{color:var(--ok)}.mark.s05{color:var(--accent)}.mark.s0{color:var(--bad)}.login{flex-direction:column;justify-content:center;min-height:100dvh;padding:24px 0;display:flex}.brand{text-align:center;margin-bottom:24px}.brand img{width:76px;height:76px}.brand h1{margin:8px 0 0;font-size:1.8rem}.tabs{background:var(--surface-2);border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:4px;display:grid}.tabs button{cursor:pointer;min-height:38px;color:var(--muted);background:0 0;border:none;border-radius:9px;font-weight:600}.tabs button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.seg{background:var(--surface-2);border-radius:10px;padding:3px;display:inline-flex}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;padding:6px 12px;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.setting{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.setting+.setting{border-top:1px solid var(--line)}.center{min-height:40dvh;color:var(--muted);place-items:center;display:grid}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.ai-row{color:var(--primary);font-weight:600}.modal-backdrop{z-index:50;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{width:min(520px,100%);max-height:88dvh;animation:.18s ease-out pop;overflow-y:auto}@keyframes pop{0%{opacity:0;transform:translateY(16px)}}@media (width>=600px){.modal-backdrop{align-items:center}}.spinner{border:4px solid var(--surface-2);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}fieldset.editor{border:none;margin:0}fieldset.editor legend{float:left;align-items:center;gap:8px;width:100%;margin-bottom:4px;font-weight:700;display:flex}fieldset.editor legend+*{clear:both}textarea.input{resize:vertical;line-height:1.5}.stats-grid .stat{padding:4px 0}.day-row{align-items:flex-start!important}.day-label{font-variant-numeric:tabular-nums;flex:none;width:6.2em}.day-detail{flex:1;min-width:0}.missed-pill{background:var(--bad-soft);color:var(--bad);font-weight:600}