:root{--bg:#f6f5f1;--surface:#fff;--surface-2:#f0efea;--text:#1d1d1f;--text-2:#4a4a50;--muted:#76767e;--border:#e3e1da;--border-strong:#cfccc2;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eceafd;--accent-text:#3730a3;--good:#15803d;--good-soft:#e5f4ea;--bad:#c2410c;--bad-soft:#fcede4;--warn:#a16207;--warn-soft:#fbf3dc;--node:#0f766e;--node-soft:#e2f3f1;--shadow:0 1px 2px #14141e0d, 0 4px 16px #14141e0d;--shadow-lift:0 2px 4px #14141e0f, 0 10px 28px #14141e17;--radius:12px;--radius-sm:8px;--font:"Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121214;--surface:#1b1b1f;--surface-2:#232328;--text:#ececf0;--text-2:#c4c4cc;--muted:#93939d;--border:#2c2c33;--border-strong:#3d3d46;--accent:#8b84ff;--accent-hover:#a29cff;--accent-soft:#26244a;--accent-text:#c3bfff;--good:#4ade80;--good-soft:#15291d;--bad:#fb923c;--bad-soft:#33201a;--warn:#facc15;--warn-soft:#2e2810;--node:#2dd4bf;--node-soft:#102826;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000040;--shadow-lift:0 2px 4px #00000059, 0 10px 28px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121214;--surface:#1b1b1f;--surface-2:#232328;--text:#ececf0;--text-2:#c4c4cc;--muted:#93939d;--border:#2c2c33;--border-strong:#3d3d46;--accent:#8b84ff;--accent-hover:#a29cff;--accent-soft:#26244a;--accent-text:#c3bfff;--good:#4ade80;--good-soft:#15291d;--bad:#fb923c;--bad-soft:#33201a;--warn:#facc15;--warn-soft:#2e2810;--node:#2dd4bf;--node-soft:#102826;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000040;--shadow-lift:0 2px 4px #00000059, 0 10px 28px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}a{color:var(--accent-text);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;line-height:1.3}p{margin:0}code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);white-space:break-spaces;overflow-wrap:anywhere;border-radius:5px;padding:.05em .35em;font-size:.88em}kbd{font-family:var(--mono);border:1px solid var(--border-strong);background:var(--surface);border-bottom-width:2px;border-radius:4px;padding:0 .35em;font-size:.8em}input,select,textarea,button{font:inherit;color:inherit}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-width:0;min-height:36px;padding:6px 10px}:where(input,select,textarea,button,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}:where(input[aria-invalid=true]){border-color:var(--bad)}.ui-app :where(input,textarea):focus-visible{outline:none}input[type=checkbox],input[type=range]{accent-color:var(--accent)}.muted{color:var(--muted)}.page{max-width:1180px;margin:0 auto;padding:24px 16px 80px}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-weight:550;text-decoration:none;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}:root[data-theme=dark] .btn-primary{color:#0f0f1a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary{color:#0f0f1a}}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2)}.btn-sm{min-height:32px;padding:4px 12px;font-size:.875rem}.btn-done{border-color:var(--good);color:var(--good);background:var(--good-soft)}.btn-bad{border-color:color-mix(in srgb, var(--bad) 45%, transparent);color:var(--bad)}.btn-good{border-color:color-mix(in srgb, var(--good) 45%, transparent);color:var(--good)}.btn-note{color:var(--muted);font-size:.8rem;font-weight:450}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;width:36px;height:36px;color:var(--text-2);place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2)}.seg{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;min-height:32px;padding:4px 12px;font-size:.875rem}.chip:hover{border-color:var(--border-strong)}.chip.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);font-weight:600}.pill{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.75rem;display:inline-block}.pill-accent{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.lvl{white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:600}.lvl-basic{background:var(--good-soft);color:var(--good)}.lvl-intermediate{background:var(--warn-soft);color:var(--warn)}.lvl-advanced{background:var(--bad-soft);color:var(--bad)}.meter{background:var(--surface-2);vertical-align:middle;border-radius:99px;width:72px;height:6px;display:inline-block;overflow:hidden}.meter>span{background:var(--accent);border-radius:inherit;height:100%;transition:width .4s;display:block}.meter-wide{width:100%}.status-dot,.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot-done{background:var(--good)}.dot-next{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dot-open{border:2px solid var(--border-strong);background:0 0}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{background:var(--accent);width:30px;height:30px;color:var(--surface);border-radius:8px;place-items:center;display:grid}.topbar-right{align-items:center;gap:14px;display:flex}.overall{color:var(--muted);align-items:center;gap:10px;font-size:.875rem;display:flex}.overall b{color:var(--text)}.hero{max-width:760px;padding:40px 0 36px}.eyebrow{color:var(--accent-text);margin-bottom:12px;font-size:.875rem;font-weight:600}.hero h1{letter-spacing:-.02em;font-size:clamp(1.75rem,1.2rem + 2.2vw,2.6rem);font-weight:750}.hero-sub{color:var(--text-2);margin-top:16px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:14px;font-size:.8rem}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.chapter-grid>li{display:flex}.chapter-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);flex-direction:column;flex:1;gap:6px;padding:18px 18px 16px;display:flex}.chapter-card.is-ready{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transition:transform .15s,box-shadow .15s}.chapter-card.is-ready:hover{box-shadow:var(--shadow-lift);text-decoration:none;transform:translateY(-2px)}.chapter-card.is-soon{background:0 0;border-style:dashed}.chapter-card.is-soon h3,.chapter-card.is-soon .chapter-num{color:var(--muted)}.chapter-card-head{justify-content:space-between;align-items:center;display:flex}.chapter-num{font-family:var(--mono);color:var(--accent-text);font-size:.85rem;font-weight:600}.chapter-card h3{margin-top:4px;font-size:1.15rem}.chapter-sub{color:var(--muted);font-size:.9rem}.chapter-topics{color:var(--text-2);flex-wrap:wrap;gap:4px 6px;margin:8px 0 10px;padding:0;font-size:.8rem;list-style:none;display:flex}.chapter-topics li{background:var(--surface-2);border-radius:6px;padding:1px 8px}.chapter-card.is-soon .chapter-topics li{color:var(--muted)}.chapter-topics li.is-done{background:var(--good-soft);color:var(--good)}.chapter-card .meter{margin-top:auto}.crumbs{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:.85rem;display:flex}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--accent-text)}.chapter-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.chapter-head h1{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.1rem)}.filters{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:16px;padding:12px 14px;display:flex}.search{flex:200px}.seg-view{margin-left:auto}.tree-scroll{border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(circle at 1px 1px, var(--border) 1px, transparent 0) 0 0 / 20px 20px, var(--surface);padding:20px;overflow-x:auto}.tree{margin:0 auto;position:relative}.tree-edges{position:absolute;inset:0;overflow:visible}.edge{fill:none;stroke:var(--border-strong);stroke-width:1.6px;transition:stroke .2s,opacity .2s}.edge.is-done{stroke:color-mix(in srgb, var(--good) 60%, var(--border-strong))}.edge.is-lit{stroke:var(--accent);stroke-width:2.4px}.edge.is-faded{opacity:.25}.node{border-radius:var(--radius);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);box-shadow:var(--shadow);flex-direction:column;justify-content:center;gap:4px;padding:10px 34px 10px 14px;transition:transform .15s,box-shadow .15s,opacity .2s,border-color .15s;display:flex;position:absolute}.node:hover,.node:focus-visible{box-shadow:var(--shadow-lift);text-decoration:none;transform:translateY(-2px)}.node-title{font-weight:650;line-height:1.25}.node-meta{color:var(--muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.node-badge{border-radius:50%;place-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:grid;position:absolute;top:10px;right:10px}.node.is-done{border-color:var(--good);background:color-mix(in srgb, var(--good-soft) 70%, var(--surface))}.node.is-done .node-badge{background:var(--good);color:var(--surface)}.node.is-next{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), var(--shadow)}.node.is-next .node-badge{background:var(--accent);color:var(--surface)}.node.is-open{border-style:dashed}.node.is-faded{opacity:.35}.legend{flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:.85rem;display:flex}.legend-item{align-items:center;gap:8px;display:inline-flex}.topic-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.topic-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);align-items:center;gap:14px;padding:14px 16px;display:flex}.topic-row:hover{border-color:var(--accent);text-decoration:none}.topic-row-main{flex-direction:column;flex:1;min-width:0;display:flex}.topic-row-main .muted{font-size:.875rem}.topic-row-title{font-weight:650}.topic-row-meta{flex-direction:column;flex:none;align-items:flex-end;gap:4px;font-size:.8rem;display:flex}.topic-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:40px;display:grid}.sidebar{font-size:.9rem;position:sticky;top:76px}.sidebar-chapter{color:var(--text-2);margin-bottom:10px;font-weight:600;display:block}.sidebar-list{border-left:1px solid var(--border);margin:0;padding:0;list-style:none}.sidebar-item{color:var(--text-2);border-left:2px solid #0000;align-items:center;gap:10px;margin-left:-1px;padding:6px 12px;display:flex}.sidebar-item:hover{color:var(--text);text-decoration:none}.sidebar-item.is-current{border-left-color:var(--accent);color:var(--accent-text);background:linear-gradient(90deg, var(--accent-soft), transparent);font-weight:600}.sidebar-item .status-dot{width:8px;height:8px}.topic{min-width:0;max-width:820px}.topic-head h1{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.3rem);font-weight:750}.topic-summary{color:var(--text-2);margin-top:10px;font-size:1.05rem}.topic-meta{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px;font-size:.875rem;display:flex}.prereq.is-done:after{content:" ✓";color:var(--good)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin:28px 0 24px;display:flex}.tab{color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 16px;font-weight:600;display:inline-flex}.tab:hover{color:var(--text);text-decoration:none}.tab[aria-selected=true]{color:var(--accent-text);border-bottom-color:var(--accent)}.tab-note{background:var(--surface-2);color:var(--muted);border-radius:99px;padding:0 8px;font-size:.75rem;font-weight:500}.prose{flex-direction:column;gap:18px;display:flex}.prose>h2{margin-top:22px;padding-top:4px;font-size:1.3rem}.prose>p,.prose>ul>li{color:var(--text-2)}.prose>p strong,.prose>ul strong{color:var(--text)}.prose>ul{gap:6px;margin:0;padding-left:1.3em;display:grid}.code{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;margin:0;overflow:hidden}.code-head{color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:.78rem;display:flex}.code-copy{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 8px;font-size:.75rem}.code-copy:hover{background:var(--surface);color:var(--text)}.code-body{font-family:var(--mono);tab-size:2;margin:0;padding:14px 16px;font-size:.84rem;line-height:1.65;overflow-x:auto}.code-bad{border-color:color-mix(in srgb, var(--bad) 40%, var(--border))}.code-bad .code-head{background:var(--bad-soft);color:var(--bad)}.code-good{border-color:color-mix(in srgb, var(--good) 40%, var(--border))}.code-good .code-head{background:var(--good-soft);color:var(--good)}.code-tone{font-weight:700}.compare{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.callout{border-radius:var(--radius);border-left:4px solid;padding:14px 16px}.callout p{color:var(--text)}.callout-title{margin-bottom:4px;font-size:.85rem;font-weight:700}.callout-tip{background:var(--accent-soft);border-color:var(--accent)}.callout-tip .callout-title{color:var(--accent-text)}.callout-warn{background:var(--warn-soft);border-color:var(--warn)}.callout-warn .callout-title{color:var(--warn)}.callout-node{background:var(--node-soft);border-color:var(--node)}.callout-node .callout-title{color:var(--node)}.demo{border:1.5px solid color-mix(in srgb, var(--accent) 45%, var(--border));border-radius:calc(var(--radius) + 4px);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.demo-head{background:var(--accent-soft);align-items:center;gap:10px;padding:10px 16px;display:flex}.demo-tag{background:var(--accent);color:var(--surface);border-radius:99px;padding:1px 8px;font-size:.72rem;font-weight:700}.demo-title{color:var(--accent-text);font-weight:650}.demo-caption{color:var(--text-2);padding:12px 16px 0;font-size:.9rem}.demo-body{padding:16px}.keypoints{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);margin-top:36px;padding:20px 22px}.keypoints h2{margin-bottom:10px;font-size:1.1rem}.keypoints ul{color:var(--text-2);gap:6px;margin:0;padding-left:1.3em;display:grid}.keypoints-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.pager{grid-template-columns:1fr 1fr;gap:12px;margin-top:36px;display:grid}.pager-link{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);flex-direction:column;padding:12px 16px;font-weight:600;display:flex}.pager-link .muted{font-size:.8rem;font-weight:450}.pager-link:hover{border-color:var(--accent);text-decoration:none}.pager-link.is-next{text-align:right;grid-column:2}.quiz,.quiz-result{flex-direction:column;gap:18px;display:flex}.quiz-progress{align-items:center;gap:6px;display:flex}.qdot{background:var(--surface-2);border:1px solid var(--border);border-radius:99px;width:28px;height:6px}.qdot.is-current{background:var(--accent);border-color:var(--accent)}.qdot.is-right{background:var(--good);border-color:var(--good)}.qdot.is-wrong{background:var(--bad);border-color:var(--bad)}.quiz-count{margin-left:8px;font-size:.85rem}.quiz-prompt{font-size:1.15rem;font-weight:600}.options{gap:10px;display:grid}.option{text-align:left;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.option:hover:not(:disabled){border-color:var(--border-strong)}.option:disabled{cursor:default}.option-key{background:var(--surface-2);width:26px;height:26px;color:var(--text-2);border-radius:7px;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.option-text{padding-top:1px}.option.is-selected{border-color:var(--accent);background:var(--accent-soft)}.option.is-selected .option-key{background:var(--accent);color:var(--surface)}.option.is-right{border-color:var(--good);background:var(--good-soft)}.option.is-right .option-key{background:var(--good);color:var(--surface)}.option.is-wrong{border-color:var(--bad);background:var(--bad-soft)}.option.is-wrong .option-key{background:var(--bad);color:var(--surface)}.feedback{border-radius:var(--radius);border-left:4px solid;padding:14px 16px}.feedback.is-right{background:var(--good-soft);border-color:var(--good)}.feedback.is-wrong{background:var(--bad-soft);border-color:var(--bad)}.feedback-title{margin-bottom:4px;font-weight:700}.feedback.is-right .feedback-title{color:var(--good)}.feedback.is-wrong .feedback-title{color:var(--bad)}.quiz-actions{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.kbd-hint{font-size:.8rem}.score{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);align-items:center;gap:20px;padding:22px;font-size:1.05rem;display:flex}.score-num{font-size:2.6rem;font-weight:800;line-height:1}.score-num small{color:var(--muted);font-size:1.1rem;font-weight:600}.score.is-pass .score-num{color:var(--good)}.score.is-fail .score-num{color:var(--bad)}.quiz-review-title{margin-bottom:12px;font-size:1.1rem}.review-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.review-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;padding:16px;display:flex}.review-prompt{font-weight:600}.review-line{font-size:.92rem}.review-line.is-wrong{color:var(--bad)}.review-line.is-right{color:var(--good)}.explain{color:var(--text-2);border-top:1px dashed var(--border);padding-top:6px;font-size:.92rem}.chapter-quiz{max-width:820px;margin:0 auto}.chapter-quiz .topic-head{margin-bottom:24px}.empty-state{text-align:center;justify-items:center;gap:12px;padding:80px 16px;display:grid}@media (width<=900px){.topic-layout{grid-template-columns:minmax(0,1fr);gap:16px}.sidebar{position:static}.sidebar-list{border-left:0;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.sidebar-item{white-space:nowrap;border:1px solid var(--border);background:var(--surface);border-radius:99px;margin-left:0;padding:4px 12px}.sidebar-item.is-current{border-color:var(--accent);background:var(--accent-soft)}}@media (width<=600px){.overall-label{display:none}.brand span:last-child{font-size:.95rem}.seg-view{margin-left:0}.pager{grid-template-columns:1fr}.pager-link.is-next{grid-column:1}.score{flex-direction:column;align-items:flex-start}.topic-row-meta{display:none}}.stack{flex-direction:column;gap:14px;min-width:0;display:flex}.stack-tight{flex-direction:column;gap:6px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.controls{border-radius:var(--radius-sm);background:var(--surface-2);flex-wrap:wrap;align-items:flex-end;gap:10px 16px;padding:12px;display:flex}.controls label{font-family:var(--mono);color:var(--muted);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.controls label.grow{flex:200px}.controls label output{color:var(--text)}label.check{font-family:var(--font);color:var(--text-2);flex-direction:row;align-items:center;gap:8px;font-size:.9rem;display:flex}.demo-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.demo-panel h4{font-size:.95rem}.demo-panel.is-bad{border-color:color-mix(in srgb, var(--bad) 45%, var(--border))}.demo-panel.is-good{border-color:color-mix(in srgb, var(--good) 45%, var(--border))}.preview{border:1px dashed var(--border-strong);border-radius:var(--radius);flex-direction:column;min-height:100px;display:flex;overflow:hidden}.preview-label{color:var(--muted);border-bottom:1px dashed var(--border-strong);padding:6px 14px;font-size:.78rem}.preview-body{text-align:center;flex:1;place-items:center;padding:16px;display:grid}.big-number{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:700;line-height:1.1}.big-number.small{font-size:1.5rem}.result-line{border-radius:var(--radius-sm);background:var(--surface-2);padding:8px 12px;font-size:.9rem}.result-line.is-right{background:var(--good-soft);color:var(--good)}.result-line.is-wrong{background:var(--bad-soft);color:var(--bad)}.steps{color:var(--text-2);margin:0;padding-left:1.3em;font-size:.92rem}.jsx-preview-title{font-size:1.6rem}.jsx-avatar{background:var(--accent);color:var(--surface);border-radius:50%;place-items:center;font-size:1.2rem;font-weight:700;display:grid}.jsx-dl{margin:0}.jsx-dl dt{font-weight:700}.jsx-dl dd{color:var(--muted);margin:0}.user-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-align:left;align-items:center;gap:14px;max-width:100%;padding:14px 18px;display:flex}.user-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:700;transition:width .2s,height .2s;display:grid;position:relative}.role-engineer .user-avatar{background:#4f46e5}.role-designer .user-avatar{background:#db2777}.role-pm .user-avatar{background:#0d9488}.user-online{border:2px solid var(--surface);background:#22c55e;border-radius:50%;width:28%;min-width:10px;height:28%;min-height:10px;position:absolute;bottom:0;right:0}.user-info{flex-direction:column;min-width:0;line-height:1.4;display:flex}.user-info .muted{font-size:.85rem}.user-bio{color:var(--text-2);margin-top:4px;font-size:.85rem}.post-card{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.bubble{border-radius:var(--radius);border:1.5px dashed var(--border-strong);cursor:pointer;padding:30px 16px 16px;position:relative}.bubble-outer{background:var(--surface-2)}.bubble-inner{background:var(--surface);place-items:center;padding-top:34px;display:grid}.bubble-label{font-family:var(--mono);color:var(--muted);font-size:.75rem;position:absolute;top:6px;left:12px}.log{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-width:0;min-height:200px;padding:10px 14px;font-size:.85rem}.log-head{justify-content:space-between;align-items:center;min-height:32px;margin-bottom:6px;font-weight:650;display:flex}.log ol{font-family:var(--mono);gap:4px;margin:0;padding-left:1.4em;font-size:.78rem;display:grid}.log li.is-stop,.log li.is-warn{color:var(--bad)}.log li.is-key,.log li.is-effect{color:var(--accent-text)}.log li.is-cleanup{color:var(--good)}.key-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.key-row{grid-template-columns:3.5em minmax(0,1fr);align-items:center;gap:8px;display:grid}.key-name{font-weight:650}.zero-line{border-top:1px dashed var(--border);overflow-wrap:anywhere;padding-top:8px;font-size:.85rem}.form label:not(.check){color:var(--text-2);flex-direction:column;gap:4px;font-size:.875rem;display:flex}.field-error{color:var(--bad);font-size:.8rem}.state-json{border-radius:var(--radius-sm);background:var(--surface-2);font-family:var(--mono);margin:0;padding:10px 12px;font-size:.78rem;overflow-x:auto}.ticker{justify-content:center;align-items:baseline;gap:10px;padding:12px 0;display:flex}.timer-stat{grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;display:grid}.timer-stat>div{flex-direction:column;font-size:.8rem;display:flex}.timer-stat.is-leaking{border-color:var(--bad);background:var(--bad-soft)}.timer-stat.is-leaking .big-number{color:var(--bad)}.ref-compare{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ref-compare>div{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:6px;padding:12px;font-size:.8rem;display:flex}@media (width<=520px){.timer-stat{grid-template-columns:1fr 1fr}.timer-stat .btn{grid-column:1/-1}.ref-compare{grid-template-columns:1fr}}