.unplugged-root{--up-page-height:calc(100dvh - var(--header-h));--up-code-size:clamp(96px, min(21vw, 24vh), 216px);--up-rig-height:clamp(190px, 34vh, 250px);--accent-from:var(--color-primary-dark);--accent-to:var(--color-primary-deep);--text-on-accent:#fff;--bg-canvas:var(--color-bg);--bg-elevated-1:#fff;--border-default:var(--color-border);--border-strong:var(--color-border-strong);--text-primary:var(--color-text);--text-secondary:var(--color-muted);--text-tertiary:var(--color-muted-2);--up-dim:.26;--up-bg-off:#eef2ef;--up-tube:#07090d80;--up-glow-rgb:93, 192, 149;--up-glow-strength:.22;--up-code-glow:0 0 44px #5dc09559;--up-light-rgb:41, 127, 92;--up-wall:#e0e6e2;--up-wall-line:#c9d1cc;--up-desk:#d7ded9;--up-desk-edge:#fff;--up-cable:#fbfcfb;--up-cable-shine:#fff;--up-cable-edge:#bcc5c9;--up-plug-hi:#fff;--up-plug-lo:#e7ebe9;--up-plug-edge:#bcc5c9;--up-plug-groove:#d4dadf;--up-plug-sheen:#ffffffe6;--up-plug-face:#dde3e0;--up-pin-hi:#e7ebe9;--up-pin-lo:#8a93a3;--up-shadow:.14;--up-socket-hi:#fff;--up-socket-lo:#dde3e0;--up-socket-face:#fff;--up-socket-edge:#bcc5c9;--up-plate:#f4f7f5;--up-recess:#e7ebe9;--up-hole:#1e2530;--up-near:#5dc095d9;--up-led-off:#d4dadf;--up-led-on:var(--color-primary);--radius-pill:999px;--ease-out-quart:var(--ease-out);--font-sans:var(--font-roboto), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tr-display:-.03em;--tr-tight:-.01em;--tr-base:-.005em}:where(.unplugged-root,.unplugged-root *){box-sizing:border-box}:where(.unplugged-root) :where(button,a){font:inherit;color:inherit}:where(.unplugged-root) :where(h1,p){margin:0}.unplugged-root{isolation:isolate;width:100%;min-height:var(--up-page-height);overscroll-behavior:contain;color:var(--text-primary);background-color:var(--up-bg-off);font-family:var(--font-sans);letter-spacing:var(--tr-base);-webkit-font-smoothing:antialiased;transition:background-color .5s var(--ease-out-quart);flex-direction:column;align-items:center;padding:0 clamp(20px,4vw,40px);display:flex;position:relative;overflow:hidden}.unplugged-root[data-power=on]{background-color:var(--bg-canvas)}.unplugged-root:before{content:"";z-index:-1;background:radial-gradient(60% 55% at 50% 32%, rgba(var(--up-glow-rgb), var(--up-glow-strength)), transparent 72%);opacity:0;transition:opacity .7s var(--ease-out-quart);pointer-events:none;position:absolute;inset:0}.unplugged-root[data-power=on]:before{opacity:1}.unplugged-root:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#07090d0d 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 80%)}.up-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.up-status{letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;transition:color .3s var(--ease-out-quart);align-items:center;gap:10px;margin-top:28px;font-size:11px;font-weight:600;line-height:1;display:flex}.up-status-dot{border:1.5px solid;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite up-blink}[data-power=on] .up-status{color:var(--color-primary-deep)}[data-power=on] .up-status-dot{background:var(--color-primary);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in oklab, var(--color-primary) 18%, transparent);animation:pulse-dot 2.4s var(--ease-in-out) infinite;border:0}.up-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:680px;padding:28px 0 12px;display:flex}[data-power=off] .up-screen{opacity:var(--up-dim);animation:6.4s linear infinite up-dead}[data-power=off] .up-screen:has(:focus-visible){opacity:1;animation:none}.up-code{font-size:var(--up-code-size);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--text-primary);text-shadow:var(--up-code-glow);-webkit-user-select:none;user-select:none;padding-right:.05em;font-weight:800;line-height:.84}[data-power=off] .up-code{color:var(--up-bg-off);-webkit-text-stroke:max(3px, .016em) var(--up-tube);paint-order:stroke fill;text-shadow:none;animation:6.4s linear infinite up-strike}.up-title{letter-spacing:var(--tr-display);text-wrap:balance;margin-top:28px;font-size:clamp(26px,3.2vw,38px);font-weight:800;line-height:1.1}.up-message{max-width:460px;color:var(--text-secondary);text-wrap:pretty;margin-top:14px;font-size:16.5px;line-height:1.6}.up-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:30px;display:flex}.up-home{border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--accent-from) 0%, var(--accent-to) 100%);height:48px;color:var(--text-on-accent);letter-spacing:var(--tr-tight);cursor:pointer;box-shadow:0 1px 0 #ffffff2e inset, 0 0 0 1px #07090d14, var(--shadow-md);transition:transform .2s var(--ease-out-quart), box-shadow .3s var(--ease-out-quart);border:0;align-items:center;gap:8px;padding:0 24px 0 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.up-home:hover{box-shadow:0 1px 0 #ffffff38 inset, 0 0 0 1px #07090d1a, var(--shadow-glow);transform:translateY(-1px)}.up-home:active{transform:translateY(1px)scale(.99)}.up-home svg{transition:transform .2s var(--ease-out-quart)}.up-home:hover svg{transform:translate(-3px)}.up-links{flex-wrap:wrap;justify-content:center;gap:6px 20px;display:flex}.up-secondary{color:var(--text-secondary);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:5px;transition:color .16s var(--ease-out-quart), text-decoration-color .16s var(--ease-out-quart);padding:6px 2px;font-size:15px;font-weight:500}.up-secondary:hover{color:var(--color-primary-deep);text-decoration-color:currentColor}.up-rig{flex:none;width:100%;max-width:760px;position:relative}.up-stage{height:var(--up-rig-height);-webkit-tap-highlight-color:transparent;position:relative}.up-scene,.up-socket,.up-cable,.up-fx{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.up-scene{z-index:0}.up-socket{z-index:1}.up-cable{z-index:2}.up-plug{z-index:3}.up-fx{z-index:4}.up-controls{z-index:1;flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:absolute;top:22px;left:0}.up-hint{letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;transition:opacity .3s var(--ease-out-quart);font-size:11px;font-weight:600}[data-power=on] .up-hint{opacity:0}.up-fallback{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--bg-elevated-1);height:42px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease-out-quart), background .2s var(--ease-out-quart), color .2s var(--ease-out-quart), transform .2s var(--ease-out-quart);align-items:center;gap:8px;padding:0 18px 0 14px;font-size:14px;font-weight:600;display:inline-flex}.up-fallback svg{color:var(--color-primary-dark)}.up-fallback:hover{border-color:var(--text-primary);transform:translateY(-1px)}.up-fallback:active{transform:scale(.97)}[data-power=on] .up-fallback{border-color:var(--border-default);color:var(--text-tertiary);box-shadow:none;background:0 0}[data-power=on] .up-fallback svg{color:currentColor}[data-power=on] .up-fallback:hover{color:var(--text-primary);border-color:var(--border-strong)}.up-stop-wall{stop-color:var(--up-wall)}.up-wall-line{fill:var(--up-wall-line)}.up-desk{fill:var(--up-desk)}.up-desk-edge{fill:var(--up-desk-edge)}.up-cable path{fill:none;stroke-linecap:round;stroke-linejoin:round}.up-cable-edge{stroke:var(--up-cable-edge)}.up-cable-body{stroke:var(--up-cable)}.up-cable-shine{stroke:var(--up-cable-shine)}.up-plug{width:calc(62px * var(--up-k));height:calc(32px * var(--up-k));margin:calc(-16px * var(--up-k)) 0 0 calc(-62px * var(--up-k));border-radius:calc(8px * var(--up-k));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;position:absolute;top:0;left:0}.up-plug:before{content:"";position:absolute;inset:-10px -6px}.up-plug svg{width:calc(82px * var(--up-k));height:100%;filter:drop-shadow(0 6px 8px rgba(7, 9, 13, var(--up-shadow)));position:absolute;top:0;left:0;overflow:visible}.unplugged-root.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.is-dragging .up-plug{cursor:grabbing}.up-plug:focus-visible{outline:2.5px solid var(--color-primary-dark);outline-offset:5px}.up-stop-plug-hi{stop-color:var(--up-plug-hi)}.up-stop-plug-lo{stop-color:var(--up-plug-lo)}.up-stop-pin-hi{stop-color:var(--up-pin-hi)}.up-stop-pin-lo{stop-color:var(--up-pin-lo)}.up-body{stroke:var(--up-plug-edge);stroke-width:1px}.up-boot{fill:var(--up-plug-lo);stroke:var(--up-plug-edge);stroke-width:1px}.up-groove{fill:none;stroke:var(--up-plug-groove);stroke-width:1.4px;stroke-linecap:round}.up-sheen{fill:none;stroke:var(--up-plug-sheen);stroke-width:1.2px;stroke-linecap:round}.up-face{fill:var(--up-plug-face)}.up-stop-socket-hi{stop-color:var(--up-socket-hi)}.up-stop-socket-lo{stop-color:var(--up-socket-lo)}.up-barrel{stroke:var(--up-socket-edge);stroke-width:1px}.up-plate{fill:var(--up-plate);stroke:var(--up-socket-edge);stroke-width:1px}.up-socket-face{fill:var(--up-socket-face);stroke:var(--up-socket-edge);stroke-width:1px}.up-recess{fill:var(--up-recess);stroke:#0000;stroke-width:1.5px;transition:stroke .2s var(--ease-out-quart)}.is-near .up-recess{stroke:var(--up-near)}.up-hole{fill:var(--up-hole)}.up-led{fill:var(--up-led-off);transition:fill .2s var(--ease-out-quart), filter .2s var(--ease-out-quart)}[data-power=on] .up-led{fill:var(--up-led-on);filter:drop-shadow(0 0 3px rgba(var(--up-glow-rgb), .95))}.up-flash{fill:rgba(var(--up-glow-rgb), .55);opacity:0;transform-box:fill-box;transform-origin:50%;filter:blur(4px);animation:.34s ease-out forwards up-flash}.up-ray{fill:none;stroke:rgb(var(--up-light-rgb));stroke-width:calc(1.6px * var(--up-k));stroke-linecap:round;stroke-dasharray:.45 1.2;stroke-dashoffset:.45px;animation:.3s cubic-bezier(.2,.7,.3,1) both up-ray}@keyframes up-dead{0%,13%,16.5%,19%,64%,66.5%,to{opacity:var(--up-dim)}14%{opacity:calc(var(--up-dim) * 1.45)}15.5%{opacity:calc(var(--up-dim) * .8)}17.5%{opacity:calc(var(--up-dim) * 1.25)}65.2%{opacity:calc(var(--up-dim) * 1.3)}}@keyframes up-strike{0%,13%,16.5%,19%,64%,66.5%,to{color:var(--up-bg-off)}14%{color:color-mix(in srgb, rgb(var(--up-light-rgb)) 22%, var(--up-bg-off))}17.5%{color:color-mix(in srgb, rgb(var(--up-light-rgb)) 11%, var(--up-bg-off))}65.2%{color:color-mix(in srgb, rgb(var(--up-light-rgb)) 14%, var(--up-bg-off))}}.is-booting .up-screen{animation:.76s linear .11s both up-boot}@keyframes up-boot{0%{opacity:var(--up-dim)}7%{opacity:.9}15%{opacity:.32}25%{opacity:1}33%{opacity:.7}45%,to{opacity:1}}.is-dying .up-screen{animation:.46s linear both up-die}@keyframes up-die{0%{opacity:1}28%{opacity:.42}42%{opacity:.66}to{opacity:var(--up-dim)}}@keyframes up-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes up-flash{0%{opacity:0;transform:scale(.3)}18%{opacity:1}to{opacity:0;transform:scale(1.25)}}@keyframes up-ray{0%{stroke-dashoffset:.45px;opacity:1}80%{opacity:1}to{stroke-dashoffset:-1px;opacity:0}}@media (prefers-reduced-motion:reduce){.unplugged-root,.unplugged-root:before,.up-status,.up-hint,.up-led,.up-recess,.up-home,.up-home svg,.up-fallback{transition:none!important}.up-screen,.up-code,.up-status-dot{animation:none!important}.up-spark{display:none}}@media (max-width:560px){.unplugged-root{--up-code-size:clamp(96px, 31vw, 150px);--up-rig-height:184px}.up-status{margin-top:20px}.up-screen{padding-top:22px}.up-title{margin-top:20px;font-size:26px}.up-message{font-size:15px}.up-actions{margin-top:24px}.up-rig{margin-top:14px}.up-controls{align-items:center;gap:10px;max-width:340px;margin:0 auto;position:static}.up-fallback{justify-content:center;width:100%;height:48px;font-size:15px}[data-power=on] .up-fallback{width:auto}}