html,body{background:#000;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}.signage-canvas{background:#000;width:100%;height:100%;position:relative}.signage-zone{background:#000}.zone-content{object-fit:cover;border:0;width:100%;height:100%;display:block}.zone-content--color{width:100%;height:100%}.zone-content--webpage{background:#fff}#dev-status{z-index:9999;color:#d1fae5;white-space:pre;pointer-events:none;background:#000000a6;border-radius:4px;padding:6px 10px;font-size:12px;line-height:1.4;position:fixed;bottom:8px;left:8px}body.vertical-mock #app{transform-origin:0 0;width:1080px;height:1920px;transform:scale(min(calc(100vw / 1080), calc(100vh / 1920)));position:absolute;top:50%;left:50%;translate:-50% -50%}.pairing-screen{color:#f8fafc;text-align:center;box-sizing:border-box;background:#0b1220;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:100%;padding:32px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pairing-title{letter-spacing:.02em;color:#94a3b8;text-transform:uppercase;font-size:max(20px,min(3vw,32px));font-weight:600}.pairing-qr{background:#fff;border-radius:12px;padding:16px}.pairing-code{letter-spacing:.2em;color:#f8fafc;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:max(48px,min(10vw,96px));font-weight:700}.pairing-instructions{color:#94a3b8;max-width:32em;font-size:max(14px,min(1.8vw,20px))}.cs-idle{--cs-unit:calc(100vmin / 560);--cs-loop:6s;justify-content:center;align-items:center;gap:calc(var(--cs-unit) * 46);padding:calc(var(--cs-unit) * 48) calc(var(--cs-unit) * 24);box-sizing:border-box;background:#fff;flex-direction:column;font-family:Quicksand,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.cs-idle-logo{justify-content:center;align-items:center;gap:calc(var(--cs-unit) * 17);font-family:Sora,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:800;font-size:calc(var(--cs-unit) * 68);color:#0a2463;display:flex}.cs-idle-logo-mark{width:calc(var(--cs-unit) * 62);height:calc(var(--cs-unit) * 47);border:calc(var(--cs-unit) * 3) solid #0a2463;border-radius:calc(var(--cs-unit) * 9);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.cs-idle-logo-play{border-top:calc(var(--cs-unit) * 10) solid transparent;border-bottom:calc(var(--cs-unit) * 10) solid transparent;border-left:calc(var(--cs-unit) * 17) solid #18c9f2;width:0;height:0}.cs-idle-logo-accent{color:#18c9f2}.cs-idle-mascot{width:calc(var(--cs-unit) * 248);height:calc(var(--cs-unit) * 186);overflow:visible}@keyframes csBreathe{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes csLook{0%{transform:translate(0)}8%{transform:translate(0)}15%{transform:translate(-9px)}24%{transform:translate(-9px)}31%{transform:translate(0)}38%{transform:translate(9px)}47%{transform:translate(9px)}54%{transform:translate(0)}64%{transform:translate(0)}70%{transform:translateY(-6px)}77%{transform:translateY(5px)}84%{transform:translate(0)}to{transform:translate(0)}}@keyframes csBlink{0%,53%{transform:scaleY(1)}56.5%{transform:scaleY(.12)}60%{transform:scaleY(1)}to{transform:scaleY(1)}}@keyframes csSmile{0%,82%{transform:translateY(0)scaleY(1)}87%{transform:translateY(-4px)scaleY(1.16)}93%{transform:translateY(-4px)scaleY(1.16)}98%{transform:translateY(0)scaleY(1)}to{transform:translateY(0)scaleY(1)}}.cs-idle-breathe{animation:csBreathe var(--cs-loop) ease-in-out infinite}.cs-idle-look{animation:csLook var(--cs-loop) ease-in-out infinite}.cs-idle-blink{transform-box:fill-box;transform-origin:50%;animation:csBlink var(--cs-loop) ease-in-out infinite}.cs-idle-smile{transform-box:fill-box;transform-origin:50%;animation:csSmile var(--cs-loop) ease-in-out infinite}.cs-idle-status{align-items:center;gap:calc(var(--cs-unit) * 14);flex-direction:column;display:flex}.cs-idle-track{width:calc(var(--cs-unit) * 264);height:calc(var(--cs-unit) * 8);background:#0a24631a;border-radius:999px;overflow:hidden}@keyframes csLoad{0%{transform:translate(-110%)}to{transform:translate(360%)}}.cs-idle-bar{width:30%;height:100%;animation:csLoad calc(var(--cs-loop) / 4) cubic-bezier(.65, 0, .35, 1) infinite;background:linear-gradient(90deg,#18c9f2,#0a2463);border-radius:999px}.cs-idle-caption{color:#0a24638c;font-family:Quicksand,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:500;font-size:calc(var(--cs-unit) * 15);letter-spacing:calc(var(--cs-unit) * .5);text-align:center;margin:0}