@layer app-components{.sw{display:inline-flex;border:none;background:none;padding:0;cursor:pointer}.sw__track{position:relative;width:34px;height:18px;border-radius:999px;background:#fff3;transition:background-color .15s}.sw[data-state=checked] .sw__track{background:oklch(from var(--v0-primary) calc(l/2) calc(c/2) h)}.sw__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--v0-surface);transition:transform .15s,background-color .15s}.sw[data-state=checked] .sw__thumb{background:var(--v0-primary);transform:translate(16px)}}@layer app-components{.ex__split{--handle-w: 16px;flex:1 1 auto;min-width:0;align-items:stretch;padding-right:var(--handle-w);overflow:hidden}.ex__canvas{background:repeating-conic-gradient(rgb(255 255 255 / .04) 0% 25%,transparent 0% 50%) 50% / 22px 22px}.ex__handle{display:flex;align-items:center;justify-content:center;width:var(--handle-w);cursor:col-resize;transition:background-color .15s}.ex__handle:hover,.ex__handle[data-state=drag]{background:#ffffff0d}.ex__grip{width:4px;height:40px;border-radius:999px;background:#ffffff59;transition:background-color .15s}.ex__handle:hover .ex__grip,.ex__handle[data-state=drag] .ex__grip{background:var(--v0-primary)}.sl{position:relative;display:flex;align-items:center;width:100%;height:18px;touch-action:none}.sl__track{position:relative;width:100%;height:4px;border-radius:999px;background:#fff3}.sl__range{position:absolute;top:0;height:100%;border-radius:999px;background:var(--v0-primary)}.sl__thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--v0-primary);transform:translate(-50%,-50%);cursor:grab}.sl__thumb:active{cursor:grabbing}}@layer app-components{.cmp{width:100%;min-width:640px;border-collapse:collapse;font-size:.9rem}.cmp th,.cmp td{padding:.85rem 1rem;border-bottom:1px solid var(--v0-border-color)}.cmp thead th{font-family:var(--font-mono);font-size:.78rem;font-weight:500;color:var(--v0-on-surface-variant, rgb(255 255 255 / .7));vertical-align:middle;white-space:pre-line}.cmp__collink{position:relative;display:inline-block;color:inherit;text-decoration:none}.cmp__colline{display:block;line-height:1.25}.cmp__colicon{position:absolute;top:.9em;right:-1.5em;font-size:13px;opacity:0;transition:opacity .15s}th:hover>a.cmp__collink,a.cmp__collink:focus-visible{color:var(--v0-primary)}:is(th:hover>a.cmp__collink,a.cmp__collink:focus-visible)>.cmp__colicon{opacity:.7}.cmp__cap{min-width:190px}.cmp__capname{display:block;font-family:var(--font-body);font-weight:600;color:var(--v0-on-surface, #fff)}.cmp__capnote{display:block;margin-top:2px;font-size:.75rem;font-weight:400;color:var(--v0-on-surface-variant, rgb(255 255 255 / .5))}.cmp__cell i{font-size:22px;vertical-align:middle}.cmp__glabel{display:block;margin-top:3px;font-size:.68rem;color:var(--v0-on-surface-variant, rgb(255 255 255 / .55))}.cmp__cell--yes i{color:#34d399}.cmp__cell--hard i{color:#fbbf24}.cmp__cell--no i{color:var(--v0-error, #f43f5e)}.cmp__own{background:#63f1e90f}thead .cmp__own{color:var(--v0-primary);border-bottom:2px solid var(--v0-primary)}}@layer app-components{.wire{fill:none;stroke:#ffffff21;stroke-width:1.5;stroke-linecap:round;transition:stroke .2s}.wire--on{stroke:url(#inst-grad);stroke-width:2.5}.chip{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;border:1px solid var(--v0-border-color);background:#ffffff0d;font-size:25px;cursor:pointer;transition:border-color .15s,background-color .15s,transform .1s}.chip>i{max-width:1.25rem}.chip:hover{background:#ffffff17}.chip:active{transform:scale(.94)}.chip--on{border-color:var(--v0-primary)}.cycle-btn{display:grid;place-items:center;padding:.15rem;color:#ffffff4d;font-size:1rem;cursor:pointer;transition:color .15s}.cycle-btn:hover{color:#ffffffa6}.cycle-btn:active{color:var(--v0-on-surface)}}@layer app-components{.hero__voronoi path{fill:color-mix(var(--v0-primary),transparent 98%);stroke:var(--v0-primary);stroke-opacity:.45;stroke-width:1.5;stroke-linejoin:round}.hero__cell{cursor:pointer;transition:fill .2s}.hero__cell:hover{fill:color-mix(var(--v0-primary),transparent 90%)}.hero__cell-glow{fill:none;stroke:var(--v0-primary);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:18 82;filter:drop-shadow(0 0 5px var(--v0-primary));animation:hero-cell-travel 3s linear infinite;pointer-events:none}@keyframes hero-cell-travel{to{stroke-dashoffset:-100}}@media(prefers-reduced-motion:reduce){.hero__cell-glow{animation:none}}}
