.stat-box.pts b[data-v-68bc3d57]{color:var(--star-hot,#ef6c1a)}.interface-languages[data-v-68bc3d57]{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.interface-languages button[data-v-68bc3d57]{padding-inline:6px}.parent-unlock[data-v-53357d4c]{max-width:430px}.parent-unlock[data-v-53357d4c]:focus{outline:none}.pin-progress[data-v-53357d4c]{justify-content:center;gap:13px;margin:20px 0 17px;display:flex}.pin-progress span[data-v-53357d4c]{background:#fff;border:2px solid #d7cabb;border-radius:50%;width:15px;height:15px;transition:transform .12s,background .12s,border-color .12s}.pin-progress span.filled[data-v-53357d4c]{background:#ff7a59;border-color:#ff7a59;transform:scale(1.08)}.dial-pad[data-v-53357d4c]{grid-template-columns:repeat(3,72px);justify-content:center;gap:10px;display:grid}.dial-pad button[data-v-53357d4c]{color:#3e352d;cursor:pointer;touch-action:manipulation;background:#fffdf8;border:1px solid #e4d8ca;border-radius:16px;width:72px;height:58px;font:900 1.35rem/1 system-ui,sans-serif;box-shadow:0 3px #e7ded2}.dial-pad button[data-v-53357d4c]:active{transform:translateY(2px);box-shadow:0 1px #e7ded2}.dial-pad button[data-v-53357d4c]:focus-visible{border-color:#ff7a59;outline:3px solid #ff7a5940}.dial-pad button.dial-action[data-v-53357d4c]{color:#8b5f4b;background:#f8efe6;font-size:1.05rem}.dial-pad button[data-v-53357d4c]:disabled{cursor:not-allowed;opacity:.45}.unlock-error[data-v-53357d4c]{color:#bf392f;margin:.65rem 0 0;font-weight:700}.btn[data-v-53357d4c]:disabled{cursor:not-allowed;opacity:.55}.rw-list[data-v-db6fd482]{flex-direction:column;gap:8px;margin:4px 0 6px;display:flex}.rw-points[data-v-db6fd482]{text-align:center;color:#555;margin:6px 0 10px}.rw-points b[data-v-db6fd482]{color:var(--star-hot,#ef6c1a);font-size:20px}.rw-item[data-v-db6fd482]{background:#faf7f0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.rw-item.off[data-v-db6fd482]{opacity:.55}.rw-item.done[data-v-db6fd482]{background:#eaf6ee}.rw-name[data-v-db6fd482]{flex:1;font-weight:600}.rw-cost[data-v-db6fd482]{color:var(--star-hot,#ef6c1a);font-weight:700}.rw-btn[data-v-db6fd482]{color:#fff;cursor:pointer;background:#ff7a59;border:none;border-radius:999px;padding:6px 16px;font-weight:700}.rw-btn[data-v-db6fd482]:disabled{cursor:not-allowed;background:#ccc}.rw-btn.sure[data-v-db6fd482]{background:#2bb673}.rw-btn.cancel[data-v-db6fd482]{background:#d9534f;padding:6px 12px}.rw-empty[data-v-db6fd482]{color:#8a8378;text-align:center;padding:6px}.rw-err[data-v-db6fd482]{color:#d9534f;margin:4px 0}.rw-pend[data-v-db6fd482]{color:#1f8a4c;text-align:center;margin-top:6px;font-weight:600}.update-banner[data-v-4f01ad3c]{z-index:10000;background:#fffdf7;border:2px solid #43b36a;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:12px 18px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.upd-msg[data-v-4f01ad3c]{color:#2b8a3e;font-size:1.05rem;font-weight:800}.upd-btns[data-v-4f01ad3c]{gap:8px;display:flex}.upd-yes[data-v-4f01ad3c]{color:#fff;cursor:pointer;background:#43b36a;border:none;border-radius:999px;padding:8px 18px;font-weight:800;box-shadow:0 3px #2f8f52}.upd-yes[data-v-4f01ad3c]:active{transform:translateY(2px);box-shadow:0 1px #2f8f52}.upd-no[data-v-4f01ad3c]{color:#8a8378;cursor:pointer;background:#fff;border:2px solid #e5ddcd;border-radius:999px;padding:7px 16px;font-weight:700}.upd-no[data-v-4f01ad3c]:active{transform:translateY(1px)}.upd-enter-active[data-v-4f01ad3c],.upd-leave-active[data-v-4f01ad3c]{transition:transform .3s,opacity .3s}.upd-enter-from[data-v-4f01ad3c],.upd-leave-to[data-v-4f01ad3c]{opacity:0;transform:translate(-50%,20px)}:root{--bg1:#fff7e9;--bg2:#eaf6ff;--ink:#33312e;--muted:#8a8378;--panel:#fff;--border:#efe7d6;--brand:#ff7a59;--font-ui:"PingFang HK","Microsoft JhengHei","Noto Sans HK",system-ui,sans-serif;--star:#f5b301;--star-hot:#ef6c1a;--star-dim:#e2dccf;--danger:#e03131;--star-done:#f5b301;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{min-height:100%;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--ink);background:linear-gradient(160deg,var(--bg1),var(--bg2));background-attachment:fixed;min-height:100vh}#app{flex-direction:column;min-height:100vh;display:flex}button{font-family:inherit}.topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--border);background:#ffffffe0;justify-content:space-between;align-items:center;gap:16px;padding:11px max(18px,50vw - 610px);display:flex;position:sticky;top:0;box-shadow:0 4px 18px #4632140f}.brand{min-width:0;color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--brand);border:3px solid #ffb9a7;border-radius:14px;flex:none;place-items:center;width:43px;height:43px;font-size:1.35rem;font-weight:900;display:grid;transform:rotate(-3deg);box-shadow:0 4px #df5b3e}.brand-copy{min-width:0;line-height:1.12;display:grid}.brand-name{letter-spacing:.04em;white-space:nowrap;font-size:1.16rem;font-weight:900}.brand-sub{color:var(--muted);white-space:nowrap;margin-top:3px;font-size:.72rem;font-weight:600}.top-actions{align-items:center;gap:8px;display:flex}.header-chip,.header-icon-btn{border:2px solid var(--border);min-height:38px;font:800 .95rem/1 var(--font-ui);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;display:inline-flex}.header-chip{padding:7px 12px}button.header-chip{cursor:pointer}.header-chip.streak{color:#d9480f;background:#fff4e6;border-color:#ffd0a3}.header-chip.star-wallet{color:#7b4c00;background:#fff9df;border-color:#f5d88a}.header-icon-btn{cursor:pointer;padding:7px 12px;box-shadow:0 3px #ddd2c0}.header-icon-btn:active{transform:translateY(2px);box-shadow:0 1px #ddd2c0}.header-user{color:#4e3d81;cursor:pointer;background:#eee8ff;border:2px solid #d8cbff;border-radius:999px;align-items:center;gap:7px;max-width:150px;min-height:38px;padding:5px 11px 5px 7px;font-weight:900;display:inline-flex}.header-user-icon{background:#fff;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:.95rem;display:grid}.header-user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-name{color:var(--brand);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:8em;font-size:1.05rem;font-weight:800;display:flex;overflow:hidden}main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px 16px 40px}main.mode-wide{max-width:none}.foot{text-align:center;color:var(--muted);padding:16px;font-size:.85rem}.hello{border:2px solid var(--border);background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;padding:10px 16px;font-size:.95rem;display:flex}.hello-stat{color:var(--muted);font-weight:700}.menu-title{text-align:center;margin:12px 0 4px;font-size:1.8rem;font-weight:800}.menu-sub{text-align:center;color:var(--muted);margin:0 0 28px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;display:grid}.cat-card{color:var(--ink);background:var(--panel);border:3px solid var(--c);text-align:center;box-shadow:0 6px 0 color-mix(in srgb,var(--c) 55%,#000 8%);cursor:pointer;border-radius:22px;padding:22px 14px 16px;text-decoration:none;transition:transform .12s;position:relative}.cat-card:not(.locked):hover{transform:translateY(-3px)rotate(-1deg)}.cat-card:not(.locked):active{box-shadow:0 2px 0 color-mix(in srgb,var(--c) 55%,#000 8%);transform:translateY(2px)}.cat-emoji{font-size:2.6rem;line-height:1}.cat-img{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%;display:block}.cat-name{color:var(--c);margin-top:8px;font-size:1.25rem;font-weight:800}.cat-count{color:var(--muted);margin-top:2px;font-size:.8rem}.cat-go{color:var(--c);margin-top:10px;font-weight:700}.cat-lock{color:var(--muted);margin-top:10px;font-weight:700}.cat-card.locked{opacity:.55;filter:grayscale(.3);cursor:default;border-color:#ccc;box-shadow:0 4px #ccc}.cat-card.locked .cat-name{color:var(--muted)}.prog{align-items:center;gap:6px;margin-top:12px;display:flex}.prog-star{filter:grayscale();opacity:.5;font-size:1rem;transition:all .2s}.prog-track{background:#efe7d6;border-radius:999px;flex:1;height:12px;overflow:hidden}.prog-fill{background:#f5b301;border-radius:999px;height:100%;transition:width .4s;display:block}.prog.full .prog-star{filter:none;opacity:1;transform:scale(1.2)}.prog.full .prog-fill{background:linear-gradient(90deg,#ffcf33,#ff9f1a);box-shadow:0 0 10px #ffcf33}.prog.full{animation:.4s pop}@keyframes pop{50%{transform:scale(1.04)}}.back{color:var(--ink);border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;margin-bottom:16px;padding:6px 14px;font-weight:700;text-decoration:none;display:inline-block}.back:active{transform:translateY(1px)}.cat-page-title{color:var(--c);margin:4px 0;font-size:1.8rem;font-weight:800}.cat-page-sub{color:var(--muted);margin:0 0 22px}.rad-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.rad-card{color:var(--ink);background:var(--panel);border:3px solid var(--c);box-shadow:0 5px 0 color-mix(in srgb,var(--c) 55%,#000 8%);cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;gap:2px;padding:10px 10px 12px;text-decoration:none;transition:transform .12s;display:flex}.rad-card:hover{transform:translateY(-3px)rotate(-1deg)}.rad-card:active{box-shadow:0 2px 0 color-mix(in srgb,var(--c) 55%,#000 8%);transform:translateY(2px)}.rad-emoji-wrap{aspect-ratio:1;background:color-mix(in srgb,var(--c) 10%,#fff);border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:8px;display:flex;position:relative;overflow:hidden}.rad-img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rad-emoji{font-size:3.4rem}.rad-emoji.dim{display:none}.rad-char{font-size:1.9rem;font-weight:700;line-height:1.15}.rad-name{color:var(--muted);font-size:.85rem}.rad-stars{letter-spacing:2px;align-items:center;gap:2px;margin-top:2px;font-size:.95rem;display:inline-flex}.rounds{letter-spacing:0;color:var(--muted);font-size:.72em}.detail{flex-direction:column;align-items:center;display:flex}.detail .back{align-self:flex-start}.detail-head{align-items:center;gap:14px;margin:4px 0 12px;display:flex}.detail-emoji{font-size:2.6rem}.detail-img{object-fit:cover;border:2px solid var(--c);border-radius:12px;width:56px;height:56px}.detail-char-name{color:var(--c);font-size:2rem;font-weight:800;line-height:1}.detail-radical{color:var(--muted)}.best-stars{letter-spacing:4px;color:var(--star);text-align:center;min-height:1.5rem;margin:2px 0 10px;font-size:1.5rem}.best-stars .dim{color:var(--star-dim)}.fb-msg{margin-bottom:12px;font-size:1.3rem;font-weight:800}.fb-msg.ok{color:#2b8a3e}.fb-msg.no{color:var(--danger)}.grid-wrap{width:300px;height:300px;position:relative}.grid-bg{border:3px solid var(--c);background:#fff;border-radius:12px;position:absolute;inset:0}.grid-bg:before,.grid-bg:after{content:"";position:absolute}.grid-bg:before{background:repeating-linear-gradient(#f0c9be 0 7px,#0000 7px 14px);width:2px;top:6px;bottom:6px;left:50%;transform:translate(-1px)}.grid-bg:after{background:repeating-linear-gradient(90deg,#f0c9be 0 7px,#0000 7px 14px);height:2px;top:50%;left:6px;right:6px;transform:translateY(-1px)}.grid-target{z-index:2;position:relative}.loading{color:var(--muted);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.speak-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.speak-btn{cursor:pointer;border:2px solid var(--border);color:var(--ink);background:#fff;border-radius:999px;padding:9px 16px;font-size:.95rem;font-weight:700}.speak-btn:active{transform:translateY(1px)}.speak-btn.on{border-color:var(--c);color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff)}.pron-col{flex-direction:column;align-items:center;gap:3px;display:flex}.roman{color:#8a8378;letter-spacing:.5px;min-height:1.1em;font-size:.85rem;font-style:italic}.pron-col.en .speak-btn{color:#3d97e0;border-color:#3d97e0}.pron-col.en .speak-btn.on{background:#e8f3fb}.en-text{color:#3d97e0;letter-spacing:.3px;font-style:normal;font-weight:600}.status{min-height:1.5em;color:var(--c);text-align:center;margin:14px 0 4px;font-size:1.05rem;font-weight:800}.controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.btn{cursor:pointer;border:2px solid var(--c);color:var(--c);box-shadow:0 4px 0 color-mix(in srgb,var(--c) 55%,#000 8%);background:#fff;border-radius:14px;padding:11px 20px;font-size:1rem;font-weight:700;transition:transform .1s}.btn:active{box-shadow:0 1px 0 color-mix(in srgb,var(--c) 55%,#000 8%);transform:translateY(2px)}.btn.primary{background:var(--c);color:#fff}.stroke-info{color:var(--muted);text-align:center;margin-top:14px;font-weight:700}.login{justify-content:center;padding-top:10px;display:flex}.login-card{text-align:center;background:#fff;border:3px solid #ffd9cd;border-radius:26px;width:100%;max-width:340px;padding:26px 24px 22px;box-shadow:0 10px 30px #c878501f}.login-emoji{font-size:3rem}.login-title{margin:6px 0 2px;font-size:1.5rem;font-weight:800}.login-sub{color:var(--muted);margin:0 0 16px;font-size:.9rem}.lg-name{text-align:center;border:2px solid var(--border);border-radius:14px;width:100%;margin-bottom:14px;padding:12px;font-size:1.1rem}.lg-name:focus{border-color:var(--brand);outline:none}.fld-label{text-align:left;color:var(--muted);margin:2px 2px 6px;font-size:.82rem;font-weight:700;display:block}.pin-dots{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.pin-dots span{background:#f0e6d8;border-radius:50%;width:16px;height:16px;transition:all .15s}.pin-dots span.on{background:var(--brand);transform:scale(1.15)}.pin-pad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pin-pad button{border:2px solid var(--border);cursor:pointer;color:var(--ink);background:#fff;border-radius:16px;padding:14px 0;font-size:1.4rem;font-weight:700}.pin-pad button:active{background:#fff4ec;transform:translateY(2px)}.pin-pad .pad-clear,.pin-pad .pad-back{color:var(--muted);font-size:1.1rem}.login-err{color:#e0512f;min-height:1.3em;margin:12px 0 4px;font-size:.9rem;font-weight:700}.lg-go{justify-content:center;width:100%}.admin-add{flex-wrap:wrap;gap:10px;margin:16px 0 6px;display:flex}.admin-add input,.admin-add select{border:2px solid var(--border);background:#fff;border-radius:12px;padding:10px 12px;font-size:1rem}.admin-add input{flex:1;min-width:120px}.admin-err{color:#e0512f;min-height:1.2em;margin:4px 0;font-weight:700}.admin-list{margin-top:8px;overflow-x:auto}.utable{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;font-size:.92rem;overflow:hidden}.utable th,.utable td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px}.utable th{color:var(--muted);background:#faf4ea;font-weight:700}.uact{gap:6px;display:flex}.mini{cursor:pointer;border:2px solid var(--border);color:var(--ink);background:#fff;border-radius:10px;padding:5px 10px;font-size:.82rem;font-weight:700}.mini.danger{color:#e0512f;border-color:#f3c9bd}.mini:active{transform:translateY(1px)}.chip-name{font-size:.9rem;font-weight:700}.chip-logout{cursor:pointer;border:2px solid var(--border);color:var(--muted);background:#fff;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:700}.modal-mask{z-index:100;background:#281e1466;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:100%;max-width:360px;padding:22px;box-shadow:0 20px 50px #0003}.modal h2{margin:0 0 4px;font-size:1.3rem}.modal .who{color:var(--muted);margin:0 0 16px;font-size:.9rem}.stat-row{gap:10px;margin-bottom:18px;display:flex}.stat-box{text-align:center;background:#faf4ea;border-radius:14px;flex:1;padding:10px}.stat-box b{color:var(--brand);font-size:1.3rem;display:block}.stat-box span{color:var(--muted);font-size:.78rem}.set-label{margin:14px 0 8px;font-weight:800}.seg{gap:8px;display:flex}.seg button{border:2px solid var(--border);cursor:pointer;color:var(--ink);background:#fff;border-radius:12px;flex:1;padding:10px;font-weight:700}.seg button.on{border-color:var(--brand);color:var(--brand);background:#fff4ec}.toggle-row{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.switch{cursor:pointer;background:#ddd;border:none;border-radius:999px;width:52px;height:30px;transition:all .2s;position:relative}.switch.on{background:var(--brand)}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:all .2s;position:absolute;top:3px;left:3px}.switch.on:after{left:25px}.modal-actions{gap:10px;margin-top:20px;display:flex}.modal-actions .btn{flex:1;justify-content:center}@media (max-width:480px){.topbar{padding:9px 12px}.brand-name{font-size:1rem}.brand-mark{width:38px;height:38px}.brand-sub,.header-chip.streak{display:none}.header-chip.star-wallet{padding:7px 9px}.header-icon-btn{width:38px;padding:7px;overflow:hidden}.header-user{max-width:92px;padding-right:8px}.header-user-name{font-size:.82rem}.menu-title{font-size:1.5rem}}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #2f70d8}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}