:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;cursor:none}.kiosk{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.power-off{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000}.kiosk-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;margin:0;background:#000;opacity:0;visibility:hidden;pointer-events:none}.kiosk-frame.front{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vh;background:radial-gradient(1200px 800px at 50% 35%,#12203a,#0b1220 55%,#070c16);color:#e8eefc;text-align:center;padding:12vh 6vw 10vh}.overlay-mosaic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.overlay-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(1500px 1000px at 50% 42%,#0a0d1452,#080b12bd 58%,#05080ee6)}.overlay>*:not(.overlay-mosaic):not(.overlay-scrim):not(.brand):not(.conn){position:relative;z-index:2}.brand{position:absolute;top:4vh;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:.6rem}.brand-name{font-size:clamp(1rem,2.2vw,1.6rem);font-weight:700;letter-spacing:.02em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}.brand svg{width:clamp(24px,2.6vw,40px);height:auto}.brand-logo{height:clamp(26px,3.2vw,46px);width:auto;display:block;filter:drop-shadow(0 2px 12px rgba(0,0,0,.5))}.card{display:flex;flex-direction:column;align-items:center;gap:1vh;max-width:90vw}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.muted{color:#7c8aa5}.boot-title{font-size:clamp(1.4rem,3vw,2.4rem);font-weight:500;color:#cbd5e1}.pair-name{font-size:clamp(1.4rem,3vw,2.4rem);font-weight:600;color:#e8eefc;margin-bottom:1vh}.pair-qr{width:clamp(112px,14vw,180px);height:auto;border-radius:12px;background:#fff;padding:10px;margin-bottom:1vh;box-shadow:0 8px 30px #00000073}.pair-label{text-transform:uppercase;letter-spacing:.25em;font-size:clamp(.8rem,1.4vw,1.1rem);color:#7c8aa5}.pair-pin{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(2.75rem,10vw,7rem);font-weight:700;letter-spacing:.12em;line-height:1;color:#fff;text-shadow:0 0 44px rgba(237,106,44,.55)}.pair-instr{font-size:clamp(1rem,1.8vw,1.5rem);color:#aab6cf;max-width:26ch;margin:.5vh 0 0}.pair-id{font-size:clamp(.7rem,1.1vw,1rem);margin-top:1vh}.idle-clock{font-size:clamp(4rem,15vw,12rem);font-weight:200;line-height:1;color:#fff;font-variant-numeric:tabular-nums}.idle-date{font-size:clamp(1rem,2.2vw,1.8rem);color:#aab6cf}.idle-name{margin-top:2vh;font-size:clamp(1.2rem,2.6vw,2rem);font-weight:600}.idle-sub{font-size:clamp(.9rem,1.6vw,1.3rem)}.err-title{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:600;color:#fca5a5}.err-msg{font-size:clamp(1rem,1.8vw,1.4rem);color:#cbd5e1;max-width:40ch}.conn{position:absolute;bottom:4vh;left:0;right:0;z-index:2;justify-content:center;display:flex;align-items:center;gap:.5rem;font-size:clamp(.8rem,1.3vw,1rem);color:#7c8aa5}.dot{width:.7em;height:.7em;border-radius:50%;background:#64748b}.dot.open{background:#22c55e;box-shadow:0 0 10px #22c55eb3}.dot.connecting{background:#eab308}.dot.closed{background:#ef4444}.debug{position:absolute;top:0;right:0;z-index:20;background:#000000d1;color:#d1fae5;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;padding:10px 14px;border-bottom-left-radius:8px;max-width:60vw}.debug-row{display:flex;gap:10px;line-height:1.6}.debug-k{color:#6ee7b7;min-width:52px}.debug-v{color:#e5e7eb;word-break:break-all}