@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/exo-2-latin-wght-normal-CQ1lLIdm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Asap;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/asap-latin-wght-normal-C35zWjpn.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Exo 2", "Trebuchet MS", system-ui, sans-serif;--font-body:"Asap", "Segoe UI", system-ui, sans-serif;--font-code:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--neon-pink:#ff3aa7;--neon-blue:#22c9ff;--neon-lime:#a8ff2e;--wall:#efe8df;--brick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='270' height='60'%3E%3Crect width='270' height='60' fill='%23e3dad1'/%3E%3Cg fill='%23f2ede6'%3E%3Crect width='87' height='27'/%3E%3Crect x='135' y='30' width='87' height='27'/%3E%3C/g%3E%3Cg fill='%23ede6de'%3E%3Crect x='90' width='87' height='27'/%3E%3Crect x='-45' y='30' width='87' height='27'/%3E%3Crect x='225' y='30' width='87' height='27'/%3E%3C/g%3E%3Cg fill='%23f5f1eb'%3E%3Crect x='180' width='87' height='27'/%3E%3Crect x='45' y='30' width='87' height='27'/%3E%3C/g%3E%3C/svg%3E");--haze:radial-gradient(80rem 28rem at 50% -8rem, #ffffffd9, transparent 70%);--ink:#241a1c;--ink-2:#54474a;--line:#d3c8bd;--line-strong:#b4a69b;--board:#fffcf8f0;--board-2:#f7f2ec;--field:#fff;--field-line:#b4a69b;--pink:#b8125f;--blue:#075d86;--lime:#3f6b00;--fill-pink:#b8125f;--on-fill:#fff;--focus:#075d86;--shadow:0 1px 0 #fffc inset, 0 14px 30px -20px #46281e73;--tube-pink:#f5b9d7;--tube-blue:#b7e5f7;--tube-lime:#d6f2a6;--tube-edge:#5a283759;--tube-glow:0 1px 2px #3c1e1e40;--clip:#9aa0a6;--clip-hi:#f4f5f6;--cap-hi:#fff;--cap:#c8cdd2;--cap-lo:#7d848b;--title:#b8125f;--title-glow:0 1px 0 #ffffffe6, 0 3px 4px #5a1e3229;--h2-glow:none;--stage:#120a0c;--toast-bg:#241a1c;--toast-ink:#fff6fb;--halo:0;--brand-glow:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--wall:#170d10;--brick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='270' height='60'%3E%3Crect width='270' height='60' fill='%23110a0c'/%3E%3Cg fill='%231f1215'%3E%3Crect width='87' height='27'/%3E%3Crect x='135' y='30' width='87' height='27'/%3E%3C/g%3E%3Cg fill='%23231517'%3E%3Crect x='90' width='87' height='27'/%3E%3Crect x='-45' y='30' width='87' height='27'/%3E%3Crect x='225' y='30' width='87' height='27'/%3E%3C/g%3E%3Cg fill='%231b1013'%3E%3Crect x='180' width='87' height='27'/%3E%3Crect x='45' y='30' width='87' height='27'/%3E%3C/g%3E%3C/svg%3E");--haze:radial-gradient(70rem 26rem at 50% -7rem, #ff3aa729, transparent 70%), radial-gradient(40rem 24rem at 100% 26rem, #22c9ff12, transparent 70%);--ink:#f6ede8;--ink-2:#cdbdb7;--line:#ffe8e021;--line-strong:#ffe8e047;--board:#0e080adb;--board-2:#1d1215;--field:#0e0809;--field-line:#ffe8e04d;--pink:#ff5cb5;--blue:#5cd4ff;--lime:#b9ff4f;--fill-pink:#ff3aa7;--on-fill:#2b0516;--focus:#b9ff4f;--shadow:0 1px 0 #ffffff0d inset, 0 18px 40px -22px #000;--tube-pink:#ff3aa7;--tube-blue:#22c9ff;--tube-lime:#a8ff2e;--tube-edge:#ffffff59;--tube-glow:0 0 4px var(--tc), 0 0 12px var(--tc), 0 0 26px color-mix(in srgb, var(--tc) 55%, transparent);--clip:#6d7379;--clip-hi:#c9ced3;--cap-hi:#eef1f3;--cap:#9ba3ab;--cap-lo:#3a3f45;--title:#fff0f8;--title-glow:0 0 2px #fff, 0 0 10px #ff3aa7, 0 0 24px #ff3aa7, 0 0 48px #ff3aa78c;--h2-glow:0 0 12px #22c9ff73;--stage:#0d0708;--toast-bg:#0e0809;--toast-ink:#fff0f8;--halo:.3;--brand-glow:0 0 2px #fff9, 0 0 12px #ff3aa7, 0 0 26px #ff3aa799}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--wall:#170d10;--brick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='270' height='60'%3E%3Crect width='270' height='60' fill='%23110a0c'/%3E%3Cg fill='%231f1215'%3E%3Crect width='87' height='27'/%3E%3Crect x='135' y='30' width='87' height='27'/%3E%3C/g%3E%3Cg fill='%23231517'%3E%3Crect x='90' width='87' height='27'/%3E%3Crect x='-45' y='30' width='87' height='27'/%3E%3Crect x='225' y='30' width='87' height='27'/%3E%3C/g%3E%3Cg fill='%231b1013'%3E%3Crect x='180' width='87' height='27'/%3E%3Crect x='45' y='30' width='87' height='27'/%3E%3C/g%3E%3C/svg%3E");--haze:radial-gradient(70rem 26rem at 50% -7rem, #ff3aa729, transparent 70%), radial-gradient(40rem 24rem at 100% 26rem, #22c9ff12, transparent 70%);--ink:#f6ede8;--ink-2:#cdbdb7;--line:#ffe8e021;--line-strong:#ffe8e047;--board:#0e080adb;--board-2:#1d1215;--field:#0e0809;--field-line:#ffe8e04d;--pink:#ff5cb5;--blue:#5cd4ff;--lime:#b9ff4f;--fill-pink:#ff3aa7;--on-fill:#2b0516;--focus:#b9ff4f;--shadow:0 1px 0 #ffffff0d inset, 0 18px 40px -22px #000;--tube-pink:#ff3aa7;--tube-blue:#22c9ff;--tube-lime:#a8ff2e;--tube-edge:#ffffff59;--tube-glow:0 0 4px var(--tc), 0 0 12px var(--tc), 0 0 26px color-mix(in srgb, var(--tc) 55%, transparent);--clip:#6d7379;--clip-hi:#c9ced3;--cap-hi:#eef1f3;--cap:#9ba3ab;--cap-lo:#3a3f45;--title:#fff0f8;--title-glow:0 0 2px #fff, 0 0 10px #ff3aa7, 0 0 24px #ff3aa7, 0 0 48px #ff3aa78c;--h2-glow:0 0 12px #22c9ff73;--stage:#0d0708;--toast-bg:#0e0809;--toast-ink:#fff0f8;--halo:.3;--brand-glow:0 0 2px #fff9, 0 0 12px #ff3aa7, 0 0 26px #ff3aa799}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px}body{background-color:var(--wall);background-image:var(--haze), var(--brick);min-height:100vh;color:var(--ink);font:400 1.0625rem/1.6 var(--font-body);background-size:auto,270px 60px;margin:0;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0 0 .5em;line-height:1.15}h2{font-size:clamp(1.4rem,1.1rem + 1.2vw,1.85rem);font-weight:700}h3{font-size:1.15rem;font-weight:700}p{margin:0 0 1em}a{color:var(--blue);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}::selection{background:var(--neon-pink);color:#1a0610}img,svg,canvas{max-width:100%;display:block}code,pre,kbd{font-family:var(--font-code);font-size:.9em}.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:16px}@media (width>=720px){.wrap{padding-inline:28px}}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.offscreen{opacity:0;position:fixed;top:0;left:-9999px}.skip-link{z-index:100;background:var(--fill-pink);color:var(--on-fill);border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}[hidden]{display:none!important}.tube{--tc:var(--tube-pink);background:var(--tc);height:6px;box-shadow:var(--tube-glow), inset 0 0 0 1px var(--tube-edge);border-radius:3px;display:block;position:relative}.tube--blue{--tc:var(--tube-blue)}.tube--lime{--tc:var(--tube-lime)}.tube:before,.tube:after{content:"";background:linear-gradient(90deg, var(--clip), var(--clip-hi) 45%, var(--clip));border-radius:2px;width:7px;height:14px;position:absolute;top:-4px;box-shadow:0 1px 2px #00000059}.tube:before{left:16%}.tube:after{right:16%}.board{background:var(--board);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;position:relative}.standoffs:after{content:"";pointer-events:none;border-radius:inherit;--cap-shape:var(--cap-hi) 0 1.5px, var(--cap) 2.5px 5px, var(--cap-lo) 5.5px 6.5px, transparent 7px;background:radial-gradient(circle at 14px 14px, var(--cap-shape)), radial-gradient(circle at calc(100% - 14px) 14px, var(--cap-shape)), radial-gradient(circle at 14px calc(100% - 14px), var(--cap-shape)), radial-gradient(circle at calc(100% - 14px) calc(100% - 14px), var(--cap-shape));position:absolute;inset:0}.masthead{padding-top:14px}.masthead__bar{flex-wrap:wrap;align-items:center;gap:12px 20px;min-height:56px;display:flex}.brand{color:var(--ink);border-radius:12px;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.mark{flex:none;width:46px;height:46px}.mark__board{fill:var(--board-2);stroke:var(--line-strong);stroke-width:1.5px}.mark__tube path{fill:none;stroke-linecap:round;stroke-linejoin:round}.mark__tube--pink{--tc:var(--tube-pink)}.mark__tube--blue{--tc:var(--tube-blue)}.mark__halo{stroke:var(--tc);stroke-width:10px;opacity:var(--halo)}.mark__glass{stroke:var(--tc);stroke-width:5.5px}.mark__core{stroke:#ffffffd9;stroke-width:1.6px}.mark__caps{fill:var(--cap)}.brand__name{font:800 1.45rem/1 var(--font-display);letter-spacing:.01em;white-space:nowrap}.brand__neon{color:var(--pink);text-shadow:var(--brand-glow)}.masthead__tag{color:var(--ink-2);margin:0;font-size:.95rem}.switchplate{border:1px solid var(--line-strong);background:radial-gradient(circle at 9px 50%, var(--cap) 0 2px, var(--cap-lo) 2.5px 3px, transparent 3.5px), linear-gradient(var(--board-2), var(--board-2));min-width:104px;min-height:44px;color:var(--ink);font:600 .9rem/1 var(--font-display);cursor:pointer;box-shadow:var(--shadow);border-radius:9px;align-items:center;gap:10px;margin-left:auto;padding:0 16px 0 22px;display:inline-flex}.switchplate__rocker{background:var(--field);border:1px solid var(--line-strong);border-radius:4px;width:14px;height:22px;position:relative}.switchplate__rocker:after{content:"";background:var(--ink-2);border-radius:2px;height:8px;position:absolute;top:6px;left:2px;right:2px}.switchplate[data-mode=light] .switchplate__rocker:after{background:var(--neon-lime);top:2px}.switchplate[data-mode=dark] .switchplate__rocker:after{background:var(--neon-pink);box-shadow:0 0 6px var(--neon-pink);top:10px}.tt{display:none}.switchplate:not([data-mode]) .tt--system,.switchplate[data-mode=system] .tt--system,.switchplate[data-mode=light] .tt--light,.switchplate[data-mode=dark] .tt--dark{display:inline}.site-nav{border-block:1px solid var(--line);background:color-mix(in srgb, var(--board) 70%, transparent);margin-top:10px}.site-nav ul{scrollbar-width:none;gap:4px;margin:0;padding:6px 0;list-style:none;display:flex;overflow-x:auto}.site-nav ul::-webkit-scrollbar{display:none}.site-nav a{min-height:42px;color:var(--ink-2);font:600 .95rem/1 var(--font-display);white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:0 14px;text-decoration:none;display:inline-flex}.site-nav a:hover{color:var(--ink);background:var(--board-2)}.nav-tube{--tc:var(--tube-pink);background:var(--line-strong);border-radius:3px;width:16px;height:5px}.nav-tube--blue{--tc:var(--tube-blue)}.nav-tube--lime{--tc:var(--tube-lime)}.site-nav a:hover .nav-tube,.site-nav a[aria-current=page] .nav-tube{background:var(--tc);box-shadow:var(--tube-glow), inset 0 0 0 1px var(--tube-edge)}.site-nav a[aria-current=page]{color:var(--ink);background:var(--board-2);box-shadow:inset 0 0 0 1px var(--line-strong)}@media (width<=640px){.masthead__tag{display:none}.brand__name{font-size:1.25rem}.mark{width:40px;height:40px}.switchplate{min-width:0;padding:0 12px 0 20px}}.hero{padding-block:26px 10px}.crumb{font:600 .85rem/1.4 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0 0 6px}.crumb a{color:inherit}.sign-title{letter-spacing:.01em;color:var(--title);text-shadow:var(--title-glow);margin:0 0 8px;font-size:clamp(2rem,1.3rem + 3vw,3.3rem);font-weight:700}.lead{max-width:68ch;color:var(--ink-2);margin:0;font-size:1.12rem}.section{padding-block:40px 8px}.section-head{max-width:70ch;margin-bottom:18px}.section-head h2{text-shadow:var(--h2-glow);margin-bottom:10px}.section-head .tube{width:120px;margin:8px 0 14px 4px}.section-head p{color:var(--ink-2);margin:0}.field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.field>label:not(.switch),.field>legend,.label{font:700 .82rem/1.3 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding:0}.field>legend{margin-bottom:6px}.hint{font:400 .85rem/1.45 var(--font-body);letter-spacing:0;text-transform:none;color:var(--ink-2)}.input,select.input,textarea.input{border:1px solid var(--field-line);background:var(--field);width:100%;min-height:44px;color:var(--ink);font:500 1rem/1.4 var(--font-body);border-radius:10px;padding:9px 12px}textarea.input{resize:vertical;min-height:76px}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-2) 50%), linear-gradient(135deg, var(--ink-2) 50%, transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.input:focus-visible{border-color:var(--focus)}input:disabled{opacity:.45;cursor:not-allowed}input[type=color]{border:1px solid var(--field-line);background:var(--field);cursor:pointer;border-radius:10px;width:44px;height:44px;padding:3px}.row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.stack{gap:16px;display:grid}input[type=range]{--fill:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:32px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--fill-pink) 0 var(--fill), var(--line-strong) var(--fill) 100%);border-radius:3px;height:6px}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--fill-pink) 0 var(--fill), var(--line-strong) var(--fill) 100%);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 32%,#fff,#c9ced3 45%,#6f767d);border:1px solid #0006;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 1px 3px #0006}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 32%,#fff,#c9ced3 45%,#6f767d);border:1px solid #0006;border-radius:50%;width:20px;height:20px}.range-row{align-items:center;gap:12px;display:flex}.range-row input{flex:1}.range-row output{text-align:right;min-width:3.4em;font:700 .95rem/1 var(--font-display);font-variant-numeric:tabular-nums}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips input,.swatches input,.seg input,.switch input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.chip{border:1px solid var(--field-line);background:var(--field);min-height:42px;color:var(--ink);font:500 1rem/1 var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}.chip small{color:var(--ink-2);margin-left:6px;font-size:.78rem}input:checked+.chip{border-color:var(--fill-pink);box-shadow:inset 0 0 0 1px var(--fill-pink), 0 0 12px -2px color-mix(in srgb, var(--neon-pink) 60%, transparent);background:var(--board-2)}input:focus-visible+.chip,input:focus-visible+.swatch,input:focus-visible+label,.switch input:focus-visible+.switch__track{outline:3px solid var(--focus);outline-offset:2px}.seg{border:1px solid var(--field-line);background:var(--field);border-radius:999px;flex-wrap:wrap;gap:4px;width:max-content;max-width:100%;padding:4px;display:flex}.seg label{min-height:38px;font:600 .92rem/1 var(--font-display);color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.seg input:checked+label{background:var(--fill-pink);color:var(--on-fill)}.seg input:disabled+label{opacity:.45;cursor:not-allowed}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{--sw:#ff3aa7;border:1px solid var(--field-line);background:var(--field);cursor:pointer;border-radius:50%;place-items:center;width:42px;height:42px;display:inline-grid;position:relative}.swatch:before{content:"";background:var(--sw);width:22px;height:22px;box-shadow:0 0 0 1px #00000040 inset, 0 0 10px -1px var(--sw);border-radius:50%}input:checked+.swatch{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset}.sw-pink{--sw:#ff3aa7}.sw-blue{--sw:#22c9ff}.sw-lime{--sw:#a8ff2e}.sw-red{--sw:#ff3b3b}.sw-orange{--sw:#ff8a1f}.sw-yellow{--sw:#ffe53d}.sw-violet{--sw:#b45cff}.sw-ice{--sw:#e6f6ff}.sw-warm{--sw:#fff0d4}.sw-led-red{--sw:#ff2a1f}.sw-led-amber{--sw:#ffb000}.sw-led-green{--sw:#35ff5c}.sw-led-blue{--sw:#2f8bff}.sw-led-pink{--sw:#ff3aa7}.sw-led-white{--sw:#f2f7ff}.sw-led-rainbow{--sw:conic-gradient(#ff2a1f, #ffb000, #35ff5c, #22c9ff, #2f8bff, #b45cff, #ff3aa7, #ff2a1f)}.swatch--custom{width:auto;font:600 .85rem/1 var(--font-display);color:var(--ink-2);border-radius:999px;grid-auto-flow:column;gap:6px;padding:0 10px 0 4px}.swatch--custom:before{display:none}.swatch--custom input[type=color]{opacity:1;pointer-events:auto;border-radius:50%;width:32px;height:32px;padding:2px;position:static}.switch{cursor:pointer;align-items:center;gap:10px;min-height:42px;font-weight:500;display:inline-flex}.switch__track{border:1px solid var(--field-line);background:var(--field);border-radius:999px;flex:none;width:48px;height:26px;position:relative}.switch__track:after{content:"";background:radial-gradient(circle at 35% 32%,#fff,#c9ced3 45%,#6f767d);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+.switch__track{background:var(--fill-pink);border-color:var(--fill-pink)}.switch input:checked+.switch__track:after{transform:translate(22px)}.switch input:disabled+.switch__track,.switch input:disabled~span{opacity:.5}.btn{border:2px solid var(--line-strong);background:var(--field);min-height:44px;color:var(--ink);font:700 .95rem/1 var(--font-display);letter-spacing:.02em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:inline-flex}.btn:hover{border-color:var(--blue);box-shadow:0 0 14px -4px var(--neon-blue)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn--lit{border-color:var(--fill-pink);background:var(--fill-pink);color:var(--on-fill);box-shadow:0 0 16px -4px var(--neon-pink)}.btn--lit:hover{border-color:var(--fill-pink);box-shadow:0 0 22px -2px var(--neon-pink)}.btn--big{min-height:52px;padding:0 24px;font-size:1.05rem}@media (width<=480px){.btn--big{min-height:48px;padding:0 16px;font-size:.98rem}.led-actions{flex-wrap:nowrap}}.btn .icon{flex:none;width:18px;height:18px}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.icon{flex:none;width:20px;height:20px}.status{min-height:1.5em;color:var(--ink-2);margin:0;font-size:.95rem}.tool{padding-block:16px 8px}.workbench{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}.workbench>*{min-width:0}@media (width>=900px){.workbench{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}.workbench>.stage-board,.workbench>.output-board{grid-column:1}.workbench>.controls{grid-area:1/2/span 2}}@media (width<=899px) and (orientation:portrait) and (height>=560px){.stage-board--sticky{z-index:5;background:var(--board-2);position:sticky;top:0}}.stage-board:has(.is-full){z-index:1000}.output-board{padding:18px 20px}.output-board>.export:first-child,.output-board>.actions:first-child{margin-top:0}.output-board .code{margin-top:12px}.controls{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px;display:grid}.controls>*,.stack>*{min-width:0}.stage-board{padding:24px}@media (width<=480px){.stage-board{padding:22px 14px 18px}}.stage{background:var(--stage);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 10px 30px #00000080}.stage-meta{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin:10px 2px 0;font-size:.9rem;display:flex}.sign-stage{aspect-ratio:16/10;background-color:#120a0c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='174' height='86'%3E%3Crect width='174' height='86' fill='%23130b0c'/%3E%3Cg fill='%23281618'%3E%3Crect width='83' height='39'/%3E%3Crect x='-43.5' y='43' width='83' height='39'/%3E%3Crect x='130.5' y='43' width='83' height='39'/%3E%3C/g%3E%3Cg fill='%232d181a'%3E%3Crect x='87' width='83' height='39'/%3E%3Crect x='43.5' y='43' width='83' height='39'/%3E%3C/g%3E%3C/svg%3E");background-size:116px 57px}.sign-stage:after{content:"";pointer-events:none;background:radial-gradient(#0000 30%,#0000008c);position:absolute;inset:0}.sign-stage[data-backdrop=black]{background:#0b0709}.sign-stage[data-backdrop=transparent]{background:repeating-conic-gradient(#2b2528 0 25%, #1c1719 0 50%) 0 0 / 20px 20px}.sign-stage[data-backdrop=black]:after,.sign-stage[data-backdrop=transparent]:after{display:none}.sign-stage svg{z-index:1;width:100%;height:100%;position:absolute;inset:0}.font-chip{font-size:1.05rem}.code-drawer{margin-top:16px}.code-drawer summary{min-height:44px;font:700 .95rem/1 var(--font-display);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.code{border:1px solid var(--line);background:var(--field);max-height:340px;color:var(--ink);white-space:pre;tab-size:2;border-radius:12px;margin:8px 0 0;padding:16px;font-size:.85rem;line-height:1.55;overflow:auto}.export{flex-wrap:wrap;align-items:end;gap:10px;margin-top:18px;display:flex}.export+.status{margin-top:10px}.export .field{width:150px}.led-stage{aspect-ratio:3;touch-action:manipulation;background:#000}@media (width<=640px){.led-stage{aspect-ratio:2}}.led-stage canvas{width:100%;height:100%;position:absolute;inset:0}.led-stage.is-full,.show.is-full{z-index:1000;aspect-ratio:auto;border-radius:0;width:100vw;height:100dvh;position:fixed;inset:0}.hud{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:2;background:#0a0608d1;border:1px solid #ffffff2e;border-radius:999px;gap:8px;padding:8px;display:none;position:absolute;transform:translate(-50%)}.is-full .hud{display:flex}.hud.is-hidden{opacity:0}.hud .btn{color:#fff;background:0 0;border-color:#ffffff59}.hud .btn--lit{color:#2b0516;background:#ff3aa7;border-color:#ff3aa7}.rotate-hint{top:max(16px, env(safe-area-inset-top));z-index:2;color:#fff;font:600 .95rem/1.3 var(--font-display);text-align:center;background:#0a0608d9;border:1px solid #fff3;border-radius:999px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;display:none;position:absolute;left:50%;transform:translate(-50%)}.is-full .rotate-hint.is-on{display:inline-flex}.show{--show-ink:#fff;--show-bg:#000;aspect-ratio:16/9;background:var(--show-bg);color:var(--show-ink);contain:layout paint}.show.is-inverted{background:var(--show-ink);color:var(--show-bg)}.show__text{text-align:center;white-space:nowrap;line-height:1.1;font-family:var(--font-display);margin:0;padding:0;font-weight:900}.show__text span{display:block}.show.is-glow .show__text{text-shadow:0 0 .04em currentColor, 0 0 .12em color-mix(in srgb, currentColor 70%, transparent)}.show.is-pulse .show__text{animation:2.4s ease-in-out infinite show-pulse}@keyframes show-pulse{50%{opacity:.55}}.show:not(.is-full) .hud{display:none}.warning{background:color-mix(in srgb, #fc3 18%, var(--board));color:var(--ink);border:2px solid #c98a00;border-radius:12px;grid-template-columns:auto 1fr;gap:4px 12px;padding:14px 16px;display:grid}.warning .icon{color:#c98a00;margin-top:2px}.warning p{margin:0}.pairs{flex-wrap:wrap;gap:8px;display:flex}.pair{--a:#fff;--b:#000;border:1px solid var(--field-line);background:var(--b);min-width:56px;min-height:42px;color:var(--a);font:900 1.05rem/1 var(--font-display);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}input:checked+.pair{outline:3px solid var(--fill-pink);outline-offset:2px}.pair--wb{--a:#fff;--b:#000}.pair--by{--a:#111;--b:#ffe53d}.pair--pb{--a:#ff3aa7;--b:#000}.pair--lb{--a:#a8ff2e;--b:#000}.pair--cb{--a:#22c9ff;--b:#000}.pair--yp{--a:#ffe53d;--b:#6a1bd1}.pair--bw{--a:#000;--b:#fff}.pair--custom{--a:var(--ink);--b:var(--field);font:600 .85rem/1 var(--font-display)}.glow-stage{background:#140c0e;min-height:240px;padding:28px 20px}@media (width<=899px){.glow-stage{min-height:180px;padding:18px 14px}}.glow-stage[data-bg=brick]{background-color:#170d10;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='174' height='86'%3E%3Crect width='174' height='86' fill='%23130b0c'/%3E%3Cg fill='%23281618'%3E%3Crect width='83' height='39'/%3E%3Crect x='-43.5' y='43' width='83' height='39'/%3E%3Crect x='130.5' y='43' width='83' height='39'/%3E%3C/g%3E%3Cg fill='%232d181a'%3E%3Crect x='87' width='83' height='39'/%3E%3Crect x='43.5' y='43' width='83' height='39'/%3E%3C/g%3E%3C/svg%3E");background-size:116px 57px}.glow-text{text-align:center;overflow-wrap:anywhere;color:#fff0f8;text-shadow:0 0 1.8px #ffffffe6,0 0 4.2px #ffffff80,0 0 4.6px #ff3aa7e6,0 0 13.8px #ff3aa7cc,0 0 26.5px #ff3aa7b3,0 0 42px #ff3aa799,0 0 60px #ff3aa780;max-width:100%;margin:0;font:400 min(72px,15vw)/1.2 Tilt Neon,sans-serif}.glow-text.is-flicker{animation:4.2s linear infinite glow-flicker}.glow-text.is-pulse{animation:3s ease-in-out infinite glow-pulse}@keyframes glow-flicker{0%,18%,20%,22%,54%,56%,to{opacity:1}19%,21%{opacity:.55}55%{opacity:.7}}@keyframes glow-pulse{50%{opacity:.72}}.contrast{align-items:center;gap:8px;font-weight:600;display:inline-flex}.badge{font:700 .78rem/1.3 var(--font-display);letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:3px 9px;display:inline-block}.badge--ok{color:var(--lime)}.badge--warn{color:var(--pink)}.layers{border-collapse:collapse;width:100%;font-size:.95rem}.layers th,.layers td{text-align:left;border-bottom:1px solid var(--line);padding:6px 4px}.layers th{font:700 .75rem/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.layers input[type=number]{width:5.2em;min-height:40px;padding:6px 8px}.layers input[type=color]{width:40px;height:40px}.table-scroll{position:relative;overflow-x:auto}.icon-btn{border:1px solid var(--field-line);background:var(--field);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{border-color:var(--blue)}details.panel-drawer>summary{min-height:44px;font:700 .95rem/1 var(--font-display);cursor:pointer;align-items:center;gap:8px;display:flex}.content{padding-block:36px 0}.prose{max-width:72ch}.prose h2{text-shadow:var(--h2-glow);margin-top:1.4em;font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem)}.prose h2:first-child{margin-top:0}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin-bottom:.4em}.callout{border:1px solid var(--line);border-left:6px solid var(--tube-blue);background:var(--board);border-radius:14px;grid-template-columns:auto 1fr;gap:4px 14px;margin:22px 0;padding:16px 18px;display:grid}.callout .icon{color:var(--blue);margin-top:3px}.callout p{margin:0}.sources{color:var(--ink-2);font-size:.92rem}.tool-grid,.recs{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.tool-card{height:100%;color:var(--ink);gap:10px;padding:18px 20px 20px;text-decoration:none;transition:box-shadow .2s,border-color .2s;display:grid}.tool-card .tube{margin:4px 6px 8px}.tool-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow), 0 0 24px -10px var(--neon-blue)}.tool-card__name{font:700 1.2rem/1.2 var(--font-display);color:var(--ink);align-items:center;gap:10px;display:flex}.tool-card__name .icon{color:var(--pink)}.tool-card__desc{color:var(--ink-2)}.tool-card__go{color:var(--blue);font:700 .92rem/1 var(--font-display)}.rec{align-content:start;gap:10px;padding:20px 22px 22px;display:grid}.rec h3{margin:0;font-size:1.3rem}.rec .kind{font:700 .8rem/1.3 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0}.rec p{margin:0}.rec .btn{justify-self:start;margin-top:6px}.faq{gap:10px;max-width:860px;display:grid}.faq details{border:1px solid var(--line);background:var(--board);border-radius:14px}.faq summary{min-height:52px;font:700 1.05rem/1.35 var(--font-display);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{color:var(--pink);transition:transform .2s}.faq details[open] summary .icon{transform:rotate(45deg)}.faq details>div{color:var(--ink-2);padding:0 18px 6px}.site-footer{border-top:1px solid var(--line);background:color-mix(in srgb, var(--board) 80%, transparent);margin-top:64px;padding-bottom:28px}.footer-rail{max-width:1180px;margin:-4px auto 0;padding-inline:16px}.footer-rail .tube{width:min(420px,70%);margin-inline:auto}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;padding-top:34px;display:grid}.footer-col h2{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0 0 12px;font-size:.95rem}.footer-col ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.footer-col a{color:var(--ink);padding:7px 0;font-weight:600;display:inline-block}.footer-col a:hover{color:var(--blue)}.sister-list li{display:grid}.sister-list .desc{color:var(--ink-2);margin-top:-4px;font-size:.88rem}.footer-about .brand{padding:0}.footer-about p{color:var(--ink-2);margin-top:12px;font-size:.95rem}.brand--footer .mark{width:38px;height:38px}.brand--footer .brand__name{font-size:1.2rem}.footer-bottom{border-top:1px solid var(--line);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-top:28px;padding-top:16px;font-size:.92rem;display:flex}.footer-bottom p{margin:0}.footer-bottom ul{gap:6px 18px;margin:0;padding:0;list-style:none;display:flex}.footer-bottom a{color:var(--ink-2);padding:8px 0;display:inline-block}.toast-region{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:2000;pointer-events:none;position:fixed;transform:translate(-50%)}.toast{border:2px solid var(--neon-pink);background:var(--toast-bg);color:var(--toast-ink);font:700 .95rem/1.2 var(--font-display);box-shadow:0 0 18px -4px var(--neon-pink);opacity:0;border-radius:999px;padding:11px 20px;transition:opacity .2s,transform .2s;transform:translateY(8px)}.toast.is-visible{opacity:1;transform:none}.lost{align-items:center;gap:24px;padding-block:34px 10px;display:grid}@media (width>=860px){.lost{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.lost__sign{background:#120a0c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='174' height='86'%3E%3Crect width='174' height='86' fill='%23130b0c'/%3E%3Cg fill='%23281618'%3E%3Crect width='83' height='39'/%3E%3Crect x='-43.5' y='43' width='83' height='39'/%3E%3Crect x='130.5' y='43' width='83' height='39'/%3E%3C/g%3E%3Cg fill='%232d181a'%3E%3Crect x='87' width='83' height='39'/%3E%3Crect x='43.5' y='43' width='83' height='39'/%3E%3C/g%3E%3C/svg%3E") 0 0/116px 57px;border-radius:16px;place-items:center;padding:40px 20px;display:grid}.lost__digits{font:700 clamp(5rem, 3rem + 10vw, 9rem)/1 var(--font-display);gap:.08em;margin:0;display:flex}.lost__digits span{color:#ffe9f5;text-shadow:0 0 2px #fff,0 0 10px #ff3aa7,0 0 26px #ff3aa7,0 0 60px #ff3aa799}.lost__digits .is-dead{color:#4a2a33;text-shadow:0 1px #ffffff14}.lost__note{color:#cdbdb7;font:600 1rem/1.3 var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:10px 0 0}.link-list{gap:8px;padding:0;list-style:none;display:grid}.link-list a{padding:7px 0;font-weight:600;display:inline-block}.page{padding-block:26px 0}.page .prose{margin-top:18px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}