*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#111;color:#eee;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px;text-align:center}h1{font-size:1.6rem;margin:0}.subtitle{color:#aaa;font-size:1rem;margin:0 0 8px}.big-input{width:100%;max-width:420px;font-size:1.3rem;padding:16px;border-radius:12px;border:2px solid #444;background:#1c1c1c;color:#fff}.big-button{width:100%;max-width:420px;font-size:1.3rem;font-weight:600;padding:18px;border-radius:12px;border:none;background:#2f6feb;color:#fff;cursor:pointer}.big-button:disabled{opacity:.5;cursor:not-allowed}.big-button.secondary{background:#333}.big-button.danger{background:#c62828}.group-list{width:100%;max-width:480px;display:flex;flex-direction:column;gap:12px}.group-card{background:#1c1c1c;border:2px solid #333;border-radius:14px;padding:18px;text-align:left;cursor:pointer;color:#fff;font-size:1.15rem}.group-card:active{border-color:#2f6feb}.group-card .meta{color:#999;font-size:.9rem;margin-top:6px}.status-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-pill.created{background:#444}.status-pill.live{background:#2e7d32}.status-pill.paused{background:#f9a825;color:#222}.status-pill.ended{background:#555}.semaphore{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.semaphore-zone{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#0000008c;transition:filter 80ms ease}.semaphore-zone.green{background:#2e7d32}.semaphore-zone.yellow{background:#f9a825}.semaphore-zone.red{background:#c62828}.semaphore-zone.flash{filter:brightness(1.6)}.timer-badge{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#00000080;color:#fff;padding:6px 14px;border-radius:999px;font-size:.95rem;z-index:10}.pending-badge{position:fixed;top:12px;right:12px;background:#0009;color:#ffcc80;padding:4px 10px;border-radius:999px;font-size:.8rem;z-index:10}.observer{min-height:100dvh;padding:20px;max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.observer-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.controls{display:flex;gap:12px;flex-wrap:wrap}.control-btn{padding:14px 22px;border-radius:10px;border:none;font-size:1rem;font-weight:600;cursor:pointer;color:#fff}.control-btn.start{background:#2e7d32}.control-btn.pause{background:#f9a825;color:#222}.control-btn.end{background:#c62828}.control-btn:disabled{opacity:.4;cursor:not-allowed}.card{background:#1a1a1a;border:1px solid #333;border-radius:14px;padding:18px}.respondent-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #2a2a2a}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.dot.online{background:#2e7d32}.dot.offline{background:#666}.vote-breakdown{display:flex;align-items:center;gap:8px}.vb{display:inline-block;min-width:22px;text-align:center;padding:2px 8px;border-radius:999px;font-size:.85rem;font-weight:700}.vb.green{background:#2e7d32;color:#fff}.vb.yellow{background:#f9a825;color:#222}.vb.red{background:#c62828;color:#fff}.last-vote{min-width:52px;text-align:right;color:#888;font-size:.85rem}.qr-box{background:#fff;padding:12px;border-radius:12px;display:inline-block}a.link{color:#7aa2ff;word-break:break-all}.lock-button{position:fixed;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:1px solid #444;background:#1c1c1c;color:#ccc;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.lock-button:active{border-color:#666}.home-link{display:inline-block;color:#aaa;text-decoration:none;font-size:.9rem;border:1px solid #444;padding:8px 14px;border-radius:8px;background:#1c1c1c;align-self:flex-start}.home-link:hover{color:#fff;border-color:#666}