:root{color-scheme:dark;--bg: #0b0c10;--panel: #0f1118;--line: #23263a;--text: #e8eaf2;--muted: #a7adcc;--accent: #e8eaf2}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;background:radial-gradient(1200px 800px at 20% 0%,#101327 0%,var(--bg) 60%);color:var(--text)}.skip{position:absolute;left:-9999px;top:8px;padding:8px 10px;border:1px solid var(--line);background:var(--panel);color:var(--text);text-decoration:none;z-index:10}.skip:focus{left:8px}#app{max-width:1100px;margin:0 auto;padding:28px 18px 60px}.module{padding:28px 0;border-top:1px solid var(--line)}.module:first-child{border-top:none;padding-top:10px}.module-head h2{margin:0 0 6px;font-size:18px;letter-spacing:.02em}.muted{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.hero{padding:18px 0 6px}.hero-mark{width:58px;height:6px;background:var(--accent);opacity:.9;margin-bottom:16px}.hero-title{margin:0;font-size:30px;letter-spacing:.01em}.hero-sub{margin:10px 0 0;color:var(--muted);font-size:14px}.signals{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.signal{padding:6px 8px;border:1px solid var(--line);background:#ffffff05;color:var(--muted);font-size:12px}.diagram{margin-top:16px;padding:14px;border:1px solid var(--line);background:#ffffff05}.diagram-row{padding:6px 0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.doors{display:grid;gap:12px;grid-template-columns:repeat(12,1fr);margin-top:18px}.door{grid-column:span 12;border:1px solid var(--line);background:#ffffff04}@media(min-width:860px){.door{grid-column:span 6}}.door-btn{width:100%;text-align:left;padding:14px;background:transparent;border:none;color:inherit;cursor:pointer}.door-top h3{margin:0 0 6px;font-size:16px}.door-sub{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.door-meta{margin-top:10px;color:var(--muted);font-size:12px}.door.is-primary{border-color:#e8eaf2b3}.door.is-adjacent{border-color:#e8eaf259}.panel{border-top:1px solid var(--line);background:#0003}.panel-inner{padding:12px 14px 14px}.panel-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.panel-map{margin:8px 0 10px;font-size:12px;color:var(--muted)}.panel-steps{margin:0 0 12px 18px;color:var(--muted);font-size:13px}.enter{display:inline-block;padding:8px 10px;border:1px solid var(--line);background:var(--panel);color:var(--text);text-decoration:none;font-size:13px}.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}@media(min-width:720px){.timeline{grid-template-columns:repeat(4,1fr)}}.tick{padding:10px 12px;border:1px solid var(--line);background:#ffffff05;color:var(--muted);font-size:13px}.lanes{display:grid;gap:10px;grid-template-columns:1fr;margin-top:16px}@media(min-width:720px){.lanes{grid-template-columns:repeat(2,1fr)}}.lane{padding:10px 12px;border:1px solid var(--line);background:#ffffff04;color:var(--text);cursor:pointer;text-align:left}.anchors{display:grid;gap:10px;grid-template-columns:1fr;margin-top:16px}@media(min-width:720px){.anchors{grid-template-columns:repeat(2,1fr)}}.anchor{padding:12px;border:1px solid var(--line);background:#ffffff05;color:var(--text);text-decoration:none}.noscript{max-width:1100px;margin:10px auto 30px;padding:10px 12px;border:1px solid var(--line);background:#ffffff05;color:var(--muted);font-size:12px}.reveal{opacity:0;transform:translateY(10px);transition:opacity .24s ease,transform .24s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.return-glow{box-shadow:0 0 0 1px #e8eaf22e}@media(prefers-reduced-motion:reduce){.reveal{transition:none;transform:none;opacity:1}}