:root{--bg:#fff7e6;--panel:#fff;--ink:#3d2b1f;--muted:#9a8b7d;--accent:#f5b642;--accent-ink:#7a4f00;--ok:#3fae6a;--bad:#e5735f;--review:#6d8ff5;--line:#ecdfc8;--rail-w:190px;--tap:64px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:PingFang SC,Hiragino Sans GB,Heiti SC,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.app{height:100%;display:flex}.rail{width:var(--rail-w);flex:0 0 var(--rail-w);background:var(--panel);border-right:2px solid var(--line);padding:14px 10px;padding-left:max(10px, env(safe-area-inset-left));flex-direction:column;gap:8px;display:flex;overflow-y:auto}.rail-title{letter-spacing:4px;text-align:center;padding:6px 0 12px;font-size:26px;font-weight:700}.rail-spacer{flex:auto;min-height:12px}.rail-btn{min-height:var(--tap);text-align:left;background:#fdf6e8;border:2px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:0 14px;font-size:19px;display:flex}.rail-btn[aria-current=true]{background:var(--accent);border-color:var(--accent-ink);font-weight:700}.rail-btn .ico{font-size:24px}.avatar{font-size:26px}.child-bar{background:var(--panel);border:2px solid var(--line);border-radius:16px;align-items:center;gap:10px;margin-bottom:16px;padding:8px 16px;display:flex}.child-bar-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:20px;font-weight:700;overflow:hidden}.child-bar-tag{color:var(--review);background:#eef0ff;border-radius:8px;flex:none;margin-left:auto;padding:2px 10px;font-size:13px;font-weight:600}.stage{min-width:0;padding:18px 22px;padding-right:max(22px, env(safe-area-inset-right));padding-bottom:max(18px, env(safe-area-inset-bottom));flex:auto;overflow-y:auto}.page-title{margin:0 0 14px;font-size:27px}.sec-title{margin:22px 0 8px;font-size:20px}.muted{color:var(--muted)}.btn{border:2px solid var(--line);background:var(--panel);border-radius:14px;min-height:52px;padding:0 20px;font-size:18px}.btn-go{background:var(--accent);border-color:var(--accent-ink);font-weight:700}.btn-plain{color:var(--muted);background:0 0}.btn-big{width:100%;min-height:64px;margin-top:8px;font-size:22px}.btn-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--line);background:#fffdf7;border-radius:12px;min-height:44px;padding:0 14px;font-size:16px}.chip.is-on{background:var(--accent);border-color:var(--accent-ink);font-weight:700}.chip-del{color:var(--bad);border-color:#f3cfc7}.chip.is-empty:not(.is-on){color:var(--muted);background:0 0;border-style:dashed}.tag{color:var(--review);background:#eef0ff;border-radius:8px;margin-left:8px;padding:2px 8px;font-size:13px;font-weight:600;display:inline-block}.tag-ok{color:var(--ok);background:#e6f6ec}.tag-stuck{color:var(--bad);background:#fdeceb}.tag-pool{color:var(--review);background:#eef0ff}.field{margin:16px 0}.field-label{color:var(--muted);margin-bottom:8px;font-size:15px;display:block}.panel{background:var(--panel);border:2px solid var(--line);border-radius:18px;margin-bottom:18px;padding:16px 18px}.panel h2{margin:0 0 10px;font-size:20px}.panel h3{margin:18px 0 8px;font-size:17px}.row{align-items:center;gap:12px;margin:8px 0;display:flex}.row>span{min-width:72px;color:var(--muted)}.row input{border:2px solid var(--line);min-height:48px;font:inherit;border-radius:12px;padding:0 12px}.row-switch{justify-content:space-between}.row-switch input{width:56px;min-height:32px}.text-input{border:2px solid var(--line);border-radius:14px;width:100%;min-height:56px;padding:0 16px;font-family:inherit;font-size:20px}.toast{background:var(--ink);color:#fff;border-radius:14px;margin:0;padding:10px 20px;font-size:16px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.empty,.first-run{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;display:flex}.first-run{max-width:420px;min-height:100vh;margin:0 auto;padding:24px}.empty-emoji{font-size:64px}.empty h2,.first-run h1{margin:0}.login .login-tabs{justify-content:center;margin:12px 0}.login .text-input{margin-top:10px}.login .btn-big{margin-top:16px}.login-error{color:var(--bad);margin:10px 0 0}.build-id{margin:18px 0 0;font-size:14px}.runner{max-width:900px}.runner-head{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:17px;display:flex}.runner-bar{background:#f0e6d2;border-radius:6px;height:10px;margin-bottom:18px;overflow:hidden}.runner-fill{background:var(--accent);height:100%;transition:width .2s}.card{background:var(--panel);border:2px solid var(--line);border-radius:22px;padding:20px}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-head-wrap{flex-wrap:wrap}.card-head-wrap .prompt-compare{flex:100%}.prompt{letter-spacing:2px;font-size:46px;font-weight:700}.prompt.is-long{letter-spacing:1px;font-size:30px}.prompt.is-ok{color:var(--ok)}.prompt.is-bad{color:var(--bad)}.prompt-compare{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.cmp-pair{align-items:center;gap:14px;display:inline-flex}.cmp-side{letter-spacing:2px;font-size:46px;font-weight:700}.prompt-compare.is-long,.prompt-compare.is-long .cmp-pair{gap:10px}.prompt-compare.is-long .cmp-side{letter-spacing:1px;font-size:32px}.prompt-compare.is-long .cmp-blank{min-width:76px;height:58px;font-size:30px}.cmp-blank{border:3px dashed var(--accent-ink);min-width:96px;height:72px;color:var(--accent-ink);background:#fffaf0;border-radius:16px;justify-content:center;align-items:center;font-size:44px;font-weight:700;line-height:1;animation:1.6s ease-in-out infinite blank-pulse;display:inline-flex}.cmp-blank.is-ok{border-style:solid;border-color:var(--ok);color:var(--ok);background:#e6f6ec;animation:none}.cmp-blank.is-bad{border-style:solid;border-color:var(--bad);color:var(--bad);background:#fdeceb;animation:none}@keyframes blank-pulse{0%,to{border-color:var(--accent-ink);background:#fffaf0}50%{border-color:var(--accent);background:#fff3d9}}@media (prefers-reduced-motion:reduce){.cmp-blank{animation:none}}.card-tools{gap:8px;display:flex}.tool{border:2px solid var(--line);white-space:nowrap;background:#fffdf7;border-radius:12px;min-height:46px;padding:0 14px;font-size:16px}.choices{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:22px;display:grid}.choice{border:3px solid var(--line);background:#fffdf7;border-radius:18px;min-height:92px;font-size:40px;font-weight:700}.choice.is-ok{border-color:var(--ok);background:#e6f6ec}.choice.is-bad{border-color:var(--bad);background:#fdeceb}.blend,.listen{align-items:center;gap:18px;margin-top:18px;font-size:30px;display:flex}.blend-glyph{letter-spacing:3px;font-weight:700}.blend-emoji,.listen-emoji{font-size:56px}.blend-hint{color:var(--muted);font-size:20px}.learn-card{background:var(--panel);border:2px solid var(--line);border-radius:22px;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;gap:28px;margin:16px 0 6px;padding:26px 30px;display:grid;position:relative}.learn-speak{border:2px solid var(--line);background:#fffdf7;border-radius:12px;min-height:44px;padding:0 12px;font-size:17px;position:absolute;top:10px;right:12px}.learn-main{flex-direction:column;align-items:center;gap:6px;display:flex}.learn-char{font-family:Kaiti SC,STKaiti,KaiTi,PingFang SC,serif;font-size:148px;font-weight:700;line-height:1.05}.learn-pinyin{color:var(--accent-ink);letter-spacing:1px;font-size:32px}.learn-use{flex-direction:column;gap:12px;min-width:0;display:flex}.learn-word{letter-spacing:3px;font-size:40px;font-weight:700}.learn-sentence{color:var(--muted);font-size:24px;line-height:1.6}.learn-tiles{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:12px 0;display:grid}.learn-tile{border:2px solid var(--line);background:#fffdf7;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:96px;padding:8px 4px;display:flex;position:relative}.learn-tile.is-now{border-color:var(--accent);background:#fff6e3}.learn-tile.is-done{background:#f4f8f4;border-color:#d8e6da}.learn-tile.is-done .lt-char{color:#b6c4b8}.lt-char{font-family:Kaiti SC,STKaiti,KaiTi,PingFang SC,serif;font-size:40px;font-weight:700}.lt-pinyin{color:var(--muted);font-size:14px}.lt-check{color:var(--ok);font-size:18px;font-weight:700;position:absolute;top:4px;right:8px}.lt-who{letter-spacing:-4px;font-size:15px;position:absolute;top:3px;right:6px}.learned-chars{letter-spacing:8px;margin:6px 0 0;font-family:Kaiti SC,STKaiti,KaiTi,PingFang SC,serif;font-size:30px;line-height:1.7}.learn-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:36px 0;display:flex}.learn-actions .btn{min-height:64px;font-size:22px}.learn-actions .btn-go{flex:auto}.learn-actions .btn.is-known{color:var(--ok);background:#e6f6ec;border-color:#b9e0c7;font-weight:700}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-head .page-title{margin-bottom:0}.learn-glyph{letter-spacing:4px;color:var(--accent-ink);font-family:PingFang SC,Hiragino Sans GB,sans-serif;font-size:132px;font-weight:700;line-height:1.05}.learn-tone{color:var(--muted);letter-spacing:2px;font-size:34px}.learn-blend{letter-spacing:3px;font-size:38px;font-weight:700}.learn-blend-op{color:var(--muted);margin:0 8px;font-weight:400}.learn-words{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.learn-words li{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.lw-word{letter-spacing:3px;font-size:34px;font-weight:700}.lw-key{color:var(--accent-ink);font-size:40px}.lw-reading{color:var(--muted);letter-spacing:1px;font-size:19px}.lt-glyph{letter-spacing:1px;font-family:PingFang SC,Hiragino Sans GB,sans-serif;font-size:30px}.slide{border:2px solid var(--accent-ink);-webkit-user-select:none;user-select:none;touch-action:none;background:#fdf3dd;border-radius:14px;flex:auto;justify-content:flex-end;align-items:center;min-width:280px;height:64px;padding-right:18px;display:flex;position:relative;overflow:hidden}.slide-hint{color:var(--accent-ink);letter-spacing:1px;font-size:19px;font-weight:700}.slide-knob{background:var(--accent);color:var(--ink);white-space:nowrap;touch-action:none;cursor:grab;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0 18px;font-size:22px;font-weight:700;display:flex;position:absolute;top:6px;bottom:6px;left:6px}.slide.is-dragging .slide-knob{cursor:grabbing}.dots-wrap{border:2px dashed var(--line);background:#fffdf7;border-radius:14px;margin-top:18px;padding:14px}.dots-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dot{color:var(--accent-ink);font-size:22px}.dots-op{margin:4px 0;font-size:24px;font-weight:700}.block{background:var(--panel);border:2px solid var(--line);border-radius:18px;margin-bottom:16px;padding:16px}.block-review{border-style:dashed;border-color:var(--review);background:#fbfcff}.block.is-done{opacity:.62}.block-head{justify-content:space-between;align-items:center;display:flex}.block-head h3{margin:0;font-size:21px}.block-progress{color:var(--muted);font-size:17px}.block-sub{color:var(--muted);margin:6px 0 0}.block-items{margin:12px 0;padding:0;list-style:none}.block-items li{border-bottom:1px dashed var(--line);justify-content:space-between;padding:6px 0;font-size:17px;display:flex}.block-actions{gap:10px;display:flex}.all-done{text-align:center;margin-top:24px;font-size:22px}.stat-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.stat{background:var(--panel);border:2px solid var(--line);text-align:center;border-radius:16px;padding:14px}.stat b{font-size:28px;display:block}.stat span{color:var(--muted);font-size:15px}.tbl{border-collapse:collapse;background:var(--panel);border-radius:14px;width:100%;overflow:hidden}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px}.tbl th{color:var(--muted);background:#fdf6e8;font-size:15px}.wrong-list{margin:14px 0 0;padding:0;list-style:none}.wrong-row{background:var(--panel);border:2px solid var(--line);border-radius:14px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 16px;display:flex}.wr-main{flex:auto;min-width:0}.wr-name{font-size:18px;font-weight:600}.wr-count,.wr-date{color:var(--muted);white-space:nowrap;font-size:15px}.paper-picker{gap:8px;padding:10px 0 4px;display:flex;overflow-x:auto}.paper-picker .chip{flex:none}.paper-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.paper-shot{color:var(--muted);align-items:center;gap:12px;margin:10px 0 16px;font-size:14px;text-decoration:none;display:flex}.paper-shot img{object-fit:cover;object-position:top;border:2px solid var(--line);background:#fdf6e8;border-radius:10px;width:132px;max-height:96px}.paper-list{margin:10px 0;padding:0;list-style:none}.paper-row{background:var(--panel);border:2px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;display:flex}.paper-row.is-bad{background:snow;border-color:#f3cfc7}.paper-idx{width:30px;color:var(--muted);flex:none;font-size:14px}.paper-expr{min-width:180px;font-family:ui-monospace,Menlo,monospace;font-size:20px;font-weight:700}.paper-kid{border:2px dashed var(--line);background:#fffdf7;border-radius:10px;min-width:88px;min-height:44px;padding:0 12px;font-size:19px;font-weight:700}.paper-row.is-bad .paper-kid{color:var(--bad);border-color:#f3cfc7}.paper-blank{color:var(--muted);font-size:15px;font-weight:400}.paper-true{min-width:56px;color:var(--muted);font-family:ui-monospace,Menlo,monospace}.paper-edit{flex:auto;align-items:center;gap:8px;display:flex}.paper-edit .text-input{width:120px;min-height:44px;font-size:18px}.btn-small{min-height:44px;padding:0 14px;font-size:16px}.paper-hint{margin-top:18px}.paper-note{border:2px dashed var(--line);background:#fffdf7;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:10px 16px;display:flex}.setup-list{margin:10px 0;padding:0;list-style:none}.setup-row{border-bottom:1px dashed var(--line);flex-direction:column;gap:8px;padding:12px 0;display:flex}.setup-row-inline{flex-direction:row;align-items:center;gap:12px}.setup-row-inline>span:first-child{flex:auto;min-width:0}.hanzi-pick{min-height:44px;color:var(--muted);align-items:center;gap:6px;font-size:15px;display:inline-flex}.hanzi-pick input{width:32px;min-height:32px}.ability-group{margin-top:14px}.ability-row{border-bottom:1px dashed var(--line);align-items:center;gap:12px;padding:8px 0;display:flex}.ability-name{min-width:130px;font-size:17px}.ability-acc{text-align:right;min-width:64px;color:var(--accent-ink);font-size:18px;font-weight:700}.custom-switch{margin-bottom:10px}.custom-hint{margin-top:18px;font-size:15px}.digit-row{align-items:center;gap:14px;margin:8px 0;display:flex}.digit-label{min-width:84px;color:var(--muted);font-size:16px}.custom-run{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.custom-left{flex-direction:column;min-width:0;display:flex}.custom-right{min-width:0}.custom-qhead{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:17px;display:flex}.custom-prompt{letter-spacing:2px;text-align:center;background:var(--panel);border:3px solid var(--line);border-radius:22px;margin:10px 0 6px;padding:26px 12px;font-size:46px;font-weight:700}.custom-prompt.is-ok{border-color:var(--ok);background:#e6f6ec}.custom-prompt.is-bad{border-color:var(--bad);background:#fdeceb}.custom-prompt.is-long{letter-spacing:1px;font-size:30px}.custom-quit{margin-top:12px}.step-list{margin:0;padding:0;list-style:none}.step-row{background:var(--panel);border:2px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;display:flex}.step-no{text-align:center;border:2px solid var(--line);width:28px;height:28px;color:var(--muted);border-radius:50%;flex:none;font-size:14px;line-height:24px}.step-kind{min-width:52px;color:var(--muted);flex:none;font-size:15px}.step-note{font-size:18px;font-weight:700}.step-del{margin-left:auto}.step-add-label{color:var(--muted);font-size:15px}.scheme-preview{border:2px dashed var(--line);background:#fffdf7;border-radius:16px;margin:16px 0;padding:12px 16px}.scheme-preview.is-bad{border-color:var(--bad);background:#fdeceb}.scheme-preview .field-label{margin-bottom:6px}.scheme-shape{letter-spacing:1px;font-size:20px;font-weight:700;line-height:1.6}.scheme-note{margin:8px 0 0;font-size:14px}.preset-panel{margin-top:22px}.preset-panel h2{margin-bottom:6px}.numpad{margin-top:6px}.numpad-display{letter-spacing:3px;text-align:right;background:var(--panel);border:3px solid var(--line);border-radius:18px;min-height:74px;margin-bottom:10px;padding:8px 18px;font-size:40px;font-weight:700}.numpad-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.np-key{border:2px solid var(--line);background:#fffdf7;border-radius:16px;min-height:70px;font-size:28px;font-weight:700}.np-key:disabled{opacity:.5}.np-del{color:var(--muted);font-size:22px}.np-ok{background:var(--accent);border-color:var(--accent-ink);font-size:21px}.scratch{background:var(--panel);border:2px solid var(--line);border-radius:22px;flex-direction:column;padding:14px;display:flex}.scratch-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.scratch-title{color:var(--muted);font-size:18px}.scratch-tools{gap:8px;display:flex}.scratch-canvas{border:2px dashed var(--line);touch-action:none;cursor:crosshair;background:#fffdf7;border-radius:14px;width:100%;height:520px;display:block}.parent-lock{flex-direction:column;align-items:center;gap:8px;padding-top:24px;display:flex}.pin{flex-direction:column;align-items:center;gap:18px;margin-top:12px;display:flex}.pin-dots{gap:16px;display:flex}.pin-dot{border:2px solid var(--line);border-radius:50%;width:18px;height:18px}.pin-dot.is-on{background:var(--accent);border-color:var(--accent-ink)}.pin-dots.is-wrong{animation:.3s shake}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.pin-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pin-key{border:2px solid var(--line);background:var(--panel);border-radius:18px;width:84px;height:84px;font-size:28px}.pin-cancel,.pin-del{color:var(--muted);font-size:18px}@media (width<=820px),(orientation:portrait) and (width<=1024px){.app{flex-direction:column}.custom-run{grid-template-columns:minmax(0,1fr)}.scratch-canvas{height:340px}.custom-prompt{padding:20px 10px;font-size:38px}.np-key{min-height:60px;font-size:24px}.rail{border-right:none;border-bottom:2px solid var(--line);flex-direction:row;flex:none;align-items:center;gap:6px;width:100%;padding:8px;overflow:auto hidden}.rail-title{letter-spacing:2px;padding:0 6px;font-size:18px}.rail-btn{white-space:nowrap;min-height:48px;padding:0 10px;font-size:15px}.rail-spacer{flex:0 0 0}.stage{padding:14px}.child-bar{margin-bottom:12px;padding:6px 12px}.child-bar-name{font-size:17px}.prompt,.cmp-side{font-size:34px}.cmp-blank{border-radius:14px;min-width:74px;height:58px;font-size:34px}.prompt-compare,.cmp-pair{gap:10px}.choice{min-height:76px;font-size:32px}.learn-card{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 116px 18px 18px}.learn-char{font-size:104px}.learn-word{font-size:30px}.learn-sentence{font-size:20px}.learn-glyph{letter-spacing:2px;overflow-wrap:anywhere;font-size:84px}.learn-tone{font-size:26px}.learn-blend{letter-spacing:1px;overflow-wrap:anywhere;font-size:26px}.learn-blend-op{margin:0 4px}.lw-word{font-size:26px}.lw-key{font-size:30px}.lw-reading{font-size:16px}.learn-tiles{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.learn-tile{min-height:78px}.lt-char{font-size:32px}.learn-actions .btn{flex:40%}.slide-hint{letter-spacing:0;font-size:17px}.slide-knob{padding:0 12px;font-size:19px}}@media (width<=560px){.prompt-compare.is-long,.prompt-compare.is-long .cmp-pair{gap:8px}.prompt-compare.is-long .cmp-side{font-size:28px}.prompt-compare.is-long .cmp-blank{min-width:62px;height:52px;font-size:26px}}