:root{--cp-bg: #0a0e12;--cp-surface: #10161d;--cp-neon-1: #22e6f2;--cp-neon-2: #ff2ea6;--cp-amber: #ffb020;--cp-text: #dfe7ea;--cp-dim: #5c6a75;--cp-grid-line: rgba(34, 230, 242, .12);--cp-danger: #ff3b3b;--cp-chamfer: 12px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--cp-bg);color:var(--cp-text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;background-image:repeating-linear-gradient(0deg,rgba(255,46,166,.025) 0px,rgba(255,46,166,.025) 1px,transparent 1px,transparent 3px)}#app{min-height:100dvh;display:flex;flex-direction:column}button,input{font-family:inherit}.cp-chamfer{clip-path:polygon(var(--cp-chamfer) 0,100% 0,100% calc(100% - var(--cp-chamfer)),calc(100% - var(--cp-chamfer)) 100%,0 100%,0 var(--cp-chamfer))}.cp-join{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.cp-join__title{text-transform:uppercase;letter-spacing:.3em;font-size:13px;color:var(--cp-neon-2);text-shadow:0 0 8px rgba(255,46,166,.5)}.cp-join__boxes{display:flex;gap:10px}.cp-join__box{width:56px;height:68px;background:var(--cp-surface);border:1px solid var(--cp-grid-line);color:var(--cp-neon-2);font-size:30px;text-align:center;text-transform:uppercase;caret-color:var(--cp-neon-2)}.cp-join__box:focus{outline:none;border-color:var(--cp-neon-2);box-shadow:0 0 12px #ff2ea673}.cp-join__error{color:var(--cp-amber);letter-spacing:.15em;font-size:12px;text-transform:uppercase;min-height:1.4em}.cp-join--success .cp-join__title{animation:cp-glitch .32s steps(2,end)}@keyframes cp-glitch{0%{transform:translate(0);opacity:1}20%{transform:translate(-2px,1px);opacity:.6}40%{transform:translate(2px,-1px);opacity:1}60%{transform:translate(-1px);opacity:.7}to{transform:translate(0);opacity:1}}.cp-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));gap:20px}.cp-status{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--cp-dim);align-self:flex-start}.cp-status__dot{width:8px;height:8px;border-radius:50%;background:var(--cp-dim)}.cp-status--online .cp-status__dot{background:var(--cp-neon-1);box-shadow:0 0 6px var(--cp-neon-1)}.cp-status--offline .cp-status__dot{background:var(--cp-danger)}.cp-guest-title{text-transform:uppercase;letter-spacing:.3em;font-size:12px;color:var(--cp-neon-2);text-align:center}.cp-guest-form{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px;margin-top:12px}.cp-guest-input{width:100%;background:var(--cp-surface);border:1px solid var(--cp-neon-2);color:var(--cp-text);padding:16px;font-size:16px;letter-spacing:.08em;text-align:center;box-shadow:0 0 14px #ff2ea626}.cp-guest-input:focus{outline:none;box-shadow:0 0 18px #ff2ea666}.cp-guest-input::placeholder{color:var(--cp-dim);letter-spacing:.15em;text-transform:uppercase;font-size:12px}.cp-guest-submit{background:var(--cp-neon-2);border:none;color:#05080a;min-height:52px;text-transform:uppercase;letter-spacing:.25em;font-size:14px;cursor:pointer}.cp-guest-submit:disabled{background:var(--cp-surface);color:var(--cp-dim);border:1px solid var(--cp-grid-line);cursor:not-allowed}.cp-guest-hint{font-size:10px;color:var(--cp-dim);text-align:center;letter-spacing:.1em;text-transform:uppercase}.cp-guest-list{width:100%;max-width:420px;display:flex;flex-direction:column;gap:8px;margin-top:8px}.cp-guest-row{display:flex;align-items:center;gap:10px;background:var(--cp-surface);border:1px solid var(--cp-grid-line);padding:10px 12px}.cp-guest-row__kw{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.cp-guest-badge{font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:4px 8px;border:1px solid var(--cp-grid-line);white-space:nowrap}.cp-guest-badge--queued{color:var(--cp-amber);border-color:var(--cp-amber)}.cp-guest-badge--approved{color:var(--cp-neon-1);border-color:var(--cp-neon-1)}.cp-guest-badge--live{color:var(--cp-neon-2);border-color:var(--cp-neon-2);box-shadow:0 0 8px #ff2ea666}.cp-guest-badge--vetoed{color:var(--cp-dim);border-color:var(--cp-grid-line);text-decoration:line-through}@media(min-width:1024px){.cp-shell{padding-top:60px}.cp-guest-input:hover,.cp-guest-submit:not(:disabled):hover{filter:brightness(1.1)}}