.tabbar[data-v-4e44a256]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));display:flex;background:var(--card);border-top:1px solid var(--border);box-shadow:0 -8px 24px -16px #1c243e47;z-index:50;padding-bottom:env(safe-area-inset-bottom,0px)}@supports ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){.tabbar[data-v-4e44a256]{background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15)}}.tab[data-v-4e44a256]{position:relative;flex:1;min-width:0;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:11px;touch-action:manipulation;transition:color .18s ease}.tab.active[data-v-4e44a256]{color:var(--primary);font-weight:700}.tab.active[data-v-4e44a256]:before{content:"";position:absolute;top:0;width:22px;height:3px;border-radius:0 0 3px 3px;background:var(--primary)}.ti[data-v-4e44a256]{font-size:19px;line-height:1;width:46px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:999px;transition:background-color .18s ease,transform .18s ease}.tab.active .ti[data-v-4e44a256]{background:var(--primary-soft);transform:translateY(-1px)}.tl[data-v-4e44a256]{line-height:1.2}@media (hover: hover) and (pointer: fine){.tab[data-v-4e44a256]:hover{color:var(--primary)}}@media (prefers-reduced-motion: reduce){.ti[data-v-4e44a256],.tab[data-v-4e44a256]{transition:none}}.app-root{min-height:100vh}.data-refresh[data-v-5fefbb23]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:8px 12px;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius);font-size:12px}.refresh-btn[data-v-5fefbb23]{border:none;background:var(--primary-soft);color:var(--primary);border-radius:8px;padding:6px 12px;font:inherit;font-size:12px;cursor:pointer}.refresh-btn[data-v-5fefbb23]:disabled{opacity:.6;cursor:default}.qs-bars[data-v-5fefbb23]{display:flex;gap:6px;margin-top:10px}.qs-col[data-v-5fefbb23]{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.qs-n[data-v-5fefbb23]{font-size:10px;color:var(--muted);line-height:1;min-height:10px}.qs-bar[data-v-5fefbb23]{position:relative;width:100%;height:42px;border:1px solid var(--border);border-radius:6px 6px 0 0;overflow:hidden;background:var(--card)}.qs-fill[data-v-5fefbb23],.qs-good[data-v-5fefbb23]{position:absolute;left:0;right:0;bottom:0}.qs-fill[data-v-5fefbb23]{background:var(--primary-soft, #e8ecf7)}.qs-good[data-v-5fefbb23]{background:var(--primary, #43569a)}.qs-day[data-v-5fefbb23]{font-size:10px;color:var(--muted);padding-bottom:2px}.qs-sets[data-v-5fefbb23]{margin-top:12px;display:flex;flex-direction:column;gap:6px}.qs-set[data-v-5fefbb23]{display:flex;align-items:center;gap:8px;font-size:12px}.qs-set-name[data-v-5fefbb23]{flex-shrink:0;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.qs-set-bar[data-v-5fefbb23]{flex:1;height:8px;background:var(--primary-soft, #e8ecf7);border-radius:4px;overflow:hidden}.qs-set-bar i[data-v-5fefbb23]{display:block;height:100%;background:var(--primary, #43569a);border-radius:4px}.qs-set-num[data-v-5fefbb23]{flex-shrink:0}.qs-weak[data-v-5fefbb23]{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--border, #e3e6ee)}.qs-weak-row[data-v-5fefbb23]{display:flex;align-items:baseline;gap:8px;font-size:12px;flex-wrap:wrap}.wrong-cta[data-v-5fefbb23]{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.wrong-cta-main[data-v-5fefbb23]{font-weight:600}.topic-banner[data-v-5fefbb23]{display:flex;align-items:center;gap:12px;width:100%;margin-top:4px;margin-bottom:12px;padding:14px;border:1px solid var(--accent);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent-soft),var(--card) 82%);box-shadow:var(--shadow-2);color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.topic-banner[data-v-5fefbb23]:hover{border-color:var(--primary);transform:translateY(-1px)}.topic-banner[data-v-5fefbb23]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tb-art[data-v-5fefbb23]{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius);background:var(--card);color:var(--primary);box-shadow:var(--shadow-1)}.tb-main[data-v-5fefbb23]{flex:1 1 auto;min-width:0}.tb-kicker[data-v-5fefbb23]{display:block;margin-bottom:3px;font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--accent-ink)}.tb-title[data-v-5fefbb23]{display:block;font-size:15.5px;font-weight:800;line-height:1.4;color:var(--text-strong);text-wrap:balance}.tb-sub[data-v-5fefbb23]{display:block;margin-top:4px;font-size:11.5px;line-height:1.5;color:var(--muted)}.tb-arrow[data-v-5fefbb23]{flex:0 0 auto;font-size:20px;color:var(--primary)}@media (prefers-reduced-motion: reduce){.topic-banner[data-v-5fefbb23]{transition:none}.topic-banner[data-v-5fefbb23]:hover{transform:none}}:root{--primary: #43569a;--primary-soft: #e7ebf5;--primary-tint: #f2f4fb;--on-primary: #ffffff;--accent: #e8a87c;--accent-soft: #fbeede;--on-accent: #4a2c12;--accent-ink: #9a5a2c;--bg: #f8f6f2;--bg-soft: #fbfaf8;--card: #ffffff;--text: #1f2430;--text-strong: #141824;--muted: #7a7f8a;--border: #ece7df;--ok: #2e9e6b;--ok-soft: #e3f5ec;--bad: #d2563f;--bad-soft: #fbe7e2;--shadow-1: 0 1px 2px rgba(28, 36, 62, .04), 0 2px 8px -2px rgba(28, 36, 62, .07);--shadow-2: 0 2px 6px rgba(28, 36, 62, .06), 0 14px 30px -14px rgba(28, 36, 62, .2);--shadow: var(--shadow-1);--ring: rgba(67, 86, 154, .22);--tabbar-h: 56px;--radius-sm: 10px;--radius: 12px;--radius-lg: 14px;--maxw: 640px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--primary: #8ea0e0;--primary-soft: #232a3d;--primary-tint: #1c2231;--on-primary: #14161b;--accent: #e8a87c;--accent-soft: #3a2f26;--on-accent: #f8dcc0;--accent-ink: #f0bb90;--bg: #14161b;--bg-soft: #1a1d24;--card: #1e2128;--text: #e9e7e2;--text-strong: #ffffff;--muted: #a3aab6;--border: #2b2f38;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 10px -2px rgba(0, 0, 0, .34);--shadow-2: 0 2px 8px rgba(0, 0, 0, .36), 0 16px 34px -14px rgba(0, 0, 0, .6);--shadow: var(--shadow-1);--ring: rgba(142, 160, 224, .32);--ok: #54c293;--ok-soft: #1c2c24;--bad: #e8846f;--bad-soft: #34221c;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}html{scroll-padding-top:76px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{max-width:var(--maxw);margin:0 auto;min-height:100vh;background:var(--bg);position:relative}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;touch-action:manipulation}.page{padding:14px 14px calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 28px)}.app-header{position:sticky;top:0;z-index:20;background:var(--bg);padding:14px 16px 12px;border-bottom:1px solid var(--border)}.app-header--plain{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0}.brand{font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--primary);line-height:1.35;text-wrap:balance}.brand-sub{font-size:12px;color:var(--muted);margin-top:3px;letter-spacing:.01em}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:16px;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.card+.card{margin-top:12px}.subtabs{display:flex;gap:6px;background:var(--primary-soft);border-radius:999px;padding:4px;margin:12px 0;box-shadow:inset 0 1px 2px #1c243e0f}.subtabs button{flex:1;min-width:0;border:none;background:transparent;color:var(--primary);padding:9px 4px;border-radius:999px;font-size:14px;font-weight:600;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.subtabs button.active{background:var(--primary);color:var(--on-primary);box-shadow:0 2px 8px -2px #1c243e52}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.chip{border:1px solid var(--border);background:var(--card);color:var(--text);padding:6px 12px;border-radius:999px;font-size:13px;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.chip.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.chip.accent.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip.ghost{border-style:dashed;color:var(--muted);background:transparent}.chip:disabled{opacity:.7;cursor:default}.chip.link{border-color:var(--primary);color:var(--primary)}.list-item{display:block;width:100%;text-align:left;border:1px solid var(--border);background:var(--card);border-radius:var(--radius-lg);padding:13px 15px;margin-bottom:10px;box-shadow:var(--shadow-1);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.list-item:active{transform:scale(.99)}.li-title{font-size:15.5px;font-weight:650;text-wrap:pretty}.li-meta{font-size:12px;color:var(--muted);margin-top:4px;display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-block;background:var(--primary-soft);color:var(--primary);border-radius:6px;padding:1px 7px;font-size:11px;margin-right:4px}.tag.accent{background:var(--accent-soft);color:var(--accent-ink)}.btn{border:none;border-radius:var(--radius-sm);padding:11px 18px;font-size:14px;font-weight:650;background:var(--primary);color:var(--on-primary);touch-action:manipulation;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease,border-color .16s ease}.btn:disabled{opacity:.5;transform:none}.btn.accent{background:var(--accent);color:var(--on-accent)}.btn.ghost{background:transparent;color:var(--primary);border:1px solid var(--border)}.btn.block{display:block;width:100%}.empty{text-align:center;color:var(--muted);padding:56px 20px;font-size:14px;line-height:1.7}.sheet-mask{position:fixed;inset:0;background:#0c101a75;z-index:200;display:flex;justify-content:center}.sheet{width:100%;max-width:var(--maxw);height:100%;background:var(--bg);display:flex;flex-direction:column;animation:slideUp .24s cubic-bezier(.22,1,.36,1);overscroll-behavior:contain}@keyframes slideUp{0%{transform:translateY(24px);opacity:.4}to{transform:translateY(0);opacity:1}}.sheet-head{position:sticky;top:0;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 6px 16px -14px #1c243e73;z-index:2}.sheet-close{border:none;background:var(--card);color:var(--text);width:34px;height:34px;border-radius:50%;font-size:15px;flex:0 0 auto;transition:background-color .16s ease,transform .16s ease}.sheet-title{font-size:16px;font-weight:700;margin:0;flex:1;min-width:0;color:var(--primary);text-wrap:balance}.sheet-body{flex:1;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px}.section-h{font-size:13px;font-weight:700;line-height:1.4;color:var(--primary);margin:16px 0 6px;border-left:3px solid var(--accent);padding-left:8px;text-wrap:balance}.muted{color:var(--muted);font-size:13px}.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin:4px 0 8px}.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th,.tbl td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:7px 9px;min-width:76px;text-align:left;vertical-align:top;word-break:break-word;line-height:1.6}.tbl th:last-child,.tbl td:last-child{border-right:0}.tbl tbody tr:last-child td{border-bottom:0}.tbl th{background:var(--primary-soft);color:var(--primary);font-weight:700}.tbl tbody tr:nth-child(2n){background:var(--bg-soft)}.bodymap-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:8px;margin:4px 0 8px}.bodymap{display:block;width:100%;max-width:320px;height:auto;margin:0 auto}.bm-body{fill:var(--border)}.bm-limb{fill:none;stroke:var(--border);stroke-linecap:round;stroke-linejoin:round}.bm-pt{fill:var(--primary-soft);stroke:var(--primary);stroke-width:1.2;cursor:pointer;transition:fill-opacity .15s ease,stroke-width .15s ease}.bm-pt:hover,.bm-pt.on{fill:var(--primary);fill-opacity:.3;stroke-width:3}.bm-pt:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.bm-lbls text{fill:var(--text);font-size:11px;font-weight:600;text-anchor:middle;pointer-events:none}.bm-pick{display:flex;align-items:center;gap:8px;min-height:26px;margin-bottom:4px}.kv{margin:4px 0}.kv b{color:var(--text)}pre.text{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:14px;line-height:1.7;margin:0}.loading,.error{text-align:center;padding:40px 16px;color:var(--muted)}.error{color:var(--bad)}.q-opt{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;border:1px solid var(--border);background:var(--card);border-radius:10px;padding:11px 12px;margin-bottom:8px;font-size:14px}.q-opt .mark{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--muted)}.q-opt.sel{border-color:var(--primary);background:var(--primary-soft)}.q-opt.right{border-color:var(--ok);background:var(--ok-soft)}.q-opt.wrong{border-color:var(--bad);background:var(--bad-soft)}.q-opt:disabled{cursor:default}.answer-card{border-radius:10px;padding:10px 12px;font-size:13px;margin-top:10px}.answer-card.ok{background:var(--ok-soft);color:var(--ok)}.answer-card.bad{background:var(--bad-soft);color:var(--bad)}.analysis{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-top:8px;font-size:13px;line-height:1.6}.answer-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:10px 0}.answer-grid button{aspect-ratio:1;border:1px solid var(--border);background:var(--card);border-radius:8px;font-size:12px;color:var(--muted)}.answer-grid button.cur{border-color:var(--primary);color:var(--primary)}.answer-grid button.r{background:var(--ok-soft);color:var(--ok);border-color:var(--ok)}.answer-grid button.w{background:var(--bad-soft);color:var(--bad);border-color:var(--bad)}.grid-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-2px 0 12px;font-size:12px}.grid-pager .btn{padding:6px 12px;font-size:12px}.soap-entry{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;border:1px solid var(--accent);background:linear-gradient(135deg,var(--accent-soft),var(--card) 78%);color:var(--text);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:16px;font:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.soap-entry+.soap-entry{margin-top:10px;background:var(--card);border-color:var(--border);box-shadow:var(--shadow-1)}.soap-entry:active{transform:scale(.99)}.soap-entry .se-ic{font-size:24px;flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-1)}.soap-entry+.soap-entry .se-ic{background:var(--primary-soft);box-shadow:none}.soap-entry .se-main{flex:1;min-width:0}.soap-entry .se-t{font-size:15px;font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap;text-wrap:balance}.soap-entry .se-sub{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.55}.soap-entry .se-arrow{flex:0 0 auto;color:var(--accent);font-size:18px}.nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.nav-card{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:1px solid var(--border);background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:16px;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.nav-card:active{transform:scale(.985)}.soap-toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 18px);transform:translate(-50%);background:var(--primary);color:var(--on-primary);padding:9px 16px;border-radius:999px;font-size:13px;max-width:90%;text-align:center;z-index:300;box-shadow:0 8px 24px -8px #00000047}.fade-enter-active,.fade-leave-active{transition:opacity .18s}.fade-leave-active{pointer-events:none}.fade-enter-from,.fade-leave-to{opacity:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.nav-card .ic{font-size:23px;line-height:1;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--primary-soft)}.nav-card .t{font-size:14px;font-weight:700;margin-top:12px;color:var(--text);text-wrap:balance}.nav-card .n{font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--primary);margin-top:2px;font-variant-numeric:tabular-nums}.nav-card .u{font-size:11.5px;color:var(--muted);line-height:1.5;margin-top:2px;min-height:2.9em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sum-box{border:1px solid var(--border);background:var(--card);border-radius:var(--radius);padding:10px 12px;margin-top:10px}.sum-text{white-space:pre-wrap;word-break:break-word;background:var(--primary-soft);color:var(--text);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.7}.sum-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.sum-actions .btn{flex:1;min-width:120px;padding:8px 12px;font-size:13px}.proto{margin-top:6px}.phase-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden;margin-bottom:8px}.phase-head{display:flex;align-items:center;gap:8px;width:100%;border:0;background:var(--primary-soft);color:var(--primary);padding:11px 12px;font:inherit;font-weight:700;font-size:14px;text-align:left}.phase-head.on{background:var(--primary);color:var(--on-primary)}.phase-head .ph-name{flex:0 0 auto}.phase-head .ph-win{flex:1;min-width:0;font-weight:500;font-size:12px;opacity:.85}.phase-head .ph-arrow{flex:0 0 auto;font-size:11px;opacity:.85}.phase-body{padding:10px 12px 12px}.ph-sub{font-size:12px;font-weight:700;color:var(--primary);margin:10px 0 4px}.ph-sub:first-child{margin-top:2px}.ex-card{border:1px solid var(--border);border-radius:10px;padding:9px 10px;margin:6px 0;background:var(--bg)}.crit-block{margin:8px 0;padding:8px 10px;border-radius:10px;border-left:3px solid var(--border)}.crit-block.up{background:var(--ok-soft);border-left-color:var(--ok)}.crit-block.down{background:var(--bad-soft);border-left-color:var(--bad)}.crit-head{font-size:12px;font-weight:700;margin-bottom:3px}.crit-block.up .crit-head{color:var(--ok)}.crit-block.down .crit-head{color:var(--bad)}.ex-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.ex-name{font-weight:600;font-size:14px}.ex-steps{margin-top:4px;padding-left:8px;border-left:2px solid var(--border)}.score-top{display:flex;align-items:baseline;gap:4px;padding:8px 12px;border-radius:10px;background:var(--primary-soft);margin-bottom:8px}.score-num{font-size:26px;font-weight:700;line-height:1.1;color:var(--primary)}.score-max{font-size:13px;color:var(--muted)}.score-band{padding:8px 12px;border-radius:10px;border:1px solid var(--accent);background:var(--accent-soft);font-size:13px;line-height:1.6;margin-bottom:10px}.q-item{border:1px solid var(--border);border-radius:10px;padding:9px 10px;margin-bottom:8px;background:var(--card)}.q-text{font-weight:600;font-size:13.5px;line-height:1.5;margin-bottom:6px}.q-done{color:var(--ok);margin-left:4px}.q-opts{display:flex;flex-wrap:wrap;gap:6px}.q-opt{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:999px;padding:6px 10px;font-size:12.5px;line-height:1.35;text-align:left;cursor:pointer}.q-opt.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:600}.q-opt-score{font-size:11px;padding:0 5px;border-radius:999px;background:var(--card);border:1px solid var(--border);color:var(--muted)}.q-opt.on .q-opt-score{color:var(--primary);border-color:var(--primary)}.score-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 2px}.score-actions .btn{padding:7px 12px;font-size:13px}.score-form{display:grid;gap:8px;margin-bottom:10px}.fld{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.fld>span{flex:0 0 88px}.fld>input{flex:1;min-width:0;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;padding:7px 9px;font-size:13px;font-family:inherit}.hist{border:1px solid var(--border);border-radius:10px;padding:9px 10px;margin-bottom:8px;background:var(--card)}.hist-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hist-actions{display:flex;gap:8px;margin-top:6px}.hist-actions .btn{padding:6px 10px;font-size:12.5px}.chip-score{margin-left:6px;padding:0 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:600}.trend{border:1px solid var(--border);border-radius:10px;padding:8px 10px;margin-bottom:8px;background:var(--card)}.trend-top{display:flex;align-items:center;gap:12px}.spark{flex:0 0 116px;width:116px;height:28px;color:var(--primary)}.spark path{stroke:currentColor}.spark circle{fill:currentColor}.trend-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}.trend-count{color:var(--muted);font-size:12px}.delta{font-weight:700;font-variant-numeric:tabular-nums}.delta.good,.hist-delta.good{color:var(--ok)}.delta.bad,.hist-delta.bad{color:var(--bad)}.delta.flat,.hist-delta.flat{color:var(--muted)}.hist-delta{padding:0 6px;border-radius:999px;border:1px solid var(--border);background:var(--bg);font-size:11.5px;font-variant-numeric:tabular-nums}.mcid-badge{padding:0 7px;border-radius:999px;border:1px solid var(--ok);background:var(--ok-soft);color:var(--ok);font-size:11.5px;font-weight:600}.mcid-badge.bad{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.mcid-badge.flat{border-color:var(--border);background:var(--bg);color:var(--muted)}.mcid-note{border-left:2px solid var(--border);padding-left:8px;margin-top:4px;font-size:12px;line-height:1.6;color:var(--muted)}.mcid-note b{color:var(--text)}.sub-row{border:1px solid var(--border);border-radius:10px;padding:8px 10px;margin-bottom:8px;background:var(--card)}.sub-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sub-name{font-size:13px}.sub-score{font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.sub-band{margin-top:3px;font-size:12.5px}.sub-mcid{margin-top:3px;font-size:12px}.hist-subs{line-height:1.6}.btn:not(:disabled):active,.chip:not(:disabled):active,.q-opt:not(:disabled):active,.answer-grid button:active,.phase-head:active,.sheet-close:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.btn:not(:disabled):hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.btn.ghost:not(:disabled):hover{background:var(--primary-soft);border-color:var(--primary)}.card:hover{box-shadow:var(--shadow-2)}.list-item:hover,.nav-card:hover{border-color:var(--primary-soft);box-shadow:var(--shadow-2)}.nav-card:hover,.soap-entry:hover{transform:translateY(-2px)}.chip:not(:disabled):not(.active):hover{border-color:var(--primary);color:var(--primary)}.subtabs button:not(.active):hover{background:var(--primary-tint)}.sheet-close:hover{background:var(--primary-soft)}.q-opt:not(:disabled):hover,.answer-grid button:hover{border-color:var(--primary)}}.subtabs:focus-within,.q-item:focus-within,.score-form:focus-within{box-shadow:0 0 0 3px var(--ring)}:where(h1,h2,h3,h4,h5,h6),.section-h,.sheet-title{scroll-margin-top:76px}.score-num,.qs-n,.qs-set-num,.trend-count{font-variant-numeric:tabular-nums}@media (pointer: fine){html{overscroll-behavior:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme: dark){.exfig-img{background:#fff;border-radius:10px;padding:8px}}