.ui{--bg: #2c2522;--side: #2a2320;--card: #342c29;--raise: #3d3431;--line: #463c38;--text: #ece6e0;--mute: #9d938c;--faint: #6f6560;--code: #b1b9f9;--ok: #4eba65;--red: #ff6b80;--blue: #64a0f0;--yellow: #dcbe5a;--claude: #e3784f;--amber: #f2a03d;--mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;position:absolute;left:0;top:0;transform-origin:0 0;display:flex;overflow:hidden;background:var(--bg);color:var(--text);font:13px/1.35 var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;pointer-events:none}.ui:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,#ffffff12,#fff0 38%)}.ui svg.i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.ui .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;min-width:30px;padding:0 8px;border-radius:7px;background:var(--card);color:var(--text);box-shadow:inset 0 0 0 1px #ffffff0a,0 1px 2px #0000004d}.ui .btn.flat{background:transparent;box-shadow:none;color:var(--mute)}.ui .btn.off{color:var(--faint)}.ui .crab{width:15px;height:10px;flex:none}.side{width:var(--side-w);flex:none;display:flex;flex-direction:column;background:var(--side);border-right:1px solid #221c1a}.side-top{display:flex;gap:6px;padding:10px 8px 8px}.filter{flex:1;display:flex;align-items:center;gap:8px;height:30px;padding:0 9px;border-radius:7px;background:#241e1c;color:var(--faint);box-shadow:inset 0 0 0 1px #3a312d;white-space:nowrap;overflow:hidden}.filter kbd{margin-left:auto;font:11px var(--sans);padding:0 5px;border-radius:4px;background:#3a312d;color:var(--mute)}.groups{flex:1;overflow:hidden;padding:0 6px}.group{margin:4px 0 10px;padding:0 0 6px;border-radius:9px;background:var(--card)}.group-head{display:flex;align-items:center;gap:6px;padding:8px 10px 6px;font-weight:600;color:var(--gc)}.group-head small{margin-left:auto;font-weight:400;color:var(--mute);font-size:11px}.group-head .chev{width:12px;height:12px;color:var(--mute)}.row{position:relative;display:grid;grid-template-columns:22px 16px 1fr auto;column-gap:3px;align-items:center;margin:2px 4px;padding:6px 8px 6px 14px;border-radius:7px}.row:before{content:"";position:absolute;left:6px;top:7px;bottom:7px;width:3px;border-radius:2px;background:var(--bar)}.row.on{background:#5b3e38}.row.on.busy:before{background:repeating-linear-gradient(180deg,var(--amber) 0 4px,transparent 4px 7px);animation:crawl .6s linear infinite}@keyframes crawl{to{background-position:0 7px}}.row .n{color:var(--faint);font-size:11px;text-align:right;padding-right:3px}.row .k{color:var(--mute);display:flex}.row .k svg{width:12px;height:12px}.row .t{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .p{color:var(--mute);font-size:11px}.row .s{grid-column:3 / 5;display:flex;gap:8px;color:var(--mute);font-size:11.5px;white-space:nowrap;overflow:hidden}.row .s span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis}.row .s .cl{color:var(--claude)}.row .bar{grid-column:3 / 5;height:2px;margin:3px 0 2px;background:#4a3f3b;border-radius:1px}.row .bar i{display:block;height:100%;width:var(--pc);background:#cbbfb6;border-radius:1px;transition:width .6s}.side-foot{display:flex;justify-content:space-around;padding:10px 6px;color:var(--mute);border-top:1px solid #221c1a}.side-foot .amber{color:var(--amber)}.side-foot.big{justify-content:space-between;padding:10px 12px 14px;font-size:11px}.side-foot.big div{display:flex;flex-direction:column;align-items:center;gap:5px}.side-foot.big b{display:flex;align-items:center;justify-content:center;gap:2px;height:34px;min-width:34px;padding:0 8px;border-radius:17px;background:var(--card);font-weight:400}.main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.head{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#2f2825;border-bottom:1px solid #221c1a}.stripe{width:4px;height:38px;border-radius:2px;background:#c9c06c;flex:none}.titles{min-width:0;display:flex;flex-direction:column;gap:3px}.title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;white-space:nowrap}.title .btn{height:26px;font-size:12px;font-weight:600}.sub{display:flex;gap:7px;color:var(--mute);font-size:11.5px;white-space:nowrap;overflow:hidden}.sub .cl{color:var(--amber)}.sub i{font-style:normal;color:var(--faint)}.head .right{margin-left:auto;display:flex;gap:6px}.seg{display:flex;padding:2px;border-radius:8px;background:#252020}.seg .btn{background:transparent;box-shadow:none;color:var(--mute)}.seg .btn.sel{background:var(--raise);color:var(--text)}.term{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 16px 10px;font:var(--fs) / var(--lh) var(--mono)}.scroll{flex:1;min-height:0;position:relative;overflow:hidden}.lines{position:absolute;left:0;right:0;top:0}.hist>div,.live>div,.alt>div{height:var(--lh);white-space:pre;overflow:hidden}.alt{position:absolute;inset:0;background:var(--bg)}.caret{background:var(--text);color:var(--bg)}.caret.blink{animation:blink 1s steps(1) infinite}.caret.off{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px var(--text)}@keyframes blink{50%{background:transparent;color:inherit}}.g{color:var(--mute)}.c{color:var(--code)}.w{color:#fff}.b{font-weight:700}.ok{color:var(--ok)}.r{color:var(--red)}.bl{color:var(--blue)}.y{color:var(--yellow)}.add{background:#23402a;color:#cfe9d2}.del{background:#4b232a;color:#f1cdd2}.you{background:#3b3330;color:#d9d2cc}.cl{color:var(--claude)}.pu{color:#8ae234;font-weight:700}.pp,.ld{color:#729fcf;font-weight:700}.lx{color:#8ae234;font-weight:700}.ll{color:#34e2e2;font-weight:700}.lz{color:#ef2929;font-weight:700}.li,.lso{color:#ad7fa8;font-weight:700}.ly{color:#fce94f;font-weight:700}.lt{color:#2c2522;background:#4e9a06}.gm{color:#ef2929;font-weight:700}.gf{color:#ad7fa8}.gs{color:#34e2e2}.inv{background:var(--text);color:var(--bg)}.okb{color:var(--ok);font-weight:700}.nf{color:#e95420;font-weight:700}.hc{color:#34e2e2}.hg{background:#4e9a06;color:#111}.hs{background:#34e2e2;color:#111}.hk{background:#34a0a4;color:#111}.mx0{color:#eaffea;font-weight:700}.mx1{color:#5cff7a}.mx2{color:#1f8f3a}.c0{background:#2e3436}.c1{background:#c00}.c2{background:#4e9a06}.c3{background:#c4a000}.c4{background:#3465a4}.c5{background:#75507b}.c6{background:#06989a}.c7{background:#d3d7cf}.rail{position:absolute;right:12px;top:64px;display:flex;flex-direction:column;gap:14px;align-items:center}.rail .btn{width:36px;height:36px;border-radius:18px;position:relative}.rail .pct{font:600 10px var(--sans);box-shadow:inset 0 0 0 2px #cbbfb6}.rail .mark{background:var(--amber);color:#3b2a12}.rail sup{position:absolute;right:-6px;top:-7px;font:600 10px var(--sans);padding:0 4px;border-radius:4px;background:var(--bg);color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}.rail sup.w{color:var(--text);box-shadow:inset 0 0 0 1px var(--mute)}.files{width:var(--files-w);flex:none;display:flex;flex-direction:column;background:#2b2421;border-left:1px solid #221c1a}.files-head{display:flex;align-items:center;padding:12px 14px;font-weight:600;font-size:15px}.files-head svg{margin-left:auto;color:var(--mute)}.files-tools{display:flex;align-items:center;gap:10px;padding:4px 12px;color:var(--mute)}.files-tools .dot{width:7px;height:7px;border-radius:4px;background:#9dbb3c;margin-right:auto}.crumb{display:flex;align-items:center;gap:8px;padding:6px 12px;font:13px var(--mono)}.crumb small{font:600 9px var(--sans);padding:2px 5px;border-radius:3px;background:#3a312d;color:var(--mute)}.files .filter{margin:2px 12px 8px;flex:none;font:12px var(--mono)}.tree div{display:flex;align-items:center;gap:7px;height:25px;padding:0 14px 0 8px;font:12.5px var(--mono);white-space:nowrap}.tree svg{width:13px;height:13px;color:var(--mute)}.tree .ch{width:11px;height:11px}.tree .sp{width:11px}.tree small{margin-left:auto;color:var(--mute);font-size:11px}.tree .on{background:#3d3431}.ui.phone{flex-direction:column}.phone .head{padding:10px 10px 8px;gap:6px;background:#2f2825;border:0}.phone .head .btn{height:40px;min-width:40px;border-radius:9px}.phone .tabs{display:flex;gap:4px;margin:0 10px 8px;padding:3px;border-radius:9px;background:#2a2421}.phone .tabs .btn{flex:1;height:32px;background:transparent;box-shadow:none;color:var(--mute);font-size:14px}.phone .tabs .btn.sel{background:var(--raise);color:var(--text)}.phone .term{padding:8px 12px 64px;border-top:1px solid #221c1a}.phone .float{position:absolute;right:12px;bottom:12px;display:flex;gap:10px}.phone .float .btn{width:44px;height:44px;border-radius:22px}.phone .rail{top:120px;right:10px}:root{color-scheme:dark;--page: #050508;--ink: #e9e6f2;--ink-2: #9a96a8;--edge: rgba(255, 255, 255, .1);--glass: rgba(18, 17, 26, .86);--accent: #ff9f43;--panel: 330px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:13px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}body.editing{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero{position:relative;height:100vh;height:100svh;min-height:480px;overflow:hidden;background:radial-gradient(circle 30vmax at 6% 24%,rgba(255,130,40,.336),rgba(255,130,40,.112) 50%,transparent 72%),radial-gradient(circle 34vmax at 96% 16%,rgba(100,145,247,.44),rgba(100,145,247,.15) 50%,transparent 72%),radial-gradient(circle 28vmax at 100% 46%,rgba(100,145,247,.58),rgba(100,145,247,.2) 50%,transparent 72%),radial-gradient(circle 26vmax at 46% 4%,rgba(150,60,255,.32),rgba(150,60,255,.096) 50%,transparent 72%),radial-gradient(circle 30vmax at 99% 82%,rgba(219,96,238,.44),rgba(219,96,238,.15) 50%,transparent 72%),radial-gradient(circle 30vmax at 2% 88%,rgba(170,50,255,.304),rgba(170,50,255,.096) 50%,transparent 72%),radial-gradient(circle 32vmax at 52% 108%,rgba(255,150,50,.272),rgba(255,150,50,.08) 50%,transparent 72%),radial-gradient(90% 70% at 50% 45%,#141020 0%,var(--page) 75%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;z-index:1;pointer-events:none;background:linear-gradient(transparent,var(--page))}kbd{font:11px ui-monospace,Menlo,monospace;padding:1px 5px;border-radius:4px;background:#ffffff14;color:var(--ink-2)}.wrap{position:absolute;inset:0;transform-origin:0 0;transition:right .25s ease}body.editing .wrap{right:var(--panel)}.stage{position:absolute;left:0;top:0;transform-origin:0 0}.screens,.devices,.beams,.overlay{position:absolute;left:0;top:0;width:100%;height:100%}.screen{position:absolute}.devices{display:block;-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity .2s}.beams,.overlay{overflow:visible;pointer-events:none}body.editing .overlay{pointer-events:auto;cursor:default}body.drawing .overlay{cursor:crosshair}.overlay *{vector-effect:non-scaling-stroke}.overlay .out{fill:color-mix(in srgb,var(--c) 10%,transparent);stroke:var(--c);stroke-width:1.5;cursor:pointer}.overlay .out.on{fill:color-mix(in srgb,var(--c) 6%,transparent);stroke-width:2;cursor:default}.overlay .quad{fill:none;stroke:#fff;stroke-opacity:.75;stroke-dasharray:6 5;stroke-width:1;pointer-events:none}.overlay .grid{stroke:#fff;stroke-opacity:.22;stroke-width:1;pointer-events:none}.overlay .edge{stroke:transparent;stroke-width:12;cursor:copy}.overlay .pt{fill:#111;stroke:var(--c);stroke-width:2;cursor:grab}.overlay .pt.sel,.overlay .corner.sel{fill:var(--c)}.overlay .corner{fill:#111;stroke:#fff;stroke-width:1.5;cursor:grab}.overlay .draft{fill:none;stroke:var(--c);stroke-width:2;pointer-events:none}.overlay .rubber{stroke:var(--c);stroke-dasharray:4 4;stroke-width:1.5;pointer-events:none}.overlay .first{fill:var(--c);cursor:pointer}.overlay .track{fill:none;stroke:var(--c);stroke-opacity:.4;stroke-width:1.5;stroke-dasharray:6 5;pointer-events:none}.overlay .track.on{stroke-opacity:1;stroke-width:2}.overlay .shade{fill:none;stroke:#000;stroke-opacity:.55;stroke-width:5;pointer-events:none}.overlay .hit{fill:none;stroke:transparent;stroke-width:14;cursor:pointer}.overlay .hit.on{cursor:copy}.overlay text{fill:var(--c);font:600 13px -apple-system,system-ui,sans-serif;paint-order:stroke;stroke:#000;stroke-width:3px;pointer-events:none}.brand{position:absolute;top:28px;right:32px;z-index:6;display:grid;gap:10px;width:min-content;min-width:420px;transition:right .25s ease;animation:board-in .5s ease-out both}@keyframes board-in{0%{opacity:0}}.logo,.install{border-radius:10px;background:#08080cd1;box-shadow:inset 0 0 0 1px #ffffff12,0 8px 30px #00000073}.logo{--dot: clamp(2.5px, .3vw, 6px);--gap: calc(var(--dot) / 3);display:flex;justify-content:center;gap:calc(var(--dot) * 1.6);padding:calc(var(--dot) * 1.6) calc(var(--dot) * 2);pointer-events:none;-webkit-user-select:none;user-select:none}.logo .place{display:grid;grid-template-columns:repeat(5,var(--dot));grid-auto-rows:var(--dot);gap:var(--gap)}.logo .place i{border-radius:calc(var(--dot) / 6);background:#ffffff12;transition:background-color .06s}.logo .place i.on{background:#fff;box-shadow:0 0 calc(var(--dot) * .9) #ffffff80}.logo .place.flip i.on{background:#ffffff9e;box-shadow:none}.logo .place.set i.on{box-shadow:0 0 calc(var(--dot) * 2) #ffffffe6}.install{padding:10px 14px 11px}.install-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.install-head span{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}:is(.install,.block) button{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:6px;border:1px solid var(--edge);background:#ffffff0f;color:var(--ink);font:12px -apple-system,system-ui,sans-serif;cursor:pointer;transition:color .2s,border-color .2s,background-color .2s}:is(.install,.block) button:is(:hover,:focus-visible){background:#ffffff24}.install code{display:block;font:12px/1.5 ui-monospace,Menlo,monospace;color:var(--ink);-webkit-user-select:all;user-select:all}.install code:before{content:"$ ";color:var(--ink-2);-webkit-user-select:none;user-select:none}:is(.install,.block) button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}:is(.install,.block) button.done{color:#7ee2a0;border-color:#7ee2a073;background:#7ee2a01a}:is(.install,.block) button.done svg{stroke-width:2;animation:tick .3s ease-out both;stroke-dasharray:16}@keyframes tick{0%{stroke-dashoffset:16}to{stroke-dashoffset:0}}.install-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;margin-top:8px;font-size:11px;color:var(--ink-2)}.gh{display:inline-flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none;font-size:12px}.gh svg{width:15px;height:15px;fill:currentColor}.gh:hover,.gh:focus-visible{text-decoration:underline;text-underline-offset:3px}body.editing .brand{right:calc(var(--panel) + 16px)}@media(max-width:760px){.brand{top:16px;left:16px;right:16px;width:auto;min-width:0;gap:8px}.logo{--dot: clamp(2.5px, .92vw, 4px)}.install{padding:8px 12px 9px}.install code{font-size:11px}body.editing .brand{right:16px}}.edit-toggle{position:fixed;right:16px;bottom:16px;z-index:7;display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:10px;border:1px solid var(--edge);background:var(--glass);color:var(--ink);font:inherit;cursor:pointer;opacity:.25;transition:opacity .2s}.edit-toggle:hover,.edit-toggle:focus-visible,body.editing .edit-toggle{opacity:1}.kbd{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;border:0;padding:0;font-size:16px;caret-color:transparent}.cta{position:absolute;left:50%;bottom:18px;z-index:3;translate:-50% 0;margin:0;padding:7px 14px;border-radius:999px;border:1px solid var(--edge);background:var(--glass);color:var(--ink-2);white-space:nowrap;transition:opacity .4s}.cta code{color:var(--ink);font:12px ui-monospace,Menlo,monospace}.cta .touch{display:none}@media(hover:none){.cta .touch{display:inline}.cta .mouse{display:none}}.cta.on .touch{display:none}.cta.on .mouse{display:inline}.cta.quiet{opacity:.35}body.editing .cta{display:none}.wrap.zoomed~.cta,.wrap.zoomed~.more{opacity:0}.more{position:absolute;left:32px;bottom:22px;z-index:3;display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);text-decoration:none;font-size:13px;transition:color .2s,opacity .4s}.more:hover,.more:focus-visible{color:var(--ink)}.more svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}body.editing .edit-toggle{right:calc(var(--panel) + 16px)}.panel{position:fixed;right:0;top:0;bottom:0;width:var(--panel);z-index:4;overflow-y:auto;padding:16px 18px 24px;background:var(--glass);border-left:1px solid var(--edge);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.panel h2{margin:18px 0 10px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.panel h2:first-child{margin-top:0}.tabs{display:flex;gap:6px}.tabs button{flex:1;display:flex;gap:6px;align-items:center;justify-content:center}.tabs button i{width:8px;height:8px;border-radius:50%;background:var(--c)}.tabs button.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 18%,transparent)}.modes{display:flex;gap:6px;margin-bottom:16px}.modes button{flex:1}.modes button.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent)}.swatches{display:flex;gap:8px;align-items:center;margin-top:8px}.swatches span{display:flex;gap:8px}.swatches button{width:22px;height:22px;padding:0;border-radius:50%;background:var(--c)}.swatches button:hover{background:var(--c);filter:brightness(1.15)}.swatches button.on{outline:2px solid var(--ink);outline-offset:2px}.swatches input{width:34px;height:24px;padding:0;border:1px solid var(--edge);border-radius:6px;background:none;cursor:pointer}.panel input[type=range]:disabled{opacity:.35}button:disabled{opacity:.4;cursor:default}.panel label{display:block;margin:12px 0 0;color:var(--ink-2)}.panel label output{float:right;color:var(--ink);font-variant-numeric:tabular-nums}.panel label.check{display:flex;gap:8px;align-items:center;color:var(--ink)}.panel select,.panel input[type=range]{display:block;width:100%;margin-top:6px;accent-color:var(--accent)}.panel select{padding:6px 8px;border-radius:7px;border:1px solid var(--edge);background:#1b1a24;color:var(--ink);font:inherit}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}button{padding:7px 10px;border-radius:8px;border:1px solid var(--edge);background:#ffffff0d;color:var(--ink);font:inherit;cursor:pointer}button:hover{background:#ffffff1a}button.armed{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent)}details{margin-top:18px;color:var(--ink-2)}summary{cursor:pointer;color:var(--ink)}details ul{padding-left:18px}details li{margin:6px 0}.hint{position:fixed;left:50%;bottom:16px;z-index:5;max-width:calc(100vw - 32px);translate:calc(-50% - var(--panel) / 2) 0;padding:8px 14px;border-radius:10px;border:1px solid var(--edge);background:var(--glass);color:var(--ink)}dialog{width:min(640px,calc(100vw - 32px));border:1px solid var(--edge);border-radius:14px;background:#15141d;color:var(--ink);padding:18px}dialog::backdrop{background:#0000008c}dialog h2{margin:0 0 4px;font-size:16px}dialog p{margin:0 0 10px;color:var(--ink-2)}dialog textarea{width:100%;height:300px;padding:10px;border-radius:8px;border:1px solid var(--edge);background:#0d0c13;color:var(--ink);font:12px/1.4 ui-monospace,Menlo,monospace}dialog .err{color:#ff8a8a;min-height:1em;margin:6px 0 0}.about{max-width:1120px;margin:0 auto;padding:72px 24px 40px;font-size:16px;line-height:1.6}.about h2{margin:0 0 18px;font-size:clamp(26px,3.2vw,38px);line-height:1.15;letter-spacing:-.01em;font-weight:700}.about h3{margin:0 0 12px;font-size:18px;line-height:1.3}.about section+section{margin-top:88px}.about a:not(.button){color:#9cc4ff}.about code{font:.88em ui-monospace,Menlo,monospace;padding:1px 5px;border-radius:5px;background:#ffffff12}.eyebrow{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.lead{max-width:780px}.answer{margin:0;font-size:19px;color:#cfcbdb}.answer strong{color:var(--ink)}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;padding:11px 20px;border-radius:10px;border:1px solid var(--edge);background:#ffffff0d;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px}.button:hover,.button:focus-visible{background:#ffffff1a}.button.primary{border-color:transparent;background:linear-gradient(100deg,#ff9f43,#ff5fd2 55%,#6491f7);color:#0b0a10}.button.primary:hover,.button.primary:focus-visible{filter:brightness(1.08)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.grid article{padding:22px 22px 8px;border-radius:14px;border:1px solid var(--edge);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 12%,transparent),#ffffff05 45%)}.grid h3{color:color-mix(in srgb,var(--c) 55%,#fff)}.grid ul{margin:0;padding:0;list-style:none;font-size:15px;color:#c3bfcf}.grid li{margin:0 0 14px}.grid b{color:var(--ink);font-weight:600}.cols>div{min-width:0}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.setup h3 span{margin-left:8px;font-size:13px;font-weight:500;color:var(--ink-2)}.setup p{margin:12px 0 0;font-size:15px;color:#c3bfcf}.block{position:relative;border-radius:12px;border:1px solid var(--edge);background:#08080cd1}.block pre{margin:0;padding:16px 18px;overflow-x:auto;font:13px/1.7 ui-monospace,Menlo,monospace;color:var(--ink)}.block button{position:absolute;top:10px;right:10px}.block pre::-webkit-scrollbar{height:6px}.block pre::-webkit-scrollbar-thumb{border-radius:3px;background:#ffffff26}.faq{max-width:820px}.faq details{margin:0;border-top:1px solid var(--edge);color:#c3bfcf}.faq details:last-of-type{border-bottom:1px solid var(--edge)}.faq summary{padding:16px 0;font-size:17px;font-weight:600;color:var(--ink);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--ink-2);font-weight:400}.faq details[open] summary:after{content:"\2212"}.faq details p{margin:0 0 18px}.foot{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;padding:28px 24px 40px;border-top:1px solid var(--edge);color:var(--ink-2);font-size:13px}.foot a{color:var(--ink-2);text-decoration:none}.foot a:hover,.foot a:focus-visible{color:var(--ink)}@media(max-width:760px){.about{padding:48px 16px 32px}.about section+section{margin-top:64px}.answer{font-size:17px}.cols{grid-template-columns:1fr}.block pre{font-size:12px;padding-top:48px}body.editing .wrap{right:0;bottom:50vh}.panel{top:50vh;width:auto;left:0;border-left:0;border-top:1px solid var(--edge)}body.editing .edit-toggle{right:16px;bottom:calc(50vh + 16px)}.hint{translate:-50% 0;top:12px;bottom:auto;font-size:12px}.cta{bottom:52px;font-size:12px}.more{left:50%;translate:-50% 0;bottom:16px}}@media(prefers-reduced-motion:reduce){.edit-toggle,.devices,.wrap,.brand{transition:none}}