:root{color-scheme:dark;--bg: #050816;--bg-elevated: rgba(8, 14, 32, .82);--panel: rgba(10, 16, 34, .78);--panel-strong: rgba(12, 20, 42, .94);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #f4f8ff;--muted: #9eb1d4;--accent: #004aad;--accent-2: #41d8ff;--danger: #ff6b6b;--success: #3ad29f;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--shadow: 0 24px 80px rgba(0, 0, 0, .35);--shadow-soft: 0 12px 40px rgba(0, 0, 0, .2);--body-font: "IBM Plex Sans", "Segoe UI", "Trebuchet MS", sans-serif;--display-font: "Fraunces", "Georgia", serif;--mono-font: "SFMono-Regular", "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(0,74,173,.25),transparent 36%),radial-gradient(circle at top right,rgba(65,216,255,.12),transparent 26%),linear-gradient(180deg,#050816,#060b1a);font-family:var(--body-font)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 88%)}h1,h2,h3,h4{margin:0;font-family:var(--display-font);letter-spacing:-.02em}p{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.page-shell,.mobile-shell{min-height:100vh;min-height:100dvh;padding:32px}.page-shell{max-width:1600px;margin:0 auto}.stack{display:flex;flex-direction:column}.gap-xs{gap:8px}.gap-sm{gap:12px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:32px}.row{display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.align-center{align-items:center}.center{align-items:center;justify-content:center}.center-screen{min-height:40vh;display:grid;place-items:center;text-align:center}.panel,.client-panel,.visual-panel{border:1px solid var(--border);background:linear-gradient(180deg,var(--panel-strong),var(--panel));border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.panel,.client-panel,.visual-panel{padding:24px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-header.compact{margin-bottom:14px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}.hero-copy h1{font-size:clamp(2rem,4vw,4.5rem);line-height:.95;margin:14px 0}.eyebrow,.tiny,.badge,.metric span{font-family:var(--mono-font);letter-spacing:.08em;text-transform:uppercase}.eyebrow{color:var(--accent-2);font-size:.76rem}.muted{color:var(--muted)}.tiny{font-size:.75rem}.mono-line{font-family:var(--mono-font);word-break:break-word}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:10px}.field span,.toggle span{color:var(--muted);font-size:.9rem}.input,.textarea,.select{width:100%;border:1px solid var(--border);background:#ffffff0a;color:var(--text);border-radius:var(--radius-sm);padding:14px 16px;outline:none;transition:border-color .2s ease,transform .2s ease,background .2s ease}.input:focus,.textarea:focus,.select:focus{border-color:#41d8ffcc;background:#ffffff0f}.textarea{resize:vertical}.input.large,.textarea.large{padding:18px 20px;font-size:1.05rem}.btn{border:1px solid var(--border);background:#ffffff0a;color:var(--text);border-radius:999px;padding:12px 16px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px);border-color:var(--border-strong)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff}.btn.ghost{background:transparent}.btn.danger{background:#ff6b6b1f;border-color:#ff6b6b38;color:#ffd1d1}.btn.large-btn{padding:16px 20px;font-size:1rem}.client-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:16px 20px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 18px 40px #004aad47;font-weight:700;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,opacity .2s ease}.client-primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 46px #004aad52;filter:saturate(1.05)}.client-primary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.client-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:0 24px;border:2px solid #111827;border-radius:999px;background:#fff;color:#111827;font-size:17px;font-weight:800;letter-spacing:-.01em;opacity:1;visibility:visible}.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);font-size:.72rem}.realtime-status{display:grid;gap:10px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08}.realtime-status.local{background:#ffffff05}.realtime-status.syncing{border-color:#41d8ff3d;background:linear-gradient(180deg,#41d8ff17,#ffffff08)}.realtime-status.connected{border-color:#3ad29f38;background:linear-gradient(180deg,#3ad29f14,#ffffff08)}.realtime-status.error{border-color:#ff6b6b47;background:linear-gradient(180deg,#ff6b6b1a,#ffffff08)}.realtime-badge.connected{color:#8ef0cf;border-color:#3ad29f40}.realtime-badge.syncing{color:#9beaff;border-color:#41d8ff47}.realtime-badge.error{color:#ffb6b6;border-color:#ff6b6b47}.admin-status-bar{display:grid;gap:10px}.status-live{color:#8ef0cf;border-color:#3ad29f40}.status-ended{color:#ffd39c;border-color:#ffd39c40}.session-list,.stack>.session-item,.stack>.question-card,.stack>.response-card{animation:fadeUp .35s ease both}.session-item,.question-card,.response-card,.submitted-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff08;padding:16px}.question-card.active{border-color:#41d8ff73;box-shadow:0 0 0 1px #41d8ff14 inset;background:linear-gradient(180deg,#004aad1f,#ffffff08)}.question-card,.response-card{display:flex;flex-direction:column;gap:14px}.session-item .session-title-input{flex:1;min-width:0}.response-card.hidden{opacity:.62}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-md);padding:24px;text-align:center;color:var(--muted)}.metrics-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric{padding:14px 16px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border)}.metric strong{display:block;margin-top:8px;font-size:1.05rem}.toggle{display:flex;align-items:center;gap:10px;padding:14px 0}.admin-session{display:grid;gap:24px}.admin-grid{display:grid;grid-template-columns:.9fr 1.4fr 1fr;gap:24px;align-items:start}.host-screen{min-height:100vh;padding:28px;background:radial-gradient(circle at top,rgba(0,74,173,.22),transparent 35%),linear-gradient(180deg,#02040b,#040a18 60%,#050816)}.host-topbar{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:22px;position:relative;z-index:40}.host-topbar h1{font-size:clamp(1.8rem,2.8vw,3.3rem)}.host-stats{display:flex;flex-wrap:wrap;justify-content:end;gap:10px}.host-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:24px;align-items:start}.host-main{min-height:78vh;display:flex;flex-direction:column;gap:18px}.host-main h2{font-size:clamp(2rem,4vw,4.3rem);line-height:.98}.host-aside{position:sticky;top:24px}.qr-card{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-frame{width:min(100%,340px);aspect-ratio:1;display:grid;place-items:center;padding:14px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 12px #0b1024,0 22px 55px #0000006b}.qr-frame svg{width:100%;height:100%;display:block}.link{color:var(--accent-2);word-break:break-all}.visual-panel{min-height:34vh}.word-cloud{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.word-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#ffffff0d;border:1px solid var(--border);text-transform:lowercase}.poll-list,.ranking-list,.text-wall{display:grid;gap:14px}.poll-row,.ranking-row{display:grid;gap:12px}.poll-track{height:14px;border-radius:999px;overflow:hidden;background:#ffffff0f;border:1px solid var(--border)}.poll-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.ranking-row{grid-template-columns:64px 1fr;align-items:stretch}.ranking-index{display:grid;place-items:center;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid var(--border);font-size:1.15rem;font-weight:700}.ranking-row.winner .ranking-index{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.text-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff0a;padding:16px}.text-card footer{display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:var(--muted);font-size:.84rem}.client-panel{width:min(100%,620px);margin:0 auto;gap:20px;min-height:100dvh;justify-content:center}.client-page{min-height:100dvh;overflow-y:auto;padding:24px 16px calc(120px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:16px;background:#f6f4ee}.client-page .client-panel:not(.center){min-height:auto;justify-content:flex-start;align-items:stretch}.client-page .client-panel.center{min-height:calc(100dvh - 48px)}.client-panel h1{font-size:clamp(2rem,6vw,3.4rem);line-height:.98}.choice-list{display:grid;gap:12px}.choice-card{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff0a;min-height:56px}.choice-card.selected{border-color:#41d8ff8c;box-shadow:0 0 0 1px #41d8ff1a inset}.submitted-card{width:100%}.submitted-card strong{display:block;margin-bottom:10px}.large-btn{width:100%;min-height:52px}.join-form,.answer-form{display:grid;gap:16px;align-items:stretch;width:100%}.join-submit-button,.answer-submit-button{position:sticky;bottom:calc(16px + env(safe-area-inset-bottom));z-index:80;align-self:end}.answer-form textarea{margin-bottom:8px}.debug-box{width:100%;margin:0;padding:12px;border-radius:16px;border:1px dashed rgba(0,74,173,.22);background:#ffffffb8;color:var(--room-muted, #6b7280);font-family:var(--mono-font);font-size:.72rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.host-placeholder{min-height:44vh}.host-placeholder.collecting{background:linear-gradient(180deg,#004aad1f,#ffffff05);border:1px solid rgba(65,216,255,.18);border-radius:var(--radius-md)}.host-placeholder h3,.client-panel h1{text-wrap:balance}.admin-header{position:relative}.admin-header .realtime-status{margin-top:8px}.login-shell{display:grid;place-items:center}.login-card{width:min(100%,560px)}.error-text{color:#ffb6b6;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.18);padding:12px 14px;border-radius:var(--radius-sm)}.admin-header:after{content:"";position:absolute;inset:auto 24px 18px auto;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px #004aad29}.host-stats .badge{min-height:36px}.copy-status{margin-top:6px}.session-list{display:grid;gap:12px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1220px){.admin-grid,.host-grid,.hero{grid-template-columns:1fr}.host-aside{position:static}}@media (max-width: 760px){.page-shell,.mobile-shell,.host-screen,.panel,.client-panel,.visual-panel{padding:18px}.form-grid,.metrics-row{grid-template-columns:1fr}.admin-header .row,.host-topbar,.panel-header,.session-item .row{flex-direction:column;align-items:stretch}.host-stats,.row.wrap{justify-content:flex-start}}.host-screen,.mobile-shell.client-room-shell{color:var(--room-ink, #111827);background:radial-gradient(circle at top left,rgba(0,74,173,.1),transparent 32%),radial-gradient(circle at top right,rgba(170,208,4,.12),transparent 28%),linear-gradient(180deg,#f8f6f0,#f3efe6)}.host-screen{--room-bg: #f6f4ee;--room-surface: #ffffff;--room-blue: #004aad;--room-lime: #aad004;--room-ink: #111827;--room-muted: #6b7280;--room-line: rgba(0, 74, 173, .14);position:relative}.host-screen:before,.mobile-shell.client-room-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(17,24,39,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.02) 1px,transparent 1px);background-size:36px 36px;opacity:.5;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 90%);mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 90%)}.host-screen .panel,.host-screen .visual-panel,.host-screen .client-panel,.mobile-shell.client-room-shell .panel,.mobile-shell.client-room-shell .client-panel,.mobile-shell.client-room-shell .visual-panel{color:var(--room-ink);border-color:var(--room-line);background:linear-gradient(180deg,#fffffff5,#faf8f1eb);box-shadow:0 24px 70px #11182714}.host-screen .muted,.mobile-shell.client-room-shell .muted{color:var(--room-muted)}.host-screen .badge,.mobile-shell.client-room-shell .badge,.host-screen .btn,.mobile-shell.client-room-shell .btn{color:var(--room-ink);border-color:var(--room-line);background:#ffffffb3}.host-screen .realtime-status,.mobile-shell.client-room-shell .realtime-status{color:var(--room-ink);border-color:var(--room-line);background:#ffffffc7}.host-screen .btn.primary,.mobile-shell.client-room-shell .btn.primary{color:#fff;background:linear-gradient(135deg,var(--room-blue),var(--room-lime));border-color:transparent}.host-screen .btn.ghost,.mobile-shell.client-room-shell .btn.ghost{background:#fff6}.host-topbar{padding:18px 22px;border:1px solid var(--room-line);border-radius:28px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 56px #1118270f}.host-topbar h1{color:var(--room-ink)}.host-grid{align-items:stretch}.host-main{min-height:74vh}.host-aside{top:20px}.qr-card{color:var(--room-ink)}.qr-frame{border:1px solid var(--room-line);background:#fffffff5;box-shadow:0 18px 48px #11182717}.live-room{position:relative;overflow:visible;min-height:74vh;display:flex;flex-direction:column;gap:22px}.live-room-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;position:relative;z-index:40;margin-bottom:40px}.live-room-header h2{font-size:clamp(2rem,3.8vw,4rem);line-height:.96}.live-room-stats{justify-content:flex-end}.live-room-stage{position:relative;flex:1;min-height:620px;margin-top:56px;border:1px solid var(--room-line);border-radius:34px;background:radial-gradient(circle at center,rgba(170,208,4,.12),transparent 36%),linear-gradient(180deg,#ffffffeb,#f7f3eafa);overflow:visible;isolation:isolate}.room-glow{position:absolute;inset:auto;width:280px;height:280px;border-radius:50%;filter:blur(10px);opacity:.45;z-index:0;pointer-events:none}.room-glow-a{top:-40px;left:-80px;background:radial-gradient(circle,rgba(0,74,173,.18),transparent 68%)}.room-glow-b{right:-70px;bottom:-60px;background:radial-gradient(circle,rgba(170,208,4,.2),transparent 68%)}.table-shadow{position:absolute;left:50%;top:62%;width:min(72vw,760px);height:min(36vw,360px);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(17,24,39,.14),transparent 64%);filter:blur(14px);z-index:1;pointer-events:none}.room-table{position:absolute;left:50%;top:62%;width:min(72vw,740px);height:min(34vw,330px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 35%,#ffffffeb,#f3eee4f5 58%,#ebe5d6fa);border:1px solid rgba(0,74,173,.12);box-shadow:inset 0 0 0 18px #ffffff80,0 30px 80px #1118271f;z-index:1}.room-table-core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(44vw,360px);text-align:center;display:grid;gap:12px}.table-kicker{font-family:var(--mono-font);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--room-blue)}.avatar-ring,.note-ring{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:visible}.ring-item{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(var(--ring-x),var(--ring-y)) rotate(var(--ring-rotate))}.note-slot-item{left:var(--slot-x);top:var(--slot-y);transform:translate(-50%,-50%) rotate(var(--slot-rotate));width:clamp(180px,18vw,260px);z-index:12}.live-room-seat,.seat-cluster{position:absolute;left:var(--slot-x);top:var(--slot-y);transform:translate(-50%,-50%) rotate(var(--slot-rotate));display:flex;flex-direction:column;align-items:center;gap:10px;width:clamp(180px,18vw,260px);z-index:12}.live-room-seat .response-note,.seat-cluster .response-note{width:100%;margin:0;z-index:13}.seat-cluster-person{display:grid;justify-items:center;gap:8px;z-index:11}.seat-cluster-line{width:2px;height:18px;border-radius:999px;background:linear-gradient(180deg,#004aad47,#aad0045c);box-shadow:0 0 0 3px #ffffff6b}.live-room-seat .participant-avatar,.seat-cluster .participant-avatar{transform:scale(.88);position:relative;z-index:11}.live-room-seat .avatar-head,.seat-cluster .avatar-head{width:54px;height:54px}.live-room-seat .avatar-body,.seat-cluster .avatar-body{width:30px;height:20px}.avatar-item{z-index:2}.note-item{z-index:3;width:min(260px,44vw)}.participant-avatar{display:grid;justify-items:center;gap:6px;color:var(--room-ink)}.avatar-head{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--avatar-tint),rgba(255,255,255,.22));color:#fff;font-weight:700;box-shadow:0 14px 30px #11182729}.avatar-body{width:34px;height:22px;border-radius:16px 16px 10px 10px;background:linear-gradient(180deg,#111827e0,#1118278f)}.avatar-name{max-width:80px;font-size:.75rem;text-align:center;color:var(--room-ink);text-shadow:0 1px 0 rgba(255,255,255,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-chair-row{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:18px}.empty-chair{width:54px;height:54px;border-radius:50%;border:1px dashed rgba(0,74,173,.22);background:#ffffff94}.response-empty{position:absolute;left:50%;top:14%;transform:translate(-50%);width:min(420px,80%);text-align:center;background:#ffffffc7;border:1px solid var(--room-line);border-radius:24px;padding:18px 20px;box-shadow:0 18px 40px #11182714;z-index:9}.response-note{position:relative;z-index:13;display:grid;gap:12px;padding:18px 18px 16px;min-height:108px;max-width:260px;border-radius:24px;border:2px solid rgba(0,74,173,.22);background:linear-gradient(180deg,#fffffffa,#f8f3e8f5),radial-gradient(circle at top right,rgba(170,208,4,.12),transparent 36%);color:#111827;box-shadow:0 18px 40px #11182724,0 0 0 1px #ffffffb8 inset;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:visible;isolation:isolate;transform:rotate(-.5deg)}.response-note:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:18px;border:1px dashed rgba(0,74,173,.14);pointer-events:none}.response-note strong,.response-note .response-note-body,.response-note .tiny{color:#111827;opacity:1}.response-note .tiny.muted{color:#475569}.response-note.is-liked-now{animation:liked-card-flash 1.25s ease-out;border-color:#004aad;box-shadow:0 28px 68px #004aad57,0 0 0 10px #aad00442,0 0 0 20px #004aad1a}.response-note.popular{border-color:#004aad6b;box-shadow:0 18px 46px #004aad2e,0 0 0 4px #aad0041a}.response-note.emphasis{box-shadow:0 0 0 1px #004aad29,0 22px 48px #1118271f}.response-note.mine{border-color:#004aad52}.response-note-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.response-note-body{margin:0;color:#111827;font-size:1.02rem;line-height:1.45;font-weight:800;word-break:keep-all;overflow-wrap:anywhere}.response-note-actions{display:flex;justify-content:flex-end;align-items:center}.response-note.is-liked-now .response-note-actions,.response-note.popular .response-note-actions{position:relative;z-index:14}.response-like-button,.like-button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,74,173,.18);background:#ffffffd6;color:#111827;border-radius:999px;padding:8px 12px;font-weight:700}.response-like-button.is-liked,.like-button.active{background:linear-gradient(135deg,#004aad29,#aad00438);border-color:#004aad52;box-shadow:0 12px 24px #004aad24}.response-like-button:disabled,.like-button:disabled{opacity:.7;cursor:wait}.like-badge{color:var(--room-blue);border-color:#004aad24;background:#ffffffb3}.like-burst{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;z-index:30}.like-burst-particle{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:var(--room-lime);font-size:1.05rem;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.92);filter:drop-shadow(0 6px 12px rgba(17,24,39,.16)) drop-shadow(0 0 12px rgba(170,208,4,.24));animation:burstFloat .95s cubic-bezier(.16,.84,.32,1) forwards;animation-delay:var(--burst-delay)}@keyframes liked-card-flash{0%{background:#fffffffa;border-color:#004aad38;box-shadow:0 18px 40px #11182724,0 0 #aad00400;transform:scale(1)}18%{background:linear-gradient(135deg,#eaf2ff,#f5ffd9);border-color:#004aad;box-shadow:0 24px 56px #004aad4d,0 0 0 10px #aad00442,0 0 0 20px #004aad1a;transform:scale(1.045) rotate(-.4deg)}45%{background:linear-gradient(135deg,#fff6fb,#eaf2ff 55%,#f5ffd9);border-color:#aad004;box-shadow:0 28px 68px #004aad57,0 0 0 8px #ea799233,0 0 0 18px #aad0042e;transform:scale(1.025) rotate(.25deg)}to{background:#fffffffa;border-color:#004aad38;box-shadow:0 18px 40px #11182724,0 0 0 1px #ffffffb8 inset;transform:scale(1)}}.client-room-shell{min-height:100vh;position:relative}.client-room{width:min(100%,840px);margin:0 auto;gap:24px}.client-room-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.submitted-card--bright,.panel-soft,.client-hint{background:#ffffffc7;border:1px solid var(--room-line);border-radius:24px;padding:18px;box-shadow:0 16px 34px #1118270f}.submitted-response{display:grid;gap:10px;margin:18px 0 20px}.response-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.client-footer-note{padding-top:4px}.client-section{display:grid;gap:14px}.client-room .client-panel{width:100%;min-height:auto;justify-content:flex-start}.client-room .choice-card,.mobile-shell.client-room-shell .choice-card{background:#ffffffd1;border-color:var(--room-line);color:var(--room-ink)}.client-room .choice-card.selected,.mobile-shell.client-room-shell .choice-card.selected{background:#004aad14}.client-room .input,.client-room .textarea,.client-room .select,.mobile-shell.client-room-shell .input,.mobile-shell.client-room-shell .textarea,.mobile-shell.client-room-shell .select{color:var(--room-ink);border-color:var(--room-line);background:#ffffffe0}.client-room .input:focus,.client-room .textarea:focus,.client-room .select:focus,.mobile-shell.client-room-shell .input:focus,.mobile-shell.client-room-shell .textarea:focus,.mobile-shell.client-room-shell .select:focus{border-color:#004aad6b;background:#fffffffa}.client-room .btn,.mobile-shell.client-room-shell .btn{border-color:var(--room-line)}.client-room .client-primary-button,.mobile-shell.client-room-shell .client-primary-button{color:#fff;background:linear-gradient(135deg,var(--room-blue),var(--room-lime));box-shadow:0 20px 44px #004aad2e}.client-room .join-submit-button,.client-room .answer-submit-button,.mobile-shell.client-room-shell .join-submit-button,.mobile-shell.client-room-shell .answer-submit-button{position:sticky;bottom:16px;z-index:20}.client-room .large-btn{position:sticky;bottom:16px;z-index:10}.client-page .client-primary-button{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:58px;padding:0 24px;border:2px solid #004aad!important;border-radius:999px;background:#004aad!important;color:#fff!important;font-size:18px;font-weight:900;letter-spacing:-.02em;box-shadow:0 14px 30px #004aad47;opacity:1!important;visibility:visible!important;pointer-events:auto;cursor:pointer}.client-page .client-primary-button:disabled{border-color:#9fb2d4!important;background:#dde6f6!important;color:#004aad!important;opacity:1!important;box-shadow:none;cursor:not-allowed}.client-page .client-secondary-button{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 24px;border:2px solid #111827!important;border-radius:999px;background:#fff!important;color:#111827!important;font-size:17px;font-weight:800;opacity:1!important;visibility:visible!important}.client-page .join-submit-button,.client-page .answer-submit-button{margin-top:20px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:80}.client-page .answer-form textarea{margin-bottom:8px}@keyframes burstFloat{0%{opacity:0;transform:translate(0) scale(.8)}18%{opacity:1}to{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) scale(1.2)}}@media (max-width: 980px){.host-screen .panel,.host-screen .visual-panel,.host-screen .client-panel{padding:18px}.live-room-header,.client-room-header{flex-direction:column}.live-room-stage{min-height:700px;margin-top:52px}.room-table{width:86vw;height:52vw}.room-table-core{width:min(64vw,320px)}.avatar-ring,.note-ring{transform:scale(.92)}}@media (max-width: 760px){.client-page{padding:24px 16px calc(120px + env(safe-area-inset-bottom))}.host-screen .panel,.mobile-shell.client-room-shell .panel,.host-screen .visual-panel,.mobile-shell.client-room-shell .visual-panel,.host-screen .client-panel,.mobile-shell.client-room-shell .client-panel{padding:16px}.live-room-stage{min-height:780px;margin-top:48px}.room-table{width:96vw;height:76vw;top:62%}.room-table-core{width:min(74vw,300px)}.avatar-item .participant-avatar{transform:scale(.84)}.note-item,.note-slot-item,.live-room-seat,.seat-cluster{width:clamp(180px,18vw,220px)}.response-note,.live-room-seat .response-note,.seat-cluster .response-note{min-height:108px}.response-grid{grid-template-columns:1fr}}