:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b0e14;color:#e6edf3;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.hidden{display:none!important}body.cursor-hidden,body.cursor-hidden *{cursor:none!important}#pairing{height:100vh;display:grid;place-items:center;text-align:center}.pairing-title{font-size:clamp(1.2rem,3vw,2.2rem);font-weight:400;color:#8b949e;margin:0 0 2rem}.pairing-code{display:flex;justify-content:center;gap:clamp(.4rem,1.5vw,1rem);margin-bottom:1.5rem;min-height:clamp(4rem,12vw,9rem)}.code-char{display:grid;place-items:center;width:clamp(3rem,9vw,7rem);height:clamp(4rem,12vw,9rem);font-size:clamp(2.2rem,7vw,5.5rem);font-weight:700;font-variant-numeric:tabular-nums;background:#161b22;border:1px solid #30363d;border-radius:14px}.pairing-hint{font-size:clamp(1rem,2.5vw,1.8rem);color:#e6edf3;margin:0 0 2rem}.pairing-qr{display:inline-block;width:clamp(96px,14vw,180px);background:#fff;border-radius:10px;padding:6px}.pairing-qr svg{display:block;width:100%;height:auto}.pairing-sub{margin-top:2rem;font-size:.9rem;color:#484f58;letter-spacing:.08em}#ambient{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.ambient-center{text-align:center}.clock{font-size:clamp(4rem,18vw,16rem);font-weight:200;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1}.date{margin-top:1rem;font-size:clamp(1rem,2.5vw,2rem);font-weight:300;color:#8b949e}.ambient-footer{position:absolute;bottom:2rem;display:flex;align-items:center;gap:.6rem;font-size:1rem;color:#8b949e}#connection-dot{width:.6rem;height:.6rem;border-radius:50%;background:#d29922;transition:background .3s}#connection-dot[data-status=online]{background:#3fb950}#connection-dot[data-status=offline]{background:#f85149}#stage{position:fixed;inset:0}.content-frame{width:100%;height:100%;border:0;background:#0b0e14}#override-layer{position:fixed;inset:0;z-index:5;background:transparent}#toast{position:fixed;right:1rem;bottom:1rem;padding:.5rem .9rem;border-radius:999px;background:#161b22e6;color:#8b949e;font-size:.85rem;border:1px solid #30363d;z-index:10}