.atm{--atm-accent: #8b73a0;--atm-accent-soft: rgba(139, 115, 160, .16);--atm-hot: #0d9488;--atm-hot-soft: rgba(13, 148, 136, .14);--atm-warn: #b45309;--atm-rule: rgba(15, 13, 10, .12);--atm-ghost: rgba(15, 13, 10, .2);--atm-muted: #8a8378;--atm-surface: rgba(15, 13, 10, .035);--atm-disc: #f3f0ec;--atm-ground: #fcfbf9;--atm-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}.dark .atm{--atm-accent: #b9a2d6;--atm-accent-soft: rgba(185, 162, 214, .16);--atm-hot: #5eead4;--atm-hot-soft: rgba(94, 234, 212, .12);--atm-warn: #f0a070;--atm-rule: rgba(250, 249, 247, .12);--atm-ghost: rgba(250, 249, 247, .16);--atm-muted: #8e8a94;--atm-surface: rgba(250, 249, 247, .04);--atm-disc: #232633;--atm-ground: #1f222c}.atm-scrolly{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:3rem;align-items:start;transition:grid-template-columns .45s ease}.atm-stage{order:2;position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:.9rem;padding-bottom:3.5rem}.atm-svg{display:block;width:100%;max-width:640px;max-height:76svh;margin:0 auto;overflow:visible}.atm-steps{order:1;padding-bottom:30vh}.atm-step{min-height:88vh;display:flex;flex-direction:column;justify-content:center;padding-block:2.5rem}.atm-eyebrow{font-family:var(--atm-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--atm-muted);margin-bottom:.5rem}:lang(zh-TW) .atm-eyebrow,:lang(zh-TW) .atm-tag{letter-spacing:.04em}.atm-step p code,.atm-note code,.atm-coda code{font-family:var(--atm-mono);font-size:.9em}.atm-step a{color:var(--atm-accent);text-decoration:underline;text-underline-offset:3px}.atm-trace{font-family:var(--atm-mono);font-size:.82rem;line-height:1.6;background:var(--atm-surface);border:1px solid var(--atm-rule);border-radius:.5rem;padding:.8rem .95rem;overflow-x:auto}.atm-l{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:.6rem;padding:1px 0}.atm-who{color:var(--atm-muted)}.atm-q .atm-txt{color:var(--text-primary)}.atm-m .atm-txt{color:var(--text-body)}.atm-t .atm-txt{color:var(--atm-accent)}.atm-h .atm-txt{color:var(--atm-hot)}.atm-r .atm-txt{color:var(--atm-muted)}.atm-tag{display:inline-block;margin-top:.35rem;font-family:var(--atm-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:3px;border:1px solid currentColor}.atm-tag-bad{color:var(--atm-warn)}.atm-tag-meh{color:var(--atm-muted);border-color:var(--atm-rule)}.atm-tag-good{color:var(--atm-hot)}.atm-note{font-size:.85rem;color:var(--atm-muted);margin-top:.5rem}.atm-coda{max-width:48rem;padding-top:2.5rem;border-top:1px solid var(--atm-rule)}.atm-legend{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:560px;margin:0 auto}.atm-legend button,.atm-fold{font:500 .7rem/1 var(--atm-mono);letter-spacing:.06em;color:var(--atm-muted);background:transparent;border:1px solid var(--atm-rule);border-radius:999px;padding:6px 10px;cursor:pointer;transition:color .3s,border-color .3s,background .3s}.atm-legend button.on{color:var(--text-body);border-color:var(--atm-ghost)}.atm-legend button.cur{color:var(--atm-accent);border-color:var(--atm-accent);background:var(--atm-accent-soft)}.atm-legend button:focus-visible,.atm-fold:focus-visible{outline:2px solid var(--atm-accent);outline-offset:2px}.atm-fold{position:absolute;top:1.1rem;left:0;z-index:3;background:var(--atm-ground);padding:8px 12px}.atm-fold:hover{color:var(--text-primary);border-color:var(--atm-ghost)}.atm-caption{display:none;text-align:center}.atm-cap-h{font-size:1.6rem;font-weight:600;color:var(--text-primary);line-height:1.2;margin-bottom:.35rem}.atm-scrolly.folded{grid-template-columns:0 minmax(0,1fr);gap:0}.atm-scrolly.folded .atm-step{height:88vh;min-height:0;overflow:hidden;visibility:hidden}.atm-scrolly.folded .atm-svg{max-width:100%;max-height:72svh}.atm-scrolly.folded .atm-caption{display:block}.atm-scrolly.folded .atm-legend{max-width:none;flex-wrap:nowrap}.atm-ring{fill:none;stroke:var(--atm-ghost);stroke-width:1;stroke-dasharray:2 5;transition:stroke .5s,stroke-width .5s,opacity .5s}.atm-ring.on{stroke:var(--atm-muted);stroke-dasharray:none;opacity:.6}.atm-ring.cur{stroke:var(--atm-accent);stroke-width:2;opacity:1}.atm-ring.hot.cur{stroke:var(--atm-hot)}.atm-rlabel,.atm-g text{paint-order:stroke;stroke:var(--atm-ground);stroke-width:4px;stroke-linejoin:round}.atm-rlabel{font:500 11px var(--atm-mono);letter-spacing:.16em;text-transform:uppercase;fill:var(--atm-muted);opacity:0;transition:opacity .5s,fill .5s}.atm-rlabel.on{opacity:.85}.atm-rlabel-en{font-size:.78em;letter-spacing:.1em;opacity:.75}.atm-legend .atm-en{margin-left:.4em;opacity:.6}.atm-rlabel.cur{fill:var(--atm-accent);opacity:1}.atm-rlabel.hot.cur{fill:var(--atm-hot)}.atm-scrolly.folded .atm-rlabel{font-size:15px;letter-spacing:.12em}.atm-scrolly.folded .atm-rlabel.on{fill:var(--text-body);opacity:.9}.atm-scrolly.folded .atm-rlabel.cur{fill:var(--atm-accent);opacity:1}.atm-scrolly.folded .atm-rlabel.hot.cur{fill:var(--atm-hot)}.atm-g{opacity:0;transition:opacity .5s}.atm-g.on{opacity:.55}.atm-g.cur{opacity:1}.atm-g circle,.atm-g rect{fill:var(--atm-ground);stroke:var(--atm-muted);stroke-width:1}.atm-g.cur circle,.atm-g.cur rect{stroke:var(--atm-accent);fill:var(--atm-accent-soft)}.atm-g.cur.hot circle{stroke:var(--atm-hot);fill:var(--atm-hot-soft)}.atm-g.dim.cur rect{stroke-dasharray:2 2;fill:var(--atm-ground)}.atm-g text{font:500 13px Inter,sans-serif;fill:var(--text-body);opacity:0;transition:opacity .4s}.atm-g.cur text{opacity:1;fill:var(--text-primary)}.atm-g.dim.cur text{fill:var(--atm-muted)}.atm-scrolly.folded .atm-g text{font-size:15px}.atm-disc{fill:var(--atm-disc);stroke:var(--atm-accent);stroke-width:1}.atm-dot{fill:var(--atm-accent)}.atm-core-t,.atm-core-s{paint-order:stroke;stroke:var(--atm-disc);stroke-linejoin:round}.atm-core-t{font:600 20px Inter,sans-serif;fill:var(--text-primary);stroke-width:6px}.atm-core-s{font:500 8px var(--atm-mono);letter-spacing:.14em;text-transform:uppercase;fill:var(--text-body);stroke-width:4px}.atm-arc{fill:none;stroke:var(--atm-accent);stroke-width:2;stroke-linecap:round;opacity:0;transition:opacity .5s;transform-origin:0 0}.atm-arc.on{opacity:.35}.atm-arc.cur{opacity:1;animation:atm-spin 6s linear infinite}.atm-wire{stroke:var(--atm-hot);stroke-width:1.2;stroke-dasharray:3 3;opacity:0;transition:opacity .5s}.atm-wire.cur{opacity:.9;animation:atm-flow 1s linear infinite}@keyframes atm-spin{to{transform:rotate(360deg)}}@keyframes atm-flow{to{stroke-dashoffset:-12}}@media (prefers-reduced-motion: reduce){.atm-arc.cur,.atm-wire.cur{animation:none}.atm-ring,.atm-g,.atm-rlabel,.atm-scrolly{transition:none}}@media (max-width: 860px){.atm-scrolly,.atm-scrolly.folded{grid-template-columns:1fr;gap:0}.atm-stage{order:0;height:44svh;z-index:2;background:var(--atm-ground);padding-block:.25rem;border-bottom:1px solid var(--atm-rule)}.atm-svg,.atm-scrolly.folded .atm-svg{max-height:42svh}.atm-legend,.atm-fold,.atm-caption,.atm-scrolly.folded .atm-caption{display:none}.atm-steps{order:1}.atm-step,.atm-scrolly.folded .atm-step{height:auto;min-height:70svh;overflow:visible;visibility:visible}}