:root,html[data-theme=conmon]{--ink:#e8f0ec;--ink-soft:#b7c7c0;--paper:#0c1416;--paper-2:#121c1f;--panel:#152226;--line:#e8f0ec1f;--muted:#e8f0ec94;--signal:#2dd4bf;--signal-deep:#14b8a6;--flare:#d8ff3e;--warn:#ff8b5f;--danger:#ff5d6c;--ok:#3dd68c;--note-bg:#f3e8a8;--model-saas:#2dd4bf;--model-paas:#6ea8fe;--model-iaas:#f0a202;--model-iac:#b8a1ff;--model-ai:#ff6ad5;--model-orch:#5eead4;--display:"Syne", system-ui, sans-serif;--sans:"Outfit", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--radius:14px;--nav-h:4.25rem;--motion:1;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out-strong:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-fast:.16s;--dur-ui:.22s;--shadow-soft:0 18px 50px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=voltage]{--ink:#f4f7f0;--ink-soft:#c5cdb8;--paper:#0e0f12;--paper-2:#16181d;--panel:#1c1f27;--line:#c8f54224;--muted:#f4f7f08c;--signal:#c8f542;--signal-deep:#9bc91a;--flare:#7dd3fc;--warn:#fb923c;--danger:#fb7185;--ok:#86efac;--note-bg:#e8ff9a;--model-saas:#c8f542;--model-paas:#7dd3fc;--model-iaas:#fb923c;--model-iac:#a3e635;--model-ai:#f472b6;--model-orch:#67e8f9;--display:"Oxanium", system-ui, sans-serif;--sans:"Figtree", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--motion:1.15}html[data-theme=harbor]{--ink:#e8eef7;--ink-soft:#a8b8cc;--paper:#0a1628;--paper-2:#0f1f35;--panel:#132a45;--line:#5eead429;--muted:#e8eef78c;--signal:#5eead4;--signal-deep:#2dd4bf;--flare:#fcd34d;--warn:#fdba74;--danger:#f87171;--ok:#6ee7b7;--note-bg:#fef3c7;--model-saas:#5eead4;--model-paas:#93c5fd;--model-iaas:#fcd34d;--model-iac:#c4b5fd;--model-ai:#f9a8d4;--model-orch:#67e8f9;--display:"Rajdhani", system-ui, sans-serif;--sans:"Nunito Sans", system-ui, sans-serif;--mono:"Source Code Pro", ui-monospace, monospace;--motion:.85}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100%;font-family:var(--sans);color:var(--ink);background:radial-gradient(1000px 520px at 12% -8%, #2dd4bf24, transparent 55%), radial-gradient(900px 500px at 100% 0%, #d8ff3e12, transparent 50%), radial-gradient(800px 400px at 50% 100%, #ff5d6c0f, transparent 55%), linear-gradient(180deg, #0a1012 0%, var(--paper) 45%, #0b1518 100%);background-attachment:fixed;margin:0}body:before{content:"";pointer-events:none;opacity:.4;z-index:0;background-image:linear-gradient(#e8f0ec09 1px,#0000 1px),linear-gradient(90deg,#e8f0ec09 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 78%);mask-image:radial-gradient(#000 25%,#0000 78%)}#app{z-index:1;min-height:100dvh;position:relative}a{color:inherit}button,input,select{font:inherit;color:inherit}select,input{background:var(--paper-2);color:var(--ink)}:focus-visible{outline:2px solid var(--flare);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topnav{z-index:40;height:var(--nav-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb, var(--paper) 82%, transparent);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:0 clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0}.nav-tools{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.theme-switch select{border:1px solid var(--line);background:var(--panel);border-radius:999px;max-width:9.5rem;padding:.35rem .7rem;font-size:.75rem;font-weight:600}.brand{align-items:baseline;gap:.55rem;text-decoration:none;display:flex}.brand-mark{font-family:var(--display);letter-spacing:-.04em;font-size:1.15rem;font-weight:800}.brand-mark span,.brand-mark em{color:var(--flare);font-style:normal}.brand-sub{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.72rem}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.nav-links a{color:var(--ink-soft);border-radius:999px;padding:.4rem .65rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s}.nav-links a:hover,.nav-links a.active{background:var(--flare);color:#0c1416}.progress-pill{font-family:var(--mono);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.35rem .65rem;font-size:.68rem}.page{width:min(1120px,100% - 2rem);margin:0 auto;padding:1.5rem 0 4rem;animation:.48s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes drawLine{0%{stroke-dashoffset:400px}to{stroke-dashoffset:0}}@keyframes pulseSoft{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.08)}}@keyframes failShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.kicker{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--signal);margin:0 0 .75rem;font-size:.75rem}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;margin:0;line-height:1.05}.lede{color:var(--muted);max-width:42rem;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.55}.btn{appearance:none;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-weight:600;text-decoration:none;transition:transform .16s,background .16s,color .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--flare);color:#0c1416}.btn-secondary{color:var(--ink);background:0 0;border:1px solid #e8f0ec59}.btn-ghost{color:var(--signal);background:#2dd4bf1f}.btn-danger{color:var(--danger);background:#ff5d6c26;border:1px solid #ff5d6c59}.btn-row{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#152226e0;padding:1.25rem}.mono{font-family:var(--mono)}.hero{min-height:calc(100dvh - var(--nav-h));align-items:end;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2rem) 2.5rem;display:grid;position:relative;overflow:hidden}.hero-visual{z-index:0;position:absolute;inset:0}.hero-visual svg{width:100%;height:100%;display:block}.hero-visual .flow{fill:none;stroke:var(--signal);stroke-width:1.5px;stroke-dasharray:400;opacity:.65;animation:2.8s forwards drawLine}.hero-visual .flow.delay{stroke:#d8ff3ebf;animation-delay:.35s}.hero-visual .orb{fill:var(--flare);animation:4.5s ease-in-out infinite pulseSoft}.hero-copy{z-index:1;width:min(960px,100%);position:relative}.hero-brand{font-family:var(--display);letter-spacing:-.06em;margin:0 0 1rem;font-size:clamp(3.4rem,12vw,7.5rem);font-weight:800;line-height:.9}.hero-brand em{color:var(--flare);font-style:normal}.hero h1{max-width:22ch;margin-bottom:.85rem;font-size:clamp(1.35rem,3.2vw,2.15rem);font-weight:700}.hero .lede{margin:0}.filters{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 1.5rem;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#152226e6;border-radius:999px;padding:.45rem .85rem;font-weight:500;transition:background .16s,border-color .16s,color .16s}.chip[aria-pressed=true]{background:var(--flare);color:#0c1416;border-color:var(--flare)}.model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}@media (width>=1100px){.model-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.model-tile{border-radius:var(--radius);border:1px solid var(--line);cursor:pointer;text-align:left;background:#152226e6;padding:1rem;transition:transform .18s,border-color .18s}.model-tile:hover,.model-tile.active{border-color:var(--flare);transform:translateY(-2px)}.model-tile .name{font-family:var(--display);margin-bottom:.25rem;font-size:1.35rem}.model-tile .full{color:var(--muted);margin-bottom:.55rem;font-size:.78rem}.model-tile .blurb{color:var(--ink-soft);margin:0;font-size:.9rem;line-height:1.4}.stack-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:1rem;display:grid}.stack-list{gap:.55rem;display:grid}.stack-item{border:1px solid var(--line);cursor:pointer;text-align:left;background:#152226e0;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;transition:border-color .16s,background .16s;display:grid}.stack-item:hover,.stack-item.active{border-color:var(--signal);background:#1a2b30}.stack-item .layer-tag{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.65rem}.badge-row{flex-wrap:wrap;gap:.3rem;display:flex}.badge{color:#0c1416;border-radius:6px;padding:.2rem .45rem;font-size:.68rem;font-weight:600}.detail-pane h3{margin-bottom:.35rem;font-size:1.75rem}.detail-pane .meta{color:var(--muted);margin-bottom:1rem}.detail-pane ul{margin:.35rem 0 1rem;padding-left:1.1rem}.detail-pane li{margin:.25rem 0}.codeish{font-family:var(--mono);color:var(--flare);border:1px solid var(--line);background:#0a1214;border-radius:10px;padding:.85rem 1rem;font-size:.82rem;overflow-x:auto}.lesson-shell{grid-template-columns:280px 1fr;gap:1rem;display:grid}.lesson-nav{top:calc(var(--nav-h) + 1rem);max-height:calc(100dvh - var(--nav-h) - 2rem);flex-direction:column;gap:.35rem;display:flex;position:sticky;overflow:auto}.lesson-nav button{text-align:left;cursor:pointer;color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:10px;padding:.65rem .75rem}.lesson-nav button.active{background:var(--panel);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-soft)}.lesson-nav .track{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.68rem}.lesson-nav .title{font-weight:600}.lesson-body h2{margin-bottom:.5rem;font-size:clamp(1.8rem,4vw,2.6rem)}.beat-list{gap:.65rem;margin:1.25rem 0;padding:0;list-style:none;display:grid}.beat-list li{border:1px solid var(--line);background:#0c1416a6;border-radius:12px;grid-template-columns:auto 1fr;gap:.75rem;padding:.9rem 1rem;display:grid}.beat-num{font-family:var(--mono);color:var(--signal);font-weight:500}.takeaway{border-left:4px solid var(--flare);color:var(--ink);background:#0a1214;border-radius:0 12px 12px 0;margin-top:1.25rem;padding:1.1rem 1.25rem}.takeaway strong{color:var(--flare)}.pipeline{gap:.75rem;margin:1.5rem 0;display:grid}.pipe-step{border:1px solid var(--line);opacity:.4;background:#152226d9;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.15rem;transition:opacity .28s,transform .28s,border-color .28s;display:grid;transform:translate(-6px)}.pipe-step.on{opacity:1;border-color:var(--signal);transform:none}.pipe-step .idx{font-family:var(--display);color:var(--signal);font-size:1.4rem}.meter{border:1px solid var(--line);background:#0a1214;border-radius:999px;height:10px;margin:1rem 0;overflow:hidden}.meter>span{background:linear-gradient(90deg, var(--signal), var(--flare));width:0;height:100%;transition:width .4s;display:block}.quiz-card{padding:1.5rem}.choices{gap:.55rem;margin:1rem 0;display:grid}.choices button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#0f1a1d;border-radius:10px;padding:.85rem 1rem}.choices button.correct{border-color:var(--ok);background:#3dd68c1f}.choices button.wrong{border-color:var(--danger);background:#ff5d6c1f;animation:.28s failShake}.flash-stage{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;place-items:center;min-height:220px;padding:2rem;display:grid}.flash-stage .front{font-family:var(--display);font-size:clamp(1.4rem,3vw,2rem)}.flash-stage .back{color:var(--ink-soft);font-size:1.1rem;line-height:1.5}.scoreline{font-family:var(--mono);color:var(--muted);font-size:.85rem}.home-sections{gap:1rem;width:min(1120px,100% - 2rem);margin:0 auto;padding:0 0 4rem;display:grid}.path-row{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.path-row.four{grid-template-columns:repeat(4,1fr)}.path-row.five{grid-template-columns:repeat(5,1fr)}.path-link{border-radius:var(--radius);border:1px solid var(--line);background:#152226e0;padding:1.25rem;text-decoration:none;transition:transform .18s,border-color .18s;display:block}.path-link:hover{border-color:var(--flare);transform:translateY(-3px)}.path-link h3{margin-bottom:.35rem;font-size:1.2rem}.path-link p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.45}.cia-pills{flex-wrap:wrap;gap:.4rem;margin:.75rem 0;display:flex}.cia-pill{font-family:var(--mono);border:1px solid var(--line);border-radius:6px;padding:.25rem .5rem;font-size:.7rem}.cia-pill.c{color:var(--warn);border-color:#ff8b5f73}.cia-pill.i{color:var(--signal);border-color:#2dd4bf73}.cia-pill.a{color:var(--flare);border-color:#d8ff3e59}.fail-banner{color:#ffc2c8;background:#ff5d6c14;border:1px solid #ff5d6c59;border-radius:10px;margin:1rem 0;padding:.85rem 1rem}.ok-banner{color:#b6f5d3;background:#3dd68c14;border:1px solid #3dd68c59;border-radius:10px;margin:1rem 0;padding:.85rem 1rem}.fix-step{border:1px solid var(--line);background:#0f1a1d;border-radius:12px;margin-bottom:.75rem;padding:1rem}.fix-step.locked{opacity:.45;pointer-events:none}.form-step.done-good{border-color:#3dd68c80}.form-step.done-bad{border-color:#ff5d6c8c}.monitor-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1rem 0;display:grid}.monitor-tile{border:1px solid var(--line);background:#0f1a1d;border-radius:12px;padding:1rem}.monitor-tile .val{font-family:var(--display);margin:.35rem 0;font-size:2rem}.monitor-tile.fail .val{color:var(--danger)}.monitor-tile.pass .val{color:var(--ok)}.monitor-tile.warn .val{color:var(--warn)}main#main{padding-bottom:4.5rem}@media (width>=901px){main#main{padding-bottom:0}.mobile-nav{display:none}}@media (width<=900px){.model-grid,.stack-layout,.lesson-shell,.path-row,.path-row.four,.path-row.five,.monitor-grid{grid-template-columns:1fr}.lesson-nav{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;display:grid;position:static}.nav-links{display:none}.mobile-nav{display:flex}}.mobile-nav{z-index:40;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c1416f0;justify-content:space-around;gap:.2rem;padding:.5rem;position:sticky;bottom:0}.mobile-nav a{color:var(--ink-soft);border-radius:8px;padding:.4rem .35rem;font-size:.68rem;font-weight:600;text-decoration:none}.mobile-nav a.active{background:var(--flare);color:#0c1416}.guide-page{padding-bottom:4rem}.guide-hero{margin-bottom:1.75rem}.guide-title{font-family:var(--display);letter-spacing:-.04em;max-width:18ch;margin:.35rem 0 .75rem;font-size:clamp(2rem,4.5vw,3.1rem);font-weight:800;line-height:1.05}.guide-lede{max-width:62ch}.fw-strip{flex-wrap:wrap;gap:.45rem;margin-top:1.25rem;display:flex}.fw-chip{appearance:none;border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .75rem;font-size:.78rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.fw-chip:hover{color:var(--ink);border-color:#2dd4bf73}.fw-chip.active{background:var(--signal);border-color:var(--signal);color:#042f2e}.guide-shell{grid-template-columns:minmax(200px,240px) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.guide-rail{top:calc(var(--nav-h) + .75rem);max-height:calc(100dvh - var(--nav-h) - 1.5rem);padding-right:.25rem;position:sticky;overflow:auto}.rail-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 .75rem;font-size:.7rem}.rail-group{margin-bottom:1rem}.rail-cat{color:var(--flare);letter-spacing:.04em;margin:0 0 .35rem;font-size:.72rem;font-weight:700}.rail-item{text-align:left;appearance:none;width:100%;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;margin-bottom:.15rem;padding:.45rem .55rem;font-size:.86rem;font-weight:500;transition:background .15s,color .15s;display:block}.rail-item:hover{color:var(--ink);background:#2dd4bf14}.rail-item.active{color:var(--flare);background:#d8ff3e1f}.guide-stage{padding:1.35rem 1.5rem 1.6rem;animation:.35s both guide-in}@keyframes guide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.guide-head h3{font-family:var(--display);letter-spacing:-.03em;margin:.2rem 0 .5rem;font-size:clamp(1.45rem,3vw,2rem)}.step-meter{background:#e8f0ec14;border-radius:99px;height:3px;margin:1.1rem 0 .55rem;overflow:hidden}.step-meter-fill{background:var(--signal);border-radius:inherit;height:100%;transition:width .35s}.check-list{flex-direction:column;gap:.45rem;margin:.85rem 0 1.1rem;padding:0;list-style:none;display:flex}.check-item{color:var(--muted);border:1px solid #0000;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:.65rem .75rem;transition:background .2s,border-color .2s,color .2s;display:grid}.check-item.done{color:var(--ink-soft);opacity:.72}.check-item.now{color:var(--ink);background:#2dd4bf14;border-color:#2dd4bf59}.check-ix{font-family:var(--mono);color:var(--signal);padding-top:.15rem;font-size:.72rem}.guide-panels{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem;padding-top:1.1rem;display:grid}.flag-list{color:var(--ink-soft);margin:.4rem 0 0;padding-left:1.1rem;font-size:.9rem}.flag-list li{margin-bottom:.35rem}.mono-list code{font-family:var(--mono);color:var(--flare);font-size:.8rem}.cmd-block{margin-top:1.1rem}.cmd-block pre{border:1px solid var(--line);font-family:var(--mono);color:var(--signal);background:#0a1214;border-radius:10px;margin:.4rem 0 0;padding:.85rem 1rem;font-size:.78rem;overflow-x:auto}.practice-hint{color:var(--ink-soft);margin-top:1rem;font-size:.88rem}.lens-callout{border-left:3px solid var(--flare);background:#d8ff3e0d;border-radius:0 10px 10px 0;margin-top:1.25rem;padding:1rem 1.1rem}@media (width<=900px){.guide-shell{grid-template-columns:1fr}.guide-rail{gap:.75rem;max-height:none;padding-bottom:.5rem;display:flex;position:static;overflow-x:auto}.rail-label{display:none}.rail-group{flex:none;min-width:11rem;margin:0}.guide-panels,.theme-cards,.watch-shell{grid-template-columns:1fr}.watch-rail{gap:.5rem;display:flex;position:static;overflow-x:auto}.watch-rail .rail-label{display:none}.watch-rail .rail-item{white-space:nowrap;flex:none}}.theme-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.theme-card{appearance:none;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);cursor:pointer;color:var(--ink);padding:1rem;transition:border-color .2s,transform .2s}.theme-card:hover{border-color:var(--signal);transform:translateY(-2px)}.theme-card.active{border-color:var(--flare);box-shadow:inset 0 0 0 1px var(--flare)}.theme-card strong{font-family:var(--display);margin:.55rem 0 .25rem;display:block}.theme-card p{color:var(--ink-soft);margin:0;font-size:.86rem}.theme-swatch{border-radius:99px;height:10px;display:block}.theme-swatch[data-swatch=conmon]{background:linear-gradient(90deg,#2dd4bf,#d8ff3e)}.theme-swatch[data-swatch=voltage]{background:linear-gradient(90deg,#c8f542,#7dd3fc)}.theme-swatch[data-swatch=harbor]{background:linear-gradient(90deg,#5eead4,#fcd34d)}.watch-shell{grid-template-columns:minmax(180px,220px) minmax(0,1fr);align-items:start;gap:1.1rem;display:grid}.watch-rail{top:calc(var(--nav-h) + .75rem);position:sticky}.lab-pill{text-transform:uppercase;letter-spacing:.06em;color:#0c1416;background:var(--flare);vertical-align:middle;border-radius:4px;margin-left:.35rem;padding:.1rem .35rem;font-size:.65rem;font-weight:700;display:inline-block}.watch-stage{padding:1.1rem 1.2rem 1.35rem}.watch-meta h3{font-family:var(--display);letter-spacing:-.03em;margin:.15rem 0 .35rem;font-size:clamp(1.4rem,3vw,1.9rem)}.watch-caption{border-left:3px solid var(--signal);background:color-mix(in srgb, var(--signal) 8%, transparent);min-height:2.8em;color:var(--ink);border-radius:0 10px 10px 0;margin:.75rem 0 1rem;padding:.75rem .9rem;font-size:.95rem}.board-frame{border:1px solid var(--line);background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--ink) 12%, transparent) 1px, transparent 0) 0 0 / 18px 18px, var(--paper-2);border-radius:12px;min-height:320px;overflow:auto}.board-svg{width:100%;height:auto;min-height:320px;display:block}.board-svg.is-complete{animation:boardAmbient 2.4s var(--ease-in-out-strong) infinite alternate}.board-paper{fill:#0000}.board-edge{stroke:var(--ink-soft);stroke-width:1.5px;stroke-opacity:.28;marker-end:url(#arrowHead);transition:stroke-opacity var(--dur-ui) var(--ease-out), stroke-width var(--dur-ui) var(--ease-out)}.board-edge.lit{stroke:var(--signal);stroke-opacity:.55;stroke-width:1.85px;marker-end:url(#arrowHeadLit)}.board-edge.hot{stroke-opacity:.95;stroke-width:2.35px;animation:edgePulse calc(1.1s / var(--motion,1)) var(--ease-in-out-strong) infinite alternate}.board-node{opacity:.38;transform-box:fill-box;transform-origin:50%;transition:opacity var(--dur-ui) var(--ease-out), filter var(--dur-ui) var(--ease-out);transform:translateY(0)scale(1)}.board-svg.is-entering .board-node{animation:boardNodeIn calc(.38s / var(--motion,1)) var(--ease-out) both;animation-delay:var(--enter-delay,0s)}.board-svg.is-entering .board-node.seen{animation-name:boardNodeInSeen}.board-svg.is-entering .board-node.on{animation-name:boardNodeInOn}.board-node.seen{opacity:.78;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--signal) 18%, transparent))}.board-node.on{opacity:1;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--signal) 42%, transparent))}.board-svg.is-complete .board-node{opacity:1;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--signal) 28%, transparent))}.board-node.note{opacity:.5}.board-node.note.seen{opacity:.85}.board-node.note.on,.board-svg.is-complete .board-node.note{opacity:1}.board-label{font-family:var(--sans);fill:var(--ink);font-size:12px;font-weight:650}.board-node.note .board-label{fill:#1a1a12;font-size:11px;font-weight:600}.packet{filter:drop-shadow(0 0 6px var(--flare));opacity:.95}.board-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.9rem;display:flex}.board-controls .btn:active{transition:transform var(--dur-fast) var(--ease-out);transform:scale(.97)}@keyframes boardNodeIn{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:.38;transform:translateY(0)scale(1)}}@keyframes boardNodeInSeen{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:.78;transform:translateY(0)scale(1)}}@keyframes boardNodeInOn{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes boardAmbient{0%{filter:brightness()}to{filter:brightness(1.04)}}@keyframes edgePulse{0%{stroke-opacity:.55}to{stroke-opacity:1}}@media (prefers-reduced-motion:reduce){.board-svg.is-entering .board-node,.board-edge.hot,.board-svg.is-complete,.packet{animation:none!important}.board-node,.board-edge{transition:opacity .12s linear}}.board-controls input[type=range]{min-width:140px;accent-color:var(--signal);flex:1}html[data-theme=voltage] .hero-visual .flow{animation-duration:calc(4.5s / var(--motion));stroke:#c8f5428c}html[data-theme=harbor] .hero-visual .flow{animation-duration:calc(9s / var(--motion));stroke:#5eead473}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}