.voice-page{--blue:#87c9ec;--amber:#ffc078;--purple:#c6a1fa}.voice-header{display:flex;flex-direction:row;flex-wrap:nowrap;gap:24px;height:80px;min-height:80px;padding:10px 5%}.voice-header .brand{margin-right:auto}.portfolio-link{font:12px var(--mono)}.voice-language{display:flex;gap:12px;align-items:center;font:12px var(--mono)}.voice-language a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}.voice-language a[aria-current]{color:var(--green);text-decoration:none}.voice-article{max-width:1200px;margin:auto;padding:60px 5% 90px}.voice-intro{max-width:800px}.voice-intro h1{font-size:clamp(42px,6vw,76px);margin:0 0 25px;line-height:1.08}.voice-intro .back-blog{margin-bottom:30px}.voice-article p{font-size:17px;line-height:1.8;color:var(--muted)}.voice-article .article-deck{font-size:22px}.voice-article .article-meta{font:12px/1.8 var(--mono)}.voice-article .blog-category{font:11px/1.7 var(--mono);color:var(--green)}.scope{border-left:2px solid var(--blue);padding:20px 24px;background:#0c1916;margin:30px 0}.scope p{margin-bottom:0}.scope strong{color:var(--blue)}.voice-article section{margin-top:70px;scroll-margin-top:100px}.voice-article h2{font-size:clamp(29px,4vw,43px);margin:0 0 24px}.voice-article h3{font-size:24px;margin:30px 0 12px}.voice-article .legend,.voice-article .scroll-note{font:11px/1.8 var(--mono)}.map-scroll,.diagram-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at center,#10241b,#060d09);scrollbar-color:#42634b #09120c}.map-stage{position:relative;min-width:720px;aspect-ratio:960/740}.map-stage>svg{position:relative;display:block;width:100%;height:100%}.map-stage #scene{position:absolute;inset:0;pointer-events:none}.map-stage canvas{display:block;width:100%;height:100%;opacity:.9}.map-edge{fill:none;stroke:#48645a;stroke-width:1.5}.map-edge[data-edge$="observe"],.map-edge[data-edge$="secrets"],.map-edge[data-edge$="redis"]{stroke-dasharray:5 5}.map-stage svg text{fill:var(--fg);font:13px var(--mono);pointer-events:none}.map-stage .map-sub{fill:#a7bdb1;font-size:11px}.map-node{fill:#0a1712;stroke:var(--blue);stroke-width:1.3}.map-node.core{stroke:var(--green)}.map-stage a:hover .map-node,.map-stage a:focus .map-node{fill:#173a25;stroke-width:3}.map-stage a.is-active .map-node{fill:#163923;stroke:#d8ffa5;stroke-width:3}.map-stage a.is-error .map-node{fill:#432c19;stroke:var(--amber)}.animation-controls{display:flex;align-items:center;gap:18px;margin:16px 0}.animation-controls span{font:11px/1.6 var(--mono);color:var(--muted)}.voice-page button{background:#0c1b12;border:1px solid #608260;padding:11px 16px;min-height:44px;cursor:pointer;font:12px/1.5 var(--mono)}.voice-page button:hover{border-color:var(--green);color:var(--green)}.voice-page button:disabled{opacity:.45;cursor:default}.voice-page button[aria-pressed=true],#play{background:var(--green);color:#071108}.components{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.components details{scroll-margin-top:110px}.components summary{display:block;font:15px/1.6 var(--head)}.components summary span{display:block;font:11px/1.7 var(--mono);color:var(--muted)}.components p{font-size:15px}.component-index>summary,.text-sequence>summary{font:14px/1.7 var(--mono);color:var(--green)}.voice-page summary:after{content:' +';color:var(--green)}.voice-page details[open]>summary:after{content:' −'}.voice-page fieldset{border:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 20px}.voice-page legend{font:12px var(--mono);margin-bottom:15px}.voice-page label{display:flex;gap:9px;align-items:center;min-height:44px;font-size:14px}.voice-page input{accent-color:var(--green);width:17px;height:17px}.playback{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}#step-count{margin-left:auto;font:12px var(--mono)}#step-status{min-height:64px;padding:15px;border-left:2px solid var(--green);background:#102118;color:var(--fg)}.sequence-panel svg{display:block;width:100%;min-width:1080px}.sequence-panel svg text{fill:#cedcd1;font:12px var(--mono)}.lane-head{fill:#0c1e16;stroke:#4d6b59}.lifeline{stroke:#395646;stroke-dasharray:4 6;fill:none}.sequence-step path{stroke:var(--green);stroke-width:1.7;fill:none}.sequence-step.response path{stroke:var(--blue);stroke-dasharray:6 4}.sequence-step.error path{stroke:var(--amber);stroke-dasharray:6 4}.sequence-step.async path{stroke:var(--purple)}.row-highlight{fill:transparent}.sequence-step.is-active .row-highlight{fill:#21422b}.sequence-step.is-active text{fill:#fff}.text-sequence ol{padding-left:26px}.text-sequence li{padding:9px;font-size:14px;color:var(--muted);line-height:1.7}.text-sequence strong{display:block;color:var(--fg);font:11px/1.8 var(--mono)}.text-sequence li.is-active{background:#1c3623;color:var(--fg)}.voice-prose{max-width:790px;margin-inline:auto}.voice-prose a:not(.button){color:var(--green);text-decoration:underline;text-underline-offset:4px}.voice-prose li{margin:12px 0}.voice-prose h3{margin-top:36px}.voice-page [hidden]{display:none!important}@media(max-width:650px){.voice-header{gap:14px;min-height:74px;height:auto;align-items:center}.voice-header .portfolio-link{display:none}.voice-article{padding:38px 6% 60px}.voice-article .article-deck{font-size:19px}.components{grid-template-columns:1fr}.animation-controls{align-items:flex-start;flex-direction:column}.voice-article section{margin-top:48px}.voice-page h3{font-size:21px}.scope{padding:16px}.voice-intro h1{font-size:43px}.voice-language{gap:10px}.voice-header .personal-wordmark{font-size:18px}}@media(prefers-reduced-motion:reduce){.voice-page{scroll-behavior:auto}.voice-page *{animation:none!important;transition:none!important}}

.voice-page details[open]>summary span{transform:none}.voice-page .components summary span{transform:none}.voice-page .components summary:after{display:inline}.map-stage{min-width:620px}.voice-page .animation-controls{padding-bottom:12px;border-bottom:1px solid var(--line)}