:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050816;--bg-elevated:#080e20d1;--panel:#0a1022c7;--panel-strong:#0c142af0;--border:#ffffff17;--border-strong:#ffffff29;--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 #00000059;--shadow-soft:0 12px 40px #0003;--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{color:var(--text);font-family:var(--body-font);background:radial-gradient(circle at 0 0,#004aad40,#0000 36%),radial-gradient(circle at 100% 0,#41d8ff1f,#0000 26%),linear-gradient(#050816 0%,#060b1a 100%);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0000 88%);mask-image:linear-gradient(#000000bf,#0000 88%)}h1,h2,h3,h4{font-family:var(--display-font);letter-spacing:-.02em;margin:0}p{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.page-shell,.mobile-shell{min-height:100dvh;padding:32px}.page-shell{max-width:1600px;margin:0 auto}.stack{flex-direction:column;display:flex}.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{justify-content:center;align-items:center}.center-screen{text-align:center;place-items:center;min-height:40vh;display:grid}.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);padding:24px}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel-header.compact{margin-bottom:14px}.hero{grid-template-columns:1.2fr .8fr;align-items:start;gap:24px;display:grid}.hero-copy h1{margin:14px 0;font-size:clamp(2rem,4vw,4.5rem);line-height:.95}.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{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{flex-direction:column;gap:10px;display:flex}.field span,.toggle span{color:var(--muted);font-size:.9rem}.input,.textarea,.select{border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-sm);background:#ffffff0a;outline:none;padding:14px 16px;transition:border-color .2s,transform .2s,background .2s}.input:focus,.textarea:focus,.select:focus{background:#ffffff0f;border-color:#41d8ffcc}.textarea{resize:vertical}.input.large,.textarea.large{padding:18px 20px;font-size:1.05rem}.btn{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:999px;padding:12px 16px;transition:transform .2s,border-color .2s,background .2s}.btn:hover{border-color:var(--border-strong);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.btn.ghost{background:0 0}.btn.danger{color:#ffd1d1;background:#ff6b6b1f;border-color:#ff6b6b38}.btn.large-btn{padding:16px 20px;font-size:1rem}.client-primary-button{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));letter-spacing:.01em;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;padding:16px 20px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s,opacity .2s;display:inline-flex;box-shadow:0 18px 40px #004aad47}.client-primary-button:hover:not(:disabled){filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 22px 46px #004aad52}.client-primary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.client-secondary-button{color:#111827;letter-spacing:-.01em;opacity:1;visibility:visible;background:#fff;border:2px solid #111827;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;padding:0 24px;font-size:17px;font-weight:800;display:inline-flex}.badge{border:1px solid var(--border);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:.72rem;display:inline-flex}.realtime-status{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;gap:10px;padding:16px 18px;display:grid}.realtime-status.local{background:#ffffff05}.realtime-status.syncing{background:linear-gradient(#41d8ff17,#ffffff08);border-color:#41d8ff3d}.realtime-status.connected{background:linear-gradient(#3ad29f14,#ffffff08);border-color:#3ad29f38}.realtime-status.error{background:linear-gradient(#ff6b6b1a,#ffffff08);border-color:#ff6b6b47}.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{gap:10px;display:grid}.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:.35s both fadeUp}.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{background:linear-gradient(#004aad1f,#ffffff08);border-color:#41d8ff73;box-shadow:inset 0 0 0 1px #41d8ff14}.question-card,.response-card{flex-direction:column;gap:14px;display:flex}.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);text-align:center;color:var(--muted);padding:24px}.metrics-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.metric{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0a;padding:14px 16px}.metric strong{margin-top:8px;font-size:1.05rem;display:block}.toggle{align-items:center;gap:10px;padding:14px 0;display:flex}.admin-session{gap:24px;display:grid}.admin-grid{grid-template-columns:.9fr 1.4fr 1fr;align-items:start;gap:24px;display:grid}.host-screen{background:radial-gradient(circle at top,#004aad38,#0000 35%),linear-gradient(#02040b,#040a18 60%,#050816);min-height:100vh;padding:28px}.host-topbar{z-index:40;justify-content:space-between;align-items:start;gap:18px;margin-bottom:22px;display:flex;position:relative}.host-topbar h1{font-size:clamp(1.8rem,2.8vw,3.3rem)}.host-stats{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.host-grid{grid-template-columns:1.55fr .75fr;align-items:start;gap:24px;display:grid}.host-main{flex-direction:column;gap:18px;min-height:78vh;display:flex}.host-main h2{font-size:clamp(2rem,4vw,4.3rem);line-height:.98}.host-aside{position:sticky;top:24px}.qr-card{flex-direction:column;align-items:center;gap:16px;display:flex}.qr-frame{aspect-ratio:1;background:#fff;border-radius:28px;place-items:center;width:min(100%,340px);padding:14px;display:grid;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{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.word-pill{border:1px solid var(--border);text-transform:lowercase;background:#ffffff0d;border-radius:999px;padding:6px 10px;display:inline-flex}.poll-list,.ranking-list,.text-wall{gap:14px;display:grid}.poll-row,.ranking-row{gap:12px;display:grid}.poll-track{border:1px solid var(--border);background:#ffffff0f;border-radius:999px;height:14px;overflow:hidden}.poll-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%}.ranking-row{grid-template-columns:64px 1fr;align-items:stretch}.ranking-index{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0d;place-items:center;font-size:1.15rem;font-weight:700;display:grid}.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{color:var(--muted);justify-content:space-between;gap:12px;margin-top:14px;font-size:.84rem;display:flex}.client-panel{justify-content:center;gap:20px;width:min(100%,620px);min-height:100dvh;margin:0 auto}.client-page{min-height:100dvh;padding:24px 16px calc(120px + env(safe-area-inset-bottom));background:#f6f4ee;flex-direction:column;align-items:center;gap:16px;display:flex;overflow-y:auto}.client-page .client-panel:not(.center){justify-content:flex-start;align-items:stretch;min-height:auto}.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{gap:12px;display:grid}.choice-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff0a;align-items:center;gap:12px;min-height:56px;padding:16px 18px;display:flex}.choice-card.selected{border-color:#41d8ff8c;box-shadow:inset 0 0 0 1px #41d8ff1a}.submitted-card{width:100%}.submitted-card strong{margin-bottom:10px;display:block}.large-btn{width:100%;min-height:52px}.join-form,.answer-form{align-items:stretch;gap:16px;width:100%;display:grid}.join-submit-button,.answer-submit-button{bottom:calc(16px + env(safe-area-inset-bottom));z-index:80;align-self:end;position:sticky}.answer-form textarea{margin-bottom:8px}.debug-box{width:100%;color:var(--room-muted,#6b7280);font-family:var(--mono-font);white-space:pre-wrap;word-break:break-word;background:#ffffffb8;border:1px dashed #004aad38;border-radius:16px;margin:0;padding:12px;font-size:.72rem;line-height:1.5}.host-placeholder{min-height:44vh}.host-placeholder.collecting{border-radius:var(--radius-md);background:linear-gradient(#004aad1f,#ffffff05);border:1px solid #41d8ff2e}.host-placeholder h3,.client-panel h1{text-wrap:balance}.admin-header{position:relative}.admin-header .realtime-status{margin-top:8px}.login-shell{place-items:center;display:grid}.login-card{width:min(100%,560px)}.error-text{color:#ffb6b6;border-radius:var(--radius-sm);background:#ff6b6b1a;border:1px solid #ff6b6b2e;padding:12px 14px}.admin-header:after{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;inset:auto 24px 18px auto;box-shadow:0 0 0 8px #004aad29}.host-stats .badge{min-height:36px}.copy-status{margin-top:6px}.session-list{gap:12px;display:grid}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1220px){.admin-grid,.host-grid,.hero{grid-template-columns:1fr}.host-aside{position:static}}@media (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}}.admin-session{background:radial-gradient(circle at 8% 2%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 28rem), radial-gradient(circle at 92% 8%, var(--session-glow), transparent 24rem), linear-gradient(180deg, color-mix(in srgb, var(--room-bg) 9%, #050816), #050816 34rem);max-width:none;padding-bottom:118px}.admin-session .admin-header{border-color:color-mix(in srgb, var(--accent) 42%, #ffffff14);position:relative;overflow:hidden}.admin-session .admin-header:before{content:"";background:var(--session-gradient);width:8px;position:absolute;inset:0 auto 0 0}.admin-session .btn.primary{color:#fff;background:var(--session-gradient);border-color:#0000}.admin-session .eyebrow{color:var(--accent-2)}.admin-workspace-tabs{z-index:70;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050816db;border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;display:grid;position:sticky;top:8px;box-shadow:0 18px 48px #00000047}.admin-workspace-tabs button{min-height:58px;color:var(--muted);background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;font-weight:750;display:flex}.admin-workspace-tabs button span{font:600 .68rem var(--mono-font);opacity:.58}.admin-workspace-tabs button.active{color:#fff;background:var(--session-gradient);box-shadow:0 12px 30px color-mix(in srgb, var(--accent) 28%, transparent)}.admin-workspace{min-width:0}.setup-summary,.engagement-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.setup-summary>div,.engagement-metrics article{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 7%, #0a1022e6);border-radius:18px;align-content:center;gap:8px;min-height:96px;padding:18px;display:grid}.setup-summary span,.engagement-metrics span{color:var(--muted);font:600 .68rem var(--mono-font);text-transform:uppercase;letter-spacing:.08em}.setup-summary strong,.engagement-metrics strong{font-size:1.65rem}.setup-summary>div:last-child strong{font-size:.9rem}.session-media-manager{padding:0;overflow:hidden}.media-manager-header{justify-content:space-between;align-items:center;gap:20px;padding:26px 28px 18px;display:flex}.storage-status{border:1px solid var(--border);max-width:440px;color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:.76rem;display:flex}.storage-status i{background:#f2b84b;border-radius:50%;flex:none;width:8px;height:8px}.storage-status.ready i{background:var(--success);box-shadow:0 0 14px color-mix(in srgb, var(--success) 65%, transparent)}.storage-status.error{color:#ffb4b4;border-color:#ff6b6b4d}.storage-status.error i{background:var(--danger)}.storage-status button{color:#fff;background:0 0;border:0;text-decoration:underline}.media-tabs{border-bottom:1px solid var(--border);gap:4px;padding:0 28px;display:flex}.media-tabs button{min-height:52px;color:var(--muted);background:0 0;border:0;padding:0 20px;font-weight:750;position:relative}.media-tabs button.active{color:#fff}.media-tabs button.active:after{content:"";background:var(--session-gradient);border-radius:99px 99px 0 0;height:3px;position:absolute;inset:auto 12px -1px}.media-tabs b{font:600 .68rem var(--mono-font);background:#ffffff14;border-radius:99px;margin-left:6px;padding:2px 6px}.media-tab-content{padding:28px}.media-editor-grid{grid-template-columns:minmax(280px,.72fr) minmax(320px,1.28fr);gap:24px;display:grid}.theme-live-preview{min-height:360px;color:var(--room-ink);background:radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--room-lime) 28%, transparent), transparent 28%), linear-gradient(145deg, color-mix(in srgb, var(--room-bg) 88%, var(--room-surface)), var(--room-bg));border-radius:22px;flex-direction:column;justify-content:flex-end;gap:14px;padding:34px;display:flex;position:relative;overflow:hidden}.theme-live-preview:before{content:"";background:var(--room-blue);opacity:.9;border-radius:50%;width:140px;height:140px;position:absolute;top:-36px;left:-32px}.theme-live-preview h3{font-size:clamp(2rem,4vw,4rem);line-height:.95}.theme-live-preview>p:not(.eyebrow){max-width:440px;color:var(--room-muted)}.theme-live-preview>div{align-items:center;gap:8px;display:flex}.theme-live-preview button{color:#fff;background:var(--session-gradient);border:0;border-radius:99px;min-height:44px;padding:0 18px;font-weight:800}.theme-live-preview span{background:var(--room-blue);border:2px solid #fff;border-radius:50%;width:30px;height:30px}.theme-live-preview span:nth-of-type(2){background:var(--room-lime)}.theme-live-preview span:nth-of-type(3){background:var(--room-cyan)}.upload-progress{width:100%;height:8px;accent-color:var(--accent-2);border:0;border-radius:99px;overflow:hidden}.asset-order{flex-wrap:wrap;gap:5px;display:flex}.asset-order button{border:1px solid var(--border);min-height:30px;color:var(--muted);background:#ffffff0a;border-radius:8px;padding:0 9px;font-size:.7rem}.active-media-controls{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:16px;flex-wrap:wrap;align-items:center;gap:9px;padding:14px;display:flex}.active-media-controls strong{margin-right:auto}.pdf-admin-console{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:18px;gap:14px;padding:18px;display:grid}.pdf-admin-console>div:first-child{justify-content:space-between;display:flex}.pdf-admin-console input,.operation-block input{border:1px solid var(--border);color:#fff;text-align:center;background:#ffffff0f;border-radius:9px;width:66px;min-height:40px;padding:0 8px}.pdf-studio-view-controls{grid-template-columns:1fr 1fr minmax(110px,.8fr);gap:8px;display:grid}.pdf-zoom-select{border:1px solid var(--border);min-height:40px;color:var(--muted);background:#ffffff0f;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:0 9px;font-size:.7rem;display:flex}.pdf-zoom-select select{color:#fff;min-width:70px;font:700 .72rem var(--mono-font);background:#171d2b;border:0}.pdf-page-strip,.remote-page-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.pdf-page-strip>button,.remote-page-strip>button{border:1px solid var(--border);background:#00000047;border-radius:9px;min-width:0;padding:3px;position:relative;overflow:hidden}.pdf-page-strip>button.active,.remote-page-strip>button.active{border-color:var(--accent-2);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-2) 28%, transparent)}.pdf-page-strip>button>span,.remote-page-strip>button>span{color:#fff;font:600 .6rem var(--mono-font);background:#000000b8;border-radius:5px;padding:2px 5px;position:absolute;bottom:5px;right:5px}.salon-pdf-canvas.compact{background:#111;height:90px;min-height:0}.salon-pdf-canvas.compact canvas{max-width:100%;max-height:100%;box-shadow:none;transition-duration:.18s}.live-console-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:20px;display:grid}.stage-preview-card,.live-operation-card{min-width:0}.stage-preview-card>header{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.connection-dot{font:600 .7rem var(--mono-font);color:var(--success)}.stage-preview{border:1px solid var(--border);background:#03050b;border-radius:18px;place-items:center;min-height:440px;margin-bottom:14px;display:grid;position:relative;overflow:hidden}.stage-preview.stage-questions{color:#111827;background:radial-gradient(circle at top right, color-mix(in srgb, var(--room-lime) 25%, transparent), transparent 34%), var(--room-bg);padding:34px}.stage-preview.stage-questions>div{text-align:center;gap:14px;display:grid}.stage-preview.stage-questions strong{max-width:760px;font:700 clamp(1.5rem,3.3vw,3rem) var(--display-font)}.stage-preview.stage-artwork{color:#111827;background:var(--room-bg);grid-template-rows:minmax(0,1fr) auto;padding:24px}.stage-preview.stage-artwork img{object-fit:contain;width:100%;height:330px}.stage-preview.stage-artwork>div{justify-content:space-between;gap:12px;width:100%;padding-top:16px;display:flex}.stage-preview.stage-pdf .salon-pdf-canvas{width:100%;height:440px}.stage-preview.stage-pdf>span{color:#fff;font:600 .7rem var(--mono-font);background:#000000c2;border-radius:9px;padding:7px 10px;position:absolute;bottom:12px;right:12px}.stage-preview.blackout{color:#ffffff59;background:#000}.live-operation-card header{margin-bottom:18px}.operation-block{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0;display:flex}.operation-block>span,.operation-links>span{width:100%;color:var(--muted);font:600 .68rem var(--mono-font);text-transform:uppercase;margin-bottom:3px}.operation-block label{color:var(--muted);align-items:center;gap:5px;display:flex}.operation-links{border-top:1px solid var(--border);gap:8px;padding-top:14px;display:grid}.operation-links a{color:var(--accent-2);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border-radius:9px;padding:10px;overflow:hidden}.question-workspace{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start;gap:20px;display:grid}.engagement-workspace{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:20px;display:grid}.engagement-metrics{grid-column:1/-1}.access-workspace{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);align-items:start;gap:20px;display:grid}.readiness-card ul{gap:10px;padding:0;list-style:none;display:grid}.readiness-card li{border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:12px}.readiness-card li:before{content:"○";margin-right:8px}.readiness-card li.done{color:#fff;border-color:color-mix(in srgb, var(--success) 35%, transparent)}.readiness-card li.done:before{content:"✓";color:var(--success)}.readiness-card .btn{width:100%;margin-top:9px}.admin-live-dock{z-index:100;border:1px solid color-mix(in srgb, var(--accent) 35%, #ffffff1a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050816e8;border-radius:20px;justify-content:center;align-items:center;gap:7px;width:min(100% - 28px,920px);min-height:70px;padding:8px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 22px 60px #00000075}.admin-live-dock button{color:#fff;background:#ffffff14;border:0;border-radius:12px;min-height:48px;padding:0 16px;font-weight:750}.admin-live-dock button:last-child,.admin-live-dock button.active{background:var(--session-gradient)}.admin-live-dock strong{color:var(--accent-2);font:700 .8rem var(--mono-font);padding:0 8px}.salon-blackout{color:#ffffff2e;background:#000;place-items:center;min-height:100vh;display:grid}.salon-blackout p{font:600 .7rem var(--mono-font);letter-spacing:.12em;text-transform:uppercase}.remote-v2{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 22%, #070a14) 0 620px, var(--room-bg) 620px)}.remote-v2>header{min-height:92px}.remote-connection{justify-items:end;gap:5px;display:grid}.remote-connection span{font:600 .62rem var(--mono-font)}.remote-connection .online{color:#72e8bb}.remote-connection .offline{color:#ff8f8f}.remote-connection button{color:#ffffffa6;background:0 0;border:1px solid #ffffff29;border-radius:7px;padding:4px 7px;font-size:.62rem}.remote-connection button.active{color:#10151f;background:var(--accent-2)}.remote-now-title{justify-content:space-between;align-items:start;gap:10px;display:flex}.remote-now-title>button{color:#fff;background:#ffffff12;border:1px solid #ffffff24;border-radius:9px;min-height:38px;padding:0 10px;font-size:.66rem}.remote-now-title>button.active{background:var(--accent)}.remote-screen-preview{background:#03050a;border-radius:15px;place-items:center;height:210px;display:grid;overflow:hidden}.remote-screen-preview>img{object-fit:contain;width:100%;height:100%}.remote-screen-preview>div{color:#fff;text-align:center;gap:8px;display:grid}.remote-screen-preview>div span{color:#ffffff80;font-size:.72rem}.remote-screen-preview .salon-pdf-canvas{width:100%;height:210px}.remote-screen-preview.blackout{color:#ffffff47;background:#000}.remote-live-metric{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.remote-live-metric b{color:var(--accent-2);font:700 1.4rem var(--mono-font)}.remote-live-metric small{font-size:.55rem}.remote-view-controls{grid-template-columns:1fr 1fr minmax(105px,.9fr);gap:5px;margin-top:8px;display:grid}.remote-view-controls button{color:#fff;background:#ffffff14;border:0;border-radius:8px;min-height:38px;font-size:.66rem}.remote-view-controls button.active{color:#111827;background:var(--accent-2)}.remote-view-controls .pdf-zoom-select{border:0;min-height:38px}.remote-page-strip{margin-top:10px}.remote-page-strip .salon-pdf-canvas.compact{height:58px}.remote-links{grid-template-columns:1fr;gap:6px;margin-top:10px;display:grid}.remote-links strong{color:#ffffff80;font-size:.68rem}.remote-links a{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#ffffff14;border-radius:8px;padding:9px;font-size:.7rem;overflow:hidden}.remote-command-status,.remote-error{color:#ffffff80;margin-top:10px;font-size:.65rem}.remote-error{color:#ffabab}@media (width<=980px){.admin-workspace-tabs{grid-template-columns:repeat(2,1fr);position:static}.setup-summary,.engagement-metrics{grid-template-columns:repeat(2,1fr)}.media-editor-grid,.live-console-grid,.question-workspace,.engagement-workspace,.access-workspace{grid-template-columns:1fr}.engagement-metrics{grid-column:auto}}@media (width<=620px){.admin-session{padding:16px 12px 108px}.admin-workspace-tabs button{min-height:50px;font-size:.78rem}.media-manager-header{flex-direction:column;align-items:stretch;padding:20px}.media-tabs{padding:0 12px;overflow-x:auto}.media-tabs button{flex:none;padding:0 14px}.media-tab-content{padding:18px}.setup-summary{grid-template-columns:repeat(2,1fr)}.asset-grid{grid-template-columns:1fr}.admin-live-dock{justify-content:flex-start;overflow-x:auto}.admin-live-dock button{flex:none;padding:0 13px;font-size:.72rem}.stage-preview{min-height:330px}.stage-preview.stage-pdf .salon-pdf-canvas{height:330px}}.host-screen,.mobile-shell.client-room-shell{color:var(--room-ink,#111827);background:radial-gradient(circle at top left, color-mix(in srgb, var(--room-blue) 13%, transparent), transparent 32%), radial-gradient(circle at top right, color-mix(in srgb, var(--room-lime) 15%, transparent), transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--room-bg) 90%, white) 0%, var(--room-bg) 100%)}.host-screen{--room-bg:#f6f4ee;--room-surface:#fff;--room-blue:#004aad;--room-lime:#aad004;--room-ink:#111827;--room-muted:#6b7280;--room-line:#004aad24;position:relative}.host-screen:before,.mobile-shell.client-room-shell:before{content:"";pointer-events:none;opacity:.5;background-image:linear-gradient(#11182705 1px,#0000 1px),linear-gradient(90deg,#11182705 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000a6,#0000 90%);mask-image:linear-gradient(#000000a6,#0000 90%)}.session-media-studio{grid-template-columns:minmax(280px,.7fr) minmax(520px,1.3fr);align-items:start;gap:24px;display:grid}.session-media-studio>.wide-media-panel:last-child{grid-column:1/-1}.media-panel{gap:18px;display:grid}.media-panel .panel-header{margin-bottom:0}.media-dropzone{border:1px dashed color-mix(in srgb, var(--accent) 45%, transparent);border-radius:var(--radius-md);min-height:180px;color:var(--accent-2);background:color-mix(in srgb, var(--accent) 8%, transparent);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:relative;overflow:hidden}.media-dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.media-dropzone span{color:var(--muted);font-size:.78rem}.media-dropzone.has-preview img,.poster-zone.has-preview img{object-fit:contain;background:#00000038;width:100%;height:230px}.poster-zone.has-preview img{object-fit:cover}.palette-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;display:flex}.palette-row>div{display:flex}.palette-row i{border:3px solid #11182b;border-radius:50%;width:34px;height:34px;margin-left:-5px;box-shadow:0 4px 12px #0003}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.asset-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff09;overflow:hidden}.asset-card.active{border-color:var(--accent-2);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-2) 18%, transparent)}.asset-card>img{object-fit:contain;background:#00000047;width:100%;height:180px;display:block}.asset-card>div{gap:9px;padding:14px;display:grid}.asset-card span{color:var(--muted);font-size:.78rem}.asset-card .btn{padding:9px 11px;font-size:.76rem}.media-upload-form{border-top:1px solid var(--border);grid-template-columns:minmax(240px,.7fr) 1fr;gap:18px;padding-top:18px;display:grid}.salon-pdf-stage{color:#f4f7ff;background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--accent) 22%, #121827), #060910 68%);grid-template-rows:76px minmax(0,1fr) 56px;width:100vw;height:100vh;min-height:600px;padding:0 3.2vw;display:grid;overflow:hidden}.salon-pdf-stage>header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:20px;display:flex}.salon-pdf-stage>header h1{margin-top:4px;font-size:clamp(1rem,1.5vw,1.45rem)}.salon-pdf-stage>header>span,.salon-pdf-stage>footer>span{color:#ffffff70;font-family:var(--mono-font);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.salon-pdf-canvas{place-items:center;width:100%;height:100%;padding:2vh 0;display:grid;position:relative;overflow:hidden}.salon-pdf-canvas canvas{opacity:0;background:0 0;transition:opacity .34s cubic-bezier(.16,1,.3,1),transform .46s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-47%,-50%)scale(.985);box-shadow:0 30px 90px #00000080}.salon-pdf-canvas[data-direction=backward] canvas{transform:translate(-53%,-50%)scale(.985)}.salon-pdf-canvas canvas.active{z-index:1;opacity:1;transform:translate(-50%,-50%)scale(1)}.salon-pdf-canvas>p{color:#fff9;position:absolute}.salon-pdf-stage>footer{font-family:var(--mono-font);border-top:1px solid #ffffff1a;grid-template-columns:100px 1fr 150px;align-items:center;gap:20px;font-size:.76rem;display:grid}.salon-pdf-stage>footer>i{background:#ffffff24;height:2px;overflow:hidden}.salon-pdf-stage>footer>i span{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .3s;display:block}.artwork-host-stage{color:#20242a;background:color-mix(in srgb, var(--room-bg,#f6f4ee) 92%, white);width:100vw;height:100vh;min-height:650px;padding:0 4vw;position:relative;overflow:hidden}.artwork-host-stage>header{border-bottom:1px solid #191d241f;justify-content:space-between;align-items:center;height:76px;display:flex}.artwork-focus{place-items:center;height:calc(100vh - 148px);display:grid}.artwork-focus img{object-fit:contain;background:#fbfaf6;border:1px solid #191d242e;width:min(68vw,980px);height:70vh;padding:14px;animation:.7s both media-rise;box-shadow:0 34px 90px #322b222e}.mystery-labels{pointer-events:none;flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex;position:absolute;inset:auto 3vw 12vh}.mystery-labels i{background:#ffffffeb;border:1px solid #1e222829;gap:5px;width:115px;height:50px;padding:10px;animation:.55s both media-rise;display:grid;box-shadow:0 8px 20px #2c262017}.mystery-labels b{background:#8e918f;border-radius:99px;height:3px}.mystery-labels b:nth-child(2){width:65%}.mystery-labels b:nth-child(3){width:82%}.artwork-host-stage.collecting>footer{color:#777b7e;font-size:.8rem;position:absolute;bottom:26px;left:4vw}.artwork-mini{justify-content:center;align-items:end;gap:20px;height:31vh;padding:2vh 0;display:flex}.artwork-mini img{object-fit:contain;background:#fff;border:1px solid #191d2429;width:min(36vw,520px);height:26vh;padding:7px;box-shadow:0 20px 55px #2d27201f}.artwork-mini>div{background:#ffffffa6;border-left:3px solid #222;width:210px;padding:14px}.artwork-mini>div span{color:#777;margin-top:5px;font-size:.75rem;display:block}.title-trophy-board{flex-wrap:wrap;place-content:center;align-items:center;gap:18px;height:calc(69vh - 76px);padding:2vh 4vw 4vh;display:flex}.title-trophy-board article{border:1px solid color-mix(in srgb, #c79631 calc(var(--gold) * 80%), #23262a26);background:linear-gradient(135deg, color-mix(in srgb, #fff2ae calc(var(--gold) * 62%), #f8f6f0), color-mix(in srgb, #c98e24 calc(var(--gold) * 48%), #ece9e2));min-width:170px;max-width:330px;transform:scale(var(--title-scale));border-radius:9px;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:15px 17px;display:grid;box-shadow:0 14px 32px #3c2f1b14}.title-trophy-board article.winner{box-shadow:0 0 0 4px #ffdb6652,0 18px 42px #704b1133}.title-trophy-board h2{font-size:clamp(.85rem,1.3vw,1.3rem)}.title-trophy-board b{color:#8c6724;font-family:var(--mono-font);font-size:.72rem}.media-participant{width:min(100%,560px);min-height:100dvh;padding:32px 24px calc(90px + env(safe-area-inset-bottom));color:#111827;background:linear-gradient(180deg, color-mix(in srgb, var(--room-bg,#f6f4ee) 92%, white), #f4f0e7);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;margin:0 auto;display:flex}.pdf-companion{width:min(100%,560px);min-width:0;padding:max(28px, env(safe-area-inset-top)) 20px calc(34px + env(safe-area-inset-bottom));color:#fff;background:radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--accent-2) 22%, transparent), transparent 31%), radial-gradient(circle at 10% 48%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 38%), linear-gradient(165deg, #121727, #070910 72%);justify-content:flex-start;gap:0;position:relative;overflow-x:hidden}.pdf-companion:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 88%);mask-image:linear-gradient(#000c,#0000 88%)}.pdf-companion>*{z-index:1;position:relative}.pdf-companion-mark{align-items:center;gap:12px;width:100%;margin-bottom:clamp(40px,9vh,72px);display:flex}.pdf-companion-mark span{background:#ffffff12;border:1px solid #ffffff29;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:1.15rem;display:grid;box-shadow:0 12px 32px #00000038}.pdf-companion-mark i,.pdf-companion-footer i{background:linear-gradient(90deg,#ffffff40,#0000);flex:1;height:1px}.pdf-companion-copy{text-align:left;gap:14px;width:100%;min-width:0;display:grid}.pdf-companion-copy .eyebrow{color:color-mix(in srgb, var(--accent-2) 76%, white)}.pdf-companion .pdf-companion-copy h1{overflow-wrap:anywhere;word-break:break-word;color:#fff;letter-spacing:-.035em;text-wrap:balance;width:100%;max-width:100%;font-size:clamp(1.65rem,7.2vw,2.55rem);line-height:1.16}.pdf-companion-copy>p:last-child{overflow-wrap:anywhere;color:#ffffff8f;word-break:keep-all;max-width:33rem;font-size:clamp(.84rem,3.7vw,1rem);line-height:1.65}.pdf-companion-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0e;border:1px solid #ffffff1f;border-radius:22px;grid-template-columns:minmax(0,1.45fr) minmax(92px,.55fr);gap:12px;width:100%;min-width:0;margin-top:clamp(28px,6vh,48px);padding:12px;display:grid;box-shadow:0 24px 60px #00000040}.pdf-companion-cover{background:#030407;border-radius:13px;place-items:center;min-width:0;height:clamp(130px,25vh,190px);display:grid;position:relative;overflow:hidden}.pdf-companion-cover img{object-fit:contain;width:100%;height:100%;display:block}.pdf-companion-cover span{color:#fff;font:700 .5rem var(--mono-font);letter-spacing:.1em;background:#e3484f;border-radius:999px;padding:5px 7px;position:absolute;top:8px;left:8px}.pdf-companion-page{text-align:center;border-left:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.pdf-companion-page span,.pdf-companion-page small{color:#ffffff6b;max-width:100%;font:600 .52rem var(--mono-font);letter-spacing:.08em;white-space:nowrap}.pdf-companion-page strong{color:#fff;font:500 clamp(2.5rem, 14vw, 4.5rem) var(--display-font);margin:8px 0 5px;line-height:.9}.pdf-companion-footer{color:#ffffff57;white-space:nowrap;align-items:center;gap:10px;width:100%;min-width:0;margin-top:auto;padding-top:30px;font-size:.65rem;display:flex}.pdf-companion-footer i:last-child{transform:scaleX(-1)}.media-participant h1{font-size:clamp(2rem,9vw,3.5rem);line-height:1}.participant-artwork{object-fit:contain;background:#fff;border:1px solid #11182724;width:min(100%,430px);height:38vh;padding:8px;box-shadow:0 20px 60px #25201b21}.artwork-companion form{text-align:left;gap:14px;width:100%;display:grid}.artwork-companion form label{gap:8px;font-weight:700;display:grid}.artwork-companion form input{color:#111827;background:#fff;border:2px solid #111827;border-radius:14px;min-height:58px;padding:0 16px;font-size:1rem}.submitted-title{background:#ffffffb3;border:1px solid #1118271f;border-radius:20px;width:100%;padding:22px}.submitted-title span{color:var(--accent);font-family:var(--mono-font);font-size:.75rem}.submitted-title h2{margin:13px 0;font-size:1.7rem}.submitted-title p{color:#6b7280;font-size:.82rem}.artwork-voting{text-align:left;justify-content:flex-start;align-items:stretch}.mobile-title-list{gap:11px;display:grid}.mobile-title-list button{color:#111827;text-align:left;background:#ffffffd1;border:1px solid #11182724;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:14px 16px;display:flex}.mobile-title-list button b{color:var(--accent);white-space:nowrap}.remote-control{color:#111827;background:linear-gradient(#0b1020 0 390px,#f4f1e9 390px);width:min(100%,540px);min-height:100vh;margin:0 auto;padding:0 20px 110px}.remote-control>header{color:#fff;justify-content:space-between;align-items:center;min-height:82px;display:flex}.remote-control>header h1{margin-top:5px;font-size:1rem}.remote-now{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;min-height:290px;padding:22px;box-shadow:0 24px 60px #0000003d}.remote-now h2{margin:7px 0 18px;font-size:1.7rem}.remote-current{grid-template-columns:120px 1fr;align-items:center;gap:16px;display:grid}.remote-current img{object-fit:contain;background:#05070b;border-radius:10px;width:120px;height:110px}.remote-current div{gap:12px;display:grid}.remote-current b{color:var(--accent-2);font:600 1.4rem var(--mono-font)}.remote-page-controls,.remote-phase-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:18px;display:grid}.remote-phase-controls{grid-template-columns:repeat(3,1fr)}.remote-gallery-controls{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.remote-page-controls button,.remote-phase-controls button,.remote-gallery-controls button{color:#fff;background:#ffffff17;border:0;border-radius:12px;min-height:48px;font-size:.78rem;font-weight:700}.remote-page-controls button:last-child,.remote-phase-controls button:nth-child(2),.remote-gallery-controls button:last-child{background:var(--accent)}.remote-assets{padding:30px 0 8px}.remote-assets h2{margin-top:5px}.remote-asset-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.remote-asset-grid button{color:#111827;text-align:left;background:#fff;border:1px solid #1118271f;border-radius:15px;padding:0;overflow:hidden}.remote-asset-grid img{object-fit:cover;background:#e6e2da;width:100%;height:120px;display:block}.remote-asset-grid span{white-space:nowrap;text-overflow:ellipsis;padding:11px;font-size:.8rem;font-weight:700;display:block;overflow:hidden}.remote-control>footer{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #1118271a;border-radius:21px;grid-template-columns:repeat(3,1fr);gap:7px;width:min(100% - 26px,514px);height:76px;padding:7px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #1118272e}.remote-control>footer button{color:#69707b;background:0 0;border:0;border-radius:14px;font-size:.75rem;font-weight:700}.remote-control>footer .remote-home{color:#333a44;background:#eef0f1}.remote-control>footer .remote-next{background:var(--accent);color:#fff}.admin-qr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-qr-grid .qr-card{align-content:start}@keyframes media-rise{0%{opacity:0;transform:translateY(18px)scale(.94)}}@media (width<=1220px){.session-media-studio{grid-template-columns:1fr}.session-media-studio>.wide-media-panel:last-child{grid-column:auto}}@media (width<=760px){.admin-qr-grid,.asset-grid,.media-upload-form{grid-template-columns:1fr}.salon-pdf-stage{grid-template-rows:62px minmax(0,1fr) 48px}.salon-pdf-stage>header>span{display:none}.salon-pdf-stage>footer{grid-template-columns:80px 1fr}.salon-pdf-stage>footer>span{display:none}}.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, color-mix(in srgb, var(--room-surface) 96%, transparent), color-mix(in srgb, var(--room-surface-2) 92%, transparent));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:color-mix(in srgb, var(--room-surface) 78%, transparent)}.host-screen .realtime-status,.mobile-shell.client-room-shell .realtime-status{color:var(--room-ink);border-color:var(--room-line);background:color-mix(in srgb, var(--room-surface) 82%, transparent)}.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:#0000}.host-screen .btn.ghost,.mobile-shell.client-room-shell .btn.ghost{background:#fff6}.host-topbar{border:1px solid var(--room-line);background:color-mix(in srgb, var(--room-surface) 78%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:28px;padding:18px 22px;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{flex-direction:column;gap:22px;min-height:74vh;display:flex;position:relative;overflow:visible}.live-room-header{z-index:40;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:40px;display:flex;position:relative}.live-room-header h2{font-size:clamp(2rem,3.8vw,4rem);line-height:.96}.live-room-stats{justify-content:flex-end}.live-room-stage{border:1px solid var(--room-line);isolation:isolate;background:radial-gradient(circle,#aad0041f,#0000 36%),linear-gradient(#ffffffeb,#f7f3eafa);border-radius:34px;flex:1;min-height:620px;margin-top:56px;position:relative;overflow:visible}.room-glow{filter:blur(10px);opacity:.45;z-index:0;pointer-events:none;border-radius:50%;width:280px;height:280px;position:absolute;inset:auto}.room-glow-a{background:radial-gradient(circle,#004aad2e,#0000 68%);top:-40px;left:-80px}.room-glow-b{background:radial-gradient(circle,#aad00433,#0000 68%);bottom:-60px;right:-70px}.table-shadow{filter:blur(14px);z-index:1;pointer-events:none;background:radial-gradient(circle,#11182724,#0000 64%);width:min(72vw,760px);height:min(36vw,360px);position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.room-table{z-index:1;background:radial-gradient(circle at 50% 35%,#ffffffeb,#f3eee4f5 58%,#ebe5d6fa 100%);border:1px solid #004aad1f;border-radius:50%;width:min(72vw,740px);height:min(34vw,330px);position:absolute;top:62%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 18px #ffffff80,0 30px 80px #1118271f}.room-table-core{text-align:center;gap:12px;width:min(44vw,360px);display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.table-kicker{font-family:var(--mono-font);text-transform:uppercase;letter-spacing:.14em;color:var(--room-blue);font-size:.72rem}.avatar-ring,.note-ring{z-index:10;position:absolute;inset:0;overflow:visible}.ring-item{transform:translate(-50%, -50%) translate(var(--ring-x), var(--ring-y)) rotate(var(--ring-rotate));position:absolute;top:50%;left:50%}.note-slot-item{left:var(--slot-x);top:var(--slot-y);transform:translate(-50%, -50%) rotate(var(--slot-rotate));z-index:12;width:clamp(180px,18vw,260px)}.live-room-seat,.seat-cluster{left:var(--slot-x);top:var(--slot-y);transform:translate(-50%, -50%) rotate(var(--slot-rotate));z-index:12;flex-direction:column;align-items:center;gap:10px;width:clamp(180px,18vw,260px);display:flex;position:absolute}.live-room-seat .response-note,.seat-cluster .response-note{z-index:13;width:100%;margin:0}.seat-cluster-person{z-index:11;justify-items:center;gap:8px;display:grid}.seat-cluster-line{background:linear-gradient(#004aad47,#aad0045c);border-radius:999px;width:2px;height:18px;box-shadow:0 0 0 3px #ffffff6b}.live-room-seat .participant-avatar,.seat-cluster .participant-avatar{z-index:11;position:relative;transform:scale(.88)}.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{color:var(--room-ink);justify-items:center;gap:6px;display:grid}.avatar-head{background:linear-gradient(135deg, var(--avatar-tint), #ffffff38);color:#fff;border-radius:50%;place-items:center;width:58px;height:58px;font-weight:700;display:grid;box-shadow:0 14px 30px #11182729}.avatar-body{background:linear-gradient(#111827e0,#1118278f);border-radius:16px 16px 10px 10px;width:34px;height:22px}.avatar-name{text-align:center;max-width:80px;color:var(--room-ink);text-shadow:0 1px #ffffffa6;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.empty-chair-row{gap:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-chair{background:#ffffff94;border:1px dashed #004aad38;border-radius:50%;width:54px;height:54px}.response-empty{text-align:center;border:1px solid var(--room-line);z-index:9;background:#ffffffc7;border-radius:24px;width:min(420px,80%);padding:18px 20px;position:absolute;top:14%;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #11182714}.response-note{z-index:13;color:#111827;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);isolation:isolate;background:linear-gradient(#fffffffa,#f8f3e8f5),radial-gradient(circle at 100% 0,#aad0041f,#0000 36%);border:2px solid #004aad38;border-radius:24px;gap:12px;max-width:260px;min-height:108px;padding:18px 18px 16px;display:grid;position:relative;overflow:visible;transform:rotate(-.5deg);box-shadow:0 18px 40px #11182724,inset 0 0 0 1px #ffffffb8}.response-note:after{content:"";pointer-events:none;border:1px dashed #004aad24;border-radius:18px;position:absolute;inset:8px}.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{border-color:#004aad;animation:1.25s ease-out liked-card-flash;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{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.response-note-body{color:#111827;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:1.02rem;font-weight:800;line-height:1.45}.response-note-actions{justify-content:flex-end;align-items:center;display:flex}.response-note.is-liked-now .response-note-actions,.response-note.popular .response-note-actions{z-index:14;position:relative}.response-like-button,.like-button{color:#111827;background:#ffffffd6;border:1px solid #004aad2e;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:inline-flex}.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);background:#ffffffb3;border-color:#004aad24}.like-burst{pointer-events:none;z-index:30;position:absolute;inset:0;overflow:visible}.like-burst-particle{width:24px;height:24px;color:var(--room-lime);text-shadow:0 1px #ffffffeb;filter:drop-shadow(0 6px 12px #11182729)drop-shadow(0 0 12px #aad0043d);animation:.95s cubic-bezier(.16,.84,.32,1) forwards burstFloat;animation-delay:var(--burst-delay);border-radius:50%;place-items:center;font-size:1.05rem;font-weight:900;display:grid;position:absolute;top:50%;left:50%}@keyframes liked-card-flash{0%{background:#fffffffa;border-color:#004aad38;transform:scale(1);box-shadow:0 18px 40px #11182724,0 0 #aad00400}18%{background:linear-gradient(135deg,#eaf2ff 0%,#f5ffd9 100%);border-color:#004aad;transform:scale(1.045)rotate(-.4deg);box-shadow:0 24px 56px #004aad4d,0 0 0 10px #aad00442,0 0 0 20px #004aad1a}45%{background:linear-gradient(135deg,#fff6fb 0%,#eaf2ff 55%,#f5ffd9 100%);border-color:#aad004;transform:scale(1.025)rotate(.25deg);box-shadow:0 28px 68px #004aad57,0 0 0 8px #ea799233,0 0 0 18px #aad0042e}to{background:#fffffffa;border-color:#004aad38;transform:scale(1);box-shadow:0 18px 40px #11182724,inset 0 0 0 1px #ffffffb8}}.client-room-shell{min-height:100vh;position:relative}.client-room{gap:24px;width:min(100%,840px);margin:0 auto}.client-room-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.submitted-card--bright,.panel-soft,.client-hint{border:1px solid var(--room-line);background:#ffffffc7;border-radius:24px;padding:18px;box-shadow:0 16px 34px #1118270f}.submitted-response{gap:10px;margin:18px 0 20px;display:grid}.response-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.client-footer-note{padding-top:4px}.client-section{gap:14px;display:grid}.client-room .client-panel{justify-content:flex-start;width:100%;min-height:auto}.client-room .choice-card,.mobile-shell.client-room-shell .choice-card{border-color:var(--room-line);color:var(--room-ink);background:#ffffffd1}.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{background:#fffffffa;border-color:#004aad6b}.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{z-index:20;position:sticky;bottom:16px}.client-room .large-btn{z-index:10;position:sticky;bottom:16px}.client-page .client-primary-button{letter-spacing:-.02em;pointer-events:auto;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:58px;padding:0 24px;font-size:18px;font-weight:900;box-shadow:0 14px 30px #004aad47;color:#fff!important;opacity:1!important;visibility:visible!important;background:#004aad!important;border:2px solid #004aad!important;display:flex!important}.client-page .client-primary-button:disabled{box-shadow:none;cursor:not-allowed;color:#004aad!important;opacity:1!important;background:#dde6f6!important;border-color:#9fb2d4!important}.client-page .client-secondary-button{border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:56px;padding:0 24px;font-size:17px;font-weight:800;color:#111827!important;opacity:1!important;visibility:visible!important;background:#fff!important;border:2px solid #111827!important;display:flex!important}.client-page .join-submit-button,.client-page .answer-submit-button{bottom:calc(16px + env(safe-area-inset-bottom));z-index:80;margin-top:20px}.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 (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 (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}}.remote-control.remote-v2{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 22%, #070a14) 0 620px, var(--room-bg) 620px)}.asset-library-toolbar{border:1px solid var(--border);background:#ffffff06;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.asset-library-toolbar>div{gap:4px;display:grid}.asset-library-toolbar span{color:var(--muted);font-size:.75rem}.theme-color-inputs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme-color-inputs label{color:var(--muted);text-align:center;gap:5px;display:grid}.theme-color-inputs input{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;width:100%;height:48px;padding:4px}.theme-color-inputs small{font-size:.65rem}@media (width<=620px){.asset-library-toolbar{flex-direction:column;align-items:stretch}}.host-screen-salon{color:#f8f5ee;background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--room-blue) 30%, transparent), transparent 28%), radial-gradient(circle at 8% 74%, color-mix(in srgb, var(--room-lime) 14%, transparent), transparent 30%), linear-gradient(145deg, #08090e 0%, color-mix(in srgb, var(--room-bg) 32%, #07080d) 52%, #050608 100%);height:100vh;min-height:720px;padding:18px 24px 24px;overflow:hidden}.host-screen-salon:before{opacity:.55;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:48px 48px;position:absolute;-webkit-mask-image:linear-gradient(#000000bf,#0000 92%);mask-image:linear-gradient(#000000bf,#0000 92%)}.host-screen-salon .host-topbar{color:#f8f5ee;background:#07080d94;border-color:#ffffff1a;border-radius:20px;align-items:center;min-height:72px;margin-bottom:14px;padding:12px 18px;box-shadow:0 20px 70px #0003}.host-screen-salon .host-topbar h1{color:#f8f5ee;font-size:clamp(1.3rem,2vw,2.25rem)}.host-screen-salon .host-topbar .eyebrow{color:color-mix(in srgb, var(--room-cyan) 74%, white);margin-bottom:3px;font-size:.62rem}.host-screen-salon .badge{color:#ffffffb8;background:#ffffff0f;border-color:#ffffff1a}.host-screen-salon .host-grid-salon{height:calc(100vh - 128px);min-height:578px;display:block}.salon-roundtable{z-index:2;grid-template-rows:auto minmax(0,1fr);gap:10px;height:100%;display:grid;position:relative}.salon-roundtable-intro{justify-content:space-between;align-items:end;gap:24px;min-height:54px;padding:0 4px;display:flex}.salon-roundtable-intro .eyebrow{color:color-mix(in srgb, var(--room-lime) 72%, white)}.salon-roundtable-description{color:#ffffff78;text-overflow:ellipsis;white-space:nowrap;max-width:62vw;margin-top:5px;font-size:.8rem;line-height:1.35;overflow:hidden}.salon-roundtable-metrics{align-items:center;gap:8px;display:flex}.salon-roundtable-metrics span{color:#ffffff7a;min-width:88px;font:600 .58rem var(--mono-font);letter-spacing:.07em;text-transform:uppercase;background:#ffffff09;border:1px solid #ffffff17;border-radius:999px;justify-content:center;align-items:baseline;gap:6px;padding:8px 10px;display:flex}.salon-roundtable-metrics b{color:#fff;font-size:.92rem}.salon-roundtable-stage{background:linear-gradient(90deg, transparent 49.85%, #ffffff06 50%, transparent 50.15%), radial-gradient(ellipse at 50% 54%, color-mix(in srgb, var(--room-blue) 16%, transparent), transparent 46%), linear-gradient(180deg, #ffffff05, #ffffff02);border:1px solid #ffffff16;border-radius:32px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #00000061,0 28px 90px #0003}.salon-room-light{opacity:.35;filter:blur(14px);background:linear-gradient(180deg, color-mix(in srgb, var(--room-cyan) 22%, white), transparent 76%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);pointer-events:none;width:38%;height:72%;position:absolute;top:-30%}.salon-room-light-left{left:-4%;transform:rotate(-8deg)}.salon-room-light-right{right:-4%;transform:rotate(8deg)}.salon-table-shadow{z-index:2;filter:blur(28px);background:#000000ad;border-radius:50%;width:58%;height:45%;position:absolute;top:59%;left:50%;transform:translate(-50%,-50%)}.salon-table{z-index:4;border:1px solid color-mix(in srgb, var(--room-lime) 18%, #ffffff29);color:#fbfaf6;background:radial-gradient(ellipse at 48% 36%, #ffffff14, transparent 33%), linear-gradient(155deg, color-mix(in srgb, var(--room-blue) 22%, #16161c), #0b0b10 72%);width:min(54%,850px);height:43%;min-height:238px;box-shadow:inset 0 0 0 8px #ffffff05, inset 0 -24px 45px #00000061, 0 34px 48px #00000080, 0 0 52px color-mix(in srgb, var(--room-blue) 13%, transparent);border-radius:50%;place-items:center;padding:18px;display:grid;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.salon-table:after{content:"";background:#07070a;border-radius:0 0 50% 50%;width:64%;height:18px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%);box-shadow:0 22px 38px #0000008f}.salon-table-inlay{text-align:center;place-items:center;gap:8px;width:78%;display:grid}.salon-table-inlay span{color:color-mix(in srgb, var(--room-lime) 68%, white);font:600 .58rem var(--mono-font);letter-spacing:.18em}.salon-table-inlay h2{color:#fffdf8;text-wrap:balance;max-width:680px;font-size:clamp(1.7rem,3.2vw,3.75rem);line-height:.98}.salon-table-inlay i{background:linear-gradient(90deg, transparent, var(--room-cyan), transparent);width:56px;height:1px}.salon-table-inlay p{color:#ffffff6b;font-size:.72rem}.salon-seat-layer{z-index:7;pointer-events:none;position:absolute;inset:0}.salon-seat{width:clamp(190px,17vw,258px);min-height:112px;left:var(--seat-x);top:var(--seat-y);transform:translate(-50%, -50%) rotate(var(--seat-rotate));color:#1a1a1f;pointer-events:auto;animation:.54s cubic-bezier(.22,.84,.36,1) both salon-seat-arrive;animation-delay:var(--seat-delay);background:linear-gradient(105deg,#0000 0 7px,#00000006 7px 8px,#0000 8px),linear-gradient(165deg,#fffffffa,#eae7df);border:1px solid #ffffff21;border-radius:15px;grid-template-rows:auto 1fr auto;gap:8px;padding:12px 14px 10px;display:grid;position:absolute;box-shadow:0 20px 38px #00000057,inset 0 2px #ffffff4d}.salon-seat:before{content:"";background:color-mix(in srgb, var(--room-blue) 76%, #d5a64b);border-radius:99px;width:34%;height:5px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.salon-seat header{grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.salon-seat-avatar{color:#fff;background:linear-gradient(135deg, var(--room-blue), var(--room-cyan));width:27px;height:27px;font:700 .7rem var(--mono-font);border-radius:50%;place-items:center;display:grid}.salon-seat header div{min-width:0;display:grid}.salon-seat header strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.salon-seat header small{color:#8b8b91;font:500 .5rem var(--mono-font)}.salon-seat-likes{color:#b16b44;font:700 .66rem var(--mono-font)}.salon-seat>p{font-family:var(--display-font);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(.78rem,1vw,1rem);font-weight:650;line-height:1.25;display:-webkit-box;overflow:hidden}.salon-seat footer{color:#9b9992;font:600 .48rem var(--mono-font);letter-spacing:.12em;align-items:center;gap:8px;display:flex}.salon-seat footer i{background:#cfcbc1;flex:1;height:1px}.salon-seat.is-popular{border-color:color-mix(in srgb, var(--room-lime) 58%, #c59237);background:linear-gradient(155deg, #fff9d6, color-mix(in srgb, var(--room-lime) 26%, #e8d9a7));box-shadow:0 0 0 3px color-mix(in srgb, var(--room-lime) 12%, transparent), 0 22px 46px #0006}.salon-seat.is-popular:before{background:linear-gradient(90deg,#a46a13,#f0cf68,#a46a13)}.salon-seat.is-popular .salon-seat-likes{color:#9a5f08}.salon-seat.is-liked-now{animation:.72s both salon-seat-heartbeat}.salon-join-card{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06070ab8;border:1px solid #ffffff1c;border-radius:16px;gap:5px;width:116px;padding:9px;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 16px 44px #00000052}.salon-join-card .qr-card{color:#fff;gap:6px}.salon-join-card .qr-frame{width:96px;box-shadow:none;border:0;border-radius:9px;padding:5px}.salon-join-card .qr-card>div:last-child{text-align:center;gap:0}.salon-join-card .qr-card strong{font:700 .52rem var(--mono-font);letter-spacing:.12em}.salon-join-card .qr-card .link{display:none}.salon-join-card>span{color:#ffffff5c;font:500 .46rem var(--mono-font);text-align:center}.salon-empty-seat{z-index:7;color:#ffffffad;background:#ffffff09;border:1px dashed #ffffff2e;border-radius:15px;align-items:center;gap:13px;width:min(310px,27vw);padding:12px 15px;display:flex;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.salon-empty-seat>span{color:var(--room-lime);font:700 1.25rem var(--mono-font)}.salon-empty-seat strong{font-size:.74rem}.salon-empty-seat p{color:#ffffff5c;margin-top:3px;font-size:.6rem}.salon-overflow-count{z-index:9;color:#ffffff7a;font:600 .56rem var(--mono-font);background:#050609a3;border:1px solid #ffffff17;border-radius:999px;padding:7px 10px;position:absolute;bottom:16px;left:18px}@keyframes salon-seat-arrive{0%{opacity:0;transform:translate(-50%, calc(-50% + 28px)) rotate(var(--seat-rotate)) scale(.88)}}@keyframes salon-seat-heartbeat{0%,to{transform:translate(-50%, -50%) rotate(var(--seat-rotate)) scale(1)}40%{transform:translate(-50%, -50%) rotate(var(--seat-rotate)) scale(1.075);box-shadow:0 0 0 8px color-mix(in srgb, var(--room-lime) 16%, transparent), 0 25px 55px #0000007a}}.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:#111827;caret-color:var(--room-blue);-webkit-text-fill-color:#111827}.client-room .input::placeholder,.client-room .textarea::placeholder,.mobile-shell.client-room-shell .input::placeholder,.mobile-shell.client-room-shell .textarea::placeholder{color:#8a94a6;opacity:1;-webkit-text-fill-color:#8a94a6}.vote-guide{color:#5b6472;background:#ffffff85;border:1px solid #1118271a;border-radius:12px;padding:11px 13px;font-size:.78rem;line-height:1.5}.mobile-title-list button.own-title{opacity:.62;cursor:not-allowed;border-style:dashed}.mobile-title-list button.own-title span{gap:4px;display:grid}.mobile-title-list button.own-title small{color:#7a8190;font-size:.65rem;font-weight:500}.avatar-builder{background:#ffffff8f;border:1px solid #1118271f;border-radius:15px;gap:14px;margin:0;padding:18px;display:grid}.avatar-builder legend{color:#111827;background:#ffffffe6;border-radius:7px;padding:3px 9px;font-weight:800;line-height:1.2}.avatar-builder-preview{background:color-mix(in srgb, var(--accent) 7%, white);border-radius:13px;place-items:center;min-height:150px;display:grid}.avatar-choice-row{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.avatar-choice-row button{color:#374151;background:#fff;border:1px solid #1118271f;border-radius:10px;min-height:42px;font-size:.74rem;font-weight:700}.avatar-choice-row button.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent)}.avatar-color-row{justify-content:center;gap:12px;display:flex}.avatar-color-row button{background:var(--swatch);border:5px solid #fff;border-radius:50%;width:44px;height:44px;position:relative;box-shadow:0 0 0 1px #11182729}.avatar-color-row button.active:after{content:"";border:2px solid var(--swatch);border-radius:inherit;position:absolute;inset:-7px}.salon-avatar{color:#111827;justify-items:center;gap:5px;width:92px;display:grid}.salon-avatar svg{width:100%;overflow:visible}.salon-avatar b{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:.74rem;overflow:hidden}.salon-avatar .avatar-ground{fill:#00000024}.salon-avatar .avatar-body-shape>path:first-child,.salon-avatar .avatar-head-shape>path:first-child,.salon-avatar .avatar-head-shape>circle:first-child{fill:var(--avatar-main)}.salon-avatar .avatar-collar{fill:none;stroke:var(--avatar-accent);stroke-width:5px;stroke-linejoin:round}.salon-avatar .avatar-face{fill:var(--avatar-accent)}.salon-avatar .avatar-eye{fill:#2a2022}.salon-avatar .avatar-smile{fill:none;stroke:#2a2022;stroke-width:1.6px;stroke-linecap:round}.salon-avatar.compact{color:#fff;width:clamp(58px,5.6vw,88px)}.salon-avatar.compact svg{filter:drop-shadow(0 10px 14px #0000007a) drop-shadow(0 0 10px color-mix(in srgb,var(--avatar-accent) 24%,transparent))}.salon-avatar.compact b{color:#fff;background:#030408c7;border-radius:8px;padding:4px 8px;font-size:clamp(.55rem,.7vw,.7rem);box-shadow:0 6px 16px #0000003d}.salon-lobby{grid-template-rows:auto minmax(0,1fr);gap:16px;width:100%;height:100%;min-height:0;display:grid}.salon-lobby>header{justify-content:space-between;align-items:center;gap:30px;min-height:66px;padding:0 6px;display:flex}.salon-lobby>header h2{color:#fff;font-size:clamp(1.15rem,2vw,2.1rem)}.salon-lobby>header p{color:#ffffff85;margin-top:5px;font-size:.74rem}.salon-lobby>header>strong{color:var(--room-lime);align-items:baseline;gap:6px;font-size:clamp(1.8rem,3vw,3.2rem);display:flex}.salon-lobby>header>strong span{color:#ffffff80;font-size:.65rem}.salon-lobby-room{background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--room-blue) 20%, #17131b), #07080c 68%);border-radius:30px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #0000008f,0 28px 70px #00000040}.salon-lobby-room:before,.salon-lobby-room:after{content:"";opacity:.3;filter:blur(15px);background:linear-gradient(180deg, color-mix(in srgb, var(--room-cyan) 30%, white), transparent 78%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);width:38%;height:72%;position:absolute;top:-34%}.salon-lobby-room:before{left:-3%;transform:rotate(-8deg)}.salon-lobby-room:after{right:-3%;transform:rotate(8deg)}.lobby-table{border:1px solid color-mix(in srgb, var(--room-lime) 24%, #ffffff21);background:radial-gradient(ellipse at 44% 32%, #ffffff1a, transparent 34%), linear-gradient(155deg, color-mix(in srgb, var(--room-blue) 26%, #272029), #0c0d11 74%);border-radius:50%;place-items:center;width:min(56%,900px);height:47%;min-height:260px;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 -30px 50px #00000070,0 38px 52px #00000094}.lobby-table:after{content:"";background:#06070a;border-radius:0 0 50% 50%;width:65%;height:22px;position:absolute;bottom:-21px;left:50%;transform:translate(-50%);box-shadow:0 22px 40px #0009}.lobby-table>div{z-index:1;text-align:center;width:84%;position:relative}.lobby-table span{color:color-mix(in srgb, var(--room-lime) 72%, white);letter-spacing:.11em;font-size:.62rem;font-weight:700}.lobby-table h1{color:#fffdf9;letter-spacing:-.025em;margin:10px 0;font-size:clamp(1.4rem,2.5vw,3rem);line-height:1.04}.lobby-table h1 span{color:inherit;font:inherit;letter-spacing:inherit;white-space:nowrap;display:block}.lobby-table p{color:#ffffff75;font-size:.72rem}.lobby-people{z-index:7;pointer-events:none;position:absolute;inset:0}.lobby-person{left:var(--person-x);top:var(--person-y);animation:.62s cubic-bezier(.18,.82,.3,1) both lobby-person-arrive;animation-delay:var(--person-delay);position:absolute;transform:translate(-50%,-50%)}.lobby-join{z-index:10;background:#05060ad1;border-radius:15px;width:126px;padding:9px;position:absolute;top:18px;right:18px;box-shadow:0 16px 44px #00000059}.lobby-join .qr-card{color:#fff;gap:7px}.lobby-join .qr-frame{width:108px;box-shadow:none;border:0;border-radius:9px;padding:5px}.lobby-join .qr-card>div:last-child{text-align:center}.lobby-join .qr-card strong{font-size:.58rem}.lobby-join .link{display:none}.lobby-overflow{z-index:10;color:#ffffffb8;background:#05060aad;border-radius:9px;padding:7px 10px;font-size:.62rem;position:absolute;bottom:16px;left:18px}@keyframes lobby-person-arrive{0%{opacity:0;transform:translate(-50%,calc(26px - 50%))scale(.78)}}.caption-adoption,.remote-caption-picker{background:color-mix(in srgb, var(--accent) 7%, #fff);border-radius:14px;gap:8px;padding:15px;display:grid}.caption-adoption>div,.remote-caption-picker>strong,.remote-caption-picker>span{display:block}.caption-adoption>div span,.remote-caption-picker>span{color:#677080;font-size:.72rem}.caption-adoption>button,.remote-caption-picker>button{color:#111827;text-align:left;background:#fff;border:1px solid #1118271f;border-radius:11px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:11px 12px;display:grid}.caption-adoption>button>span,.remote-caption-picker>button>span{overflow-wrap:anywhere;min-width:0;font-weight:750}.caption-adoption>button b,.remote-caption-picker>button b{color:#9a5f3d;white-space:nowrap;font-size:.72rem}.caption-adoption>button em,.remote-caption-picker>button em{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, white);border-radius:7px;padding:5px 7px;font-size:.65rem;font-style:normal;font-weight:800}.caption-adoption>button.selected,.remote-caption-picker>button.selected{background:#fff8d9;border-color:#c69a38;box-shadow:0 10px 26px #9266181f}.remote-caption-picker{color:#111827;margin-top:14px}.title-trophy-board article.adopted{background:linear-gradient(135deg,#fff5b7,#dbab43);border-color:#b78120;box-shadow:0 0 0 4px #ffdc684d,0 22px 48px #704b113d}.mobile-title-list button.adopted-title{background:#fff6c9;border-color:#b88626}.artwork-gallery-stage{color:#f8f4ec;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 18%,#17151a),#08090c 60%);grid-template-rows:auto minmax(0,1fr);gap:28px;height:100vh;min-height:0;padding:clamp(30px,4vw,64px);display:grid;overflow:hidden}.artwork-gallery-stage>header{border-bottom:1px solid #ffffff21;padding-bottom:20px}.artwork-gallery-stage>header h1{font-size:clamp(2rem,4vw,5.2rem);line-height:.96}.artwork-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(240px,360px));justify-content:center;align-items:start;gap:clamp(22px,3vw,46px);min-height:0;padding:4px 4px 28px;display:grid;overflow:auto}.artwork-gallery-grid figure{min-width:0;margin:0;animation:.6s cubic-bezier(.2,.8,.3,1) both gallery-work-arrive}.artwork-gallery-grid figure>div{aspect-ratio:1;background:#111216;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 48px #00000061}.artwork-gallery-grid img{object-fit:contain;width:calc(100% - 36px);height:calc(100% - 36px);display:block;position:absolute;inset:18px}.artwork-gallery-grid figure>div span{z-index:1;color:#ffffff59;font-size:.56rem;position:absolute;bottom:8px;right:10px}.artwork-gallery-grid figcaption{border-top:1px solid #ffffff24;margin-top:10px;padding:15px 2px 0}.artwork-gallery-grid figcaption h2{overflow-wrap:anywhere;color:#fff;font-size:clamp(1rem,1.5vw,1.55rem)}.artwork-gallery-grid figcaption p{color:#fff6;margin-top:5px;font-size:.62rem}.artwork-gallery-grid figure.pending{opacity:.58}.artwork-gallery-empty{text-align:center;align-content:center;place-items:center;display:grid}.artwork-gallery-empty p{color:#ffffff80;margin-top:8px}@keyframes gallery-work-arrive{0%{opacity:0;transform:translateY(20px)}}.mobile-gallery{text-align:left;justify-content:flex-start;align-items:stretch}.mobile-gallery>p{color:#626a76}.mobile-gallery>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mobile-gallery figure{min-width:0;margin:0}.mobile-gallery img{aspect-ratio:1;object-fit:contain;background:#111;width:100%;padding:8px}.mobile-gallery figcaption{overflow-wrap:anywhere;color:#111827;padding:8px 2px;font-size:.74rem;font-weight:800}@media (width<=820px){.salon-lobby>header p{display:none}.salon-lobby-room{border-radius:20px}.lobby-table{width:68%;height:40%;min-height:190px}.lobby-table h1{font-size:clamp(1.05rem,3vw,1.55rem)}.lobby-join{display:none}.salon-avatar.compact{width:54px}.salon-avatar.compact b{max-width:64px;font-size:.5rem}.artwork-gallery-stage{padding:22px}.artwork-gallery-stage>header p{display:none}}@media (width<=1180px){.host-screen-salon{padding:14px 16px 18px}.host-screen-salon .host-grid-salon{height:calc(100vh - 118px)}.salon-roundtable-description{display:none}.salon-seat{width:clamp(175px,18.5vw,220px);min-height:102px;padding:10px 12px 9px}.salon-table{width:52%}.salon-table-inlay h2{font-size:clamp(1.55rem,3.2vw,2.8rem)}.salon-join-card{width:94px;top:12px;right:12px}.salon-join-card .qr-frame{width:74px}.salon-join-card>span{display:none}}@media (width<=820px){.host-screen-salon{min-height:680px}.host-screen-salon .host-topbar{min-height:62px;padding:9px 12px}.host-screen-salon .host-stats .badge:not(:last-child){display:none}.salon-roundtable-intro{min-height:42px}.salon-roundtable-metrics span{min-width:auto;padding:7px 8px}.salon-roundtable-metrics span:nth-child(3){display:none}.salon-roundtable-stage{border-radius:22px}.salon-table{width:64%;height:38%;min-height:190px}.salon-seat{width:154px;min-height:94px;padding:9px 10px 8px}.salon-seat header{grid-template-columns:22px minmax(0,1fr) auto;gap:5px}.salon-seat-avatar{width:22px;height:22px;font-size:.58rem}.salon-seat>p{-webkit-line-clamp:2;font-size:.72rem}.salon-join-card{display:none}}@media (prefers-reduced-motion:reduce){.salon-seat,.salon-seat.is-liked-now,.lobby-person,.artwork-gallery-grid figure{animation:none}.salon-pdf-canvas canvas{transition:none}}