:root{color-scheme:light;--bg-primary:#f4f6fb;--bg-surface:#fff;--bg-elevated:#eef2ff;--text-primary:#111827;--text-secondary:#5b6476;--accent:#5b6cff;--accent-muted:#e6e9ff;--border-subtle:#d9deec;--danger:#c83f5b;--ok:#198b63;--shadow-sm:0 8px 22px rgba(15,23,42,.06);--shadow-md:0 16px 34px rgba(15,23,42,.12)}html[data-theme=dark]{color-scheme:dark;--bg-primary:#0d1221;--bg-surface:#161d2f;--bg-elevated:#212b45;--text-primary:#f3f6ff;--text-secondary:#a9b4d0;--accent:#8b97ff;--accent-muted:#27314f;--border-subtle:#303d5e;--danger:#ff8094;--ok:#52d7a8;--shadow-sm:0 8px 26px rgba(2,6,23,.45);--shadow-md:0 18px 38px rgba(2,6,23,.55)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary)}a{color:var(--accent)}.app-shell{min-height:100vh;padding:16px}.app-container{width:min(1040px,100%);margin:0 auto;display:grid;grid-gap:16px;gap:16px}.app-card{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.heading-xl{margin:0;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700}.muted{color:var(--text-secondary)}.field-grid{display:grid;grid-gap:12px;gap:12px}.field-label{display:grid;grid-gap:6px;gap:6px;font-size:.9rem;color:var(--text-secondary)}.input,.select,.textarea{width:100%;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);font:inherit;padding:10px 12px}.textarea{resize:vertical;min-height:86px}.button:focus-visible,.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.button{border-radius:10px;border:1px solid transparent;padding:10px 14px;font:inherit;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--accent);color:#fff}.button-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-subtle)}.button-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button-icon{padding:8px 10px;min-width:2.5rem;line-height:1;font-size:1.05rem;text-align:center}a.button-icon{display:inline-flex;text-decoration:none}.modal-backdrop,a.button-icon{align-items:center;justify-content:center}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;padding:16px;background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-dialog{width:min(480px,100%);max-height:min(90vh,640px);overflow:auto;border:1px solid var(--border-subtle);border-radius:16px;background:var(--bg-surface);padding:18px;box-shadow:var(--shadow-md)}.modal-dialog h3{margin:0 0 8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:16px}.toggle-field{justify-content:space-between;width:100%;margin-top:10px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-elevated);cursor:pointer}.toggle-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:24px;border-radius:999px;background:var(--border-subtle);position:relative;cursor:pointer;transition:background .18s ease;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.18);transition:transform .18s ease}.toggle-switch:checked{background:var(--accent)}.toggle-switch:checked:after{transform:translateX(20px)}.toggle-switch:disabled{opacity:.55;cursor:not-allowed}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack{display:grid;grid-gap:10px;gap:10px}.status{margin:0;font-size:.92rem}.status-ok{color:var(--ok)}.status-err{color:var(--danger)}.question-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.question-card{border:1px solid var(--border-subtle);border-radius:14px;background:var(--bg-surface);padding:12px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.question-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.question-card[data-highlighted=true]{background:var(--accent-muted)}.question-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.82rem;color:var(--text-secondary);margin-bottom:6px}.question-card__actions{opacity:0;pointer-events:none;transition:opacity .18s ease}.question-card:focus-within .question-card__actions,.question-card:hover .question-card__actions,.question-card__actions[data-force-visible=true]{opacity:1;pointer-events:auto}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:.78rem;background:var(--bg-elevated);color:var(--text-secondary)}@media (min-width:768px){.app-shell{padding:24px}.app-card{padding:18px}.field-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-surface]{--surface-radius:14px;--surface-card-shadow:var(--shadow-sm)}[data-surface=projector][data-style=keynote]{--bg-primary:#0a0a0a;--bg-surface:transparent;--bg-elevated:hsla(0,0%,100%,.06);--text-primary:#fff;--text-secondary:#a3a3a3;--accent:#f5c542;--accent-muted:rgba(245,197,66,.14);--border-subtle:hsla(0,0%,100%,.12);--shadow-sm:none;--shadow-md:none;--surface-radius:0}[data-surface=projector][data-style=keynote] .app-card,[data-surface=projector][data-style=keynote] .question-card{border:none;box-shadow:none;background:transparent}[data-surface=projector][data-style=keynote] .question-card{padding:1.25rem 0;border-bottom:1px solid hsla(0,0%,100%,.1);border-radius:0}[data-surface=projector][data-style=keynote] .question-card[data-highlighted=true]{border-left:4px solid var(--accent);padding-left:1rem;background:var(--accent-muted)}[data-surface=projector][data-style=keynote] .surface-chrome{display:none}[data-surface=projector][data-style=linear] .app-shell{background:linear-gradient(160deg,#0d1221,#161d2f 45%,#1a2440)}[data-surface=projector][data-style=linear] .app-card{background:hsla(0,0%,100%,.04);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:hsla(0,0%,100%,.12)}[data-surface=projector][data-style=linear] .question-card{background:hsla(0,0%,100%,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:rgba(139,151,255,.35)}[data-surface=projector][data-style=linear] .question-card[data-highlighted=true]{box-shadow:0 0 0 1px var(--accent),var(--shadow-md)}[data-surface=projector][data-style=slido]{--accent:#00b4a0;--accent-muted:rgba(0,180,160,.16)}[data-surface=projector][data-style=slido] .app-shell{background:linear-gradient(180deg,#0f2f3a 0,var(--bg-primary) 28%)}[data-surface=projector][data-style=slido] .projector-header-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}[data-surface=projector][data-style=slido] .projector-live-dot{width:10px;height:10px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 0 0 rgba(255,77,109,.6);animation:surface-live-pulse 1.8s infinite}[data-surface=projector][data-style=slido] .question-card{display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;gap:1rem;align-items:start}[data-surface=projector][data-style=slido] .question-index{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;border-radius:999px;background:var(--accent);color:#fff;font-weight:700}[data-surface=projector][data-style=slido] .vote-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;border-radius:999px;background:var(--bg-elevated);border:2px solid var(--accent);font-weight:700}[data-surface=projector][data-style=brutalist]{--bg-primary:#000;--bg-surface:#000;--text-primary:#fff;--text-secondary:#d4d4d4;--accent:#fff;--accent-muted:#fff;--border-subtle:#fff;--shadow-sm:none;--surface-radius:0}[data-surface=projector][data-style=brutalist] .heading-xl,[data-surface=projector][data-style=brutalist] .question-card{font-family:"IBM Plex Serif",Georgia,Times New Roman,serif}[data-surface=projector][data-style=brutalist] .question-meta{font-family:IBM Plex Mono,ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em}[data-surface=projector][data-style=brutalist] .app-card,[data-surface=projector][data-style=brutalist] .question-card{border-radius:0;border:none;border-bottom:1px solid #fff;box-shadow:none;background:transparent}[data-surface=projector][data-style=brutalist] .question-card[data-highlighted=true]{background:#fff;color:#000;padding:1rem}[data-surface=projector][data-style=brutalist] .question-card[data-highlighted=true] .question-meta{color:#333}[data-surface=respondent][data-style=keynote] .audience-layout{padding-bottom:7rem}[data-surface=respondent][data-style=keynote] .audience-composer{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg-surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-subtle);box-shadow:0 -8px 24px rgba(15,23,42,.08)}[data-surface=respondent][data-style=keynote] .session-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}[data-surface=respondent][data-style=keynote] .session-chip{border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);border-radius:999px;padding:8px 14px;font:inherit;font-size:.88rem;white-space:nowrap;cursor:pointer}[data-surface=respondent][data-style=keynote] .session-chip[data-active=true]{background:var(--accent);border-color:var(--accent);color:#fff}[data-surface=respondent][data-style=keynote] .session-select-native{display:none}[data-surface=respondent][data-style=linear] .audience-layout{padding-bottom:6rem}[data-surface=respondent][data-style=linear] .audience-composer{position:fixed;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;border-radius:18px;padding:14px;background:color-mix(in srgb,var(--bg-surface) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}[data-surface=respondent][data-style=linear] .question-card{animation:surface-slide-in .22s ease}[data-surface=respondent][data-style=linear] .vote-button{border-radius:999px;min-width:44px;min-height:44px}[data-surface=respondent][data-style=slido]{--accent:#7c3aed;--accent-muted:rgba(124,58,237,.14)}[data-surface=respondent][data-style=slido] .app-card{border-radius:20px}[data-surface=respondent][data-style=slido] .session-chips{display:flex;gap:8px;overflow-x:auto}[data-surface=respondent][data-style=slido] .session-chip{border:none;background:var(--accent-muted);color:var(--accent);border-radius:999px;padding:10px 16px;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer}[data-surface=respondent][data-style=slido] .session-chip[data-active=true]{background:var(--accent);color:#fff}[data-surface=respondent][data-style=slido] .session-select-native{display:none}[data-surface=respondent][data-style=slido] .button,[data-surface=respondent][data-style=slido] .vote-button{min-height:48px;border-radius:14px}[data-surface=respondent][data-style=slido] .pill{background:var(--accent-muted);color:var(--accent);font-weight:600}[data-surface=respondent][data-style=brutalist]{--surface-radius:0}[data-surface=respondent][data-style=brutalist] .heading-xl,[data-surface=respondent][data-style=brutalist] .question-card>div:last-child{font-family:"IBM Plex Serif",Georgia,serif}[data-surface=respondent][data-style=brutalist] .app-card,[data-surface=respondent][data-style=brutalist] .button,[data-surface=respondent][data-style=brutalist] .input,[data-surface=respondent][data-style=brutalist] .question-card,[data-surface=respondent][data-style=brutalist] .select,[data-surface=respondent][data-style=brutalist] .textarea{border-radius:0;box-shadow:none}[data-surface=respondent][data-style=brutalist] .textarea{border:none;border-bottom:2px solid var(--text-primary);background:transparent}[data-surface=respondent][data-style=brutalist] .vote-button{background:transparent;border:none;color:var(--accent);text-decoration:underline;padding:0;font-weight:600}[data-surface=control][data-style=keynote] .app-card{border-radius:12px}[data-surface=control][data-style=keynote] .question-card__actions{opacity:1;pointer-events:auto}[data-surface=control][data-style=linear] .app-card{border-left:3px solid var(--accent)}[data-surface=control][data-style=linear] details.app-card>summary{font-size:1rem;letter-spacing:-.01em}[data-surface=control][data-style=slido] .pill{font-weight:700;padding:4px 10px}[data-surface=control][data-style=slido] .question-card .pill{background:var(--accent-muted);color:var(--accent)}[data-surface=control][data-style=slido] .button-primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#00b4a0))}[data-surface=control][data-style=brutalist]{--surface-radius:0}[data-surface=control][data-style=brutalist] .field-label>span,[data-surface=control][data-style=brutalist] .heading-xl,[data-surface=control][data-style=brutalist] summary{font-family:IBM Plex Mono,ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em}[data-surface=control][data-style=brutalist] .app-card,[data-surface=control][data-style=brutalist] .button,[data-surface=control][data-style=brutalist] .input,[data-surface=control][data-style=brutalist] .question-card,[data-surface=control][data-style=brutalist] .select,[data-surface=control][data-style=brutalist] .textarea{border-radius:0;box-shadow:none}[data-surface=control][data-style=brutalist] .question-card__actions{opacity:1;pointer-events:auto}[data-style=music]{--music-cedar:#3d2817;--music-cedar-deep:#1f1209;--music-gold:#c9a227;--music-gold-bright:#e8c547;--music-bronze:#8b6914;--music-ivory:#f4ede1;--music-ivory-muted:#e8dcc8;--music-purple:#2e1a47;--music-purple-soft:#4a2d6e;--bg-primary:var(--music-cedar-deep);--bg-surface:#2f1f14;--bg-elevated:#4a3220;--text-primary:var(--music-ivory);--text-secondary:#d4c4a8;--accent:var(--music-gold);--accent-muted:rgba(201,162,39,.2);--border-subtle:rgba(201,162,39,.35);--shadow-sm:0 8px 24px rgba(0,0,0,.35);--shadow-md:0 16px 40px rgba(0,0,0,.45)}[data-surface=projector][data-style=music] .app-shell{background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(201,162,39,.12) 0,transparent 55%),linear-gradient(175deg,var(--music-purple) 0,var(--music-cedar-deep) 42%,#0f0a06 100%)}[data-surface=projector][data-style=music] .heading-xl:before{content:"🎵 "}[data-surface=projector][data-style=music] .heading-xl:after{content:" 🎵"}[data-surface=projector][data-style=music] .app-card{background:rgba(47,31,20,.75);border:2px solid var(--music-gold);border-radius:4px;box-shadow:inset 0 1px 0 rgba(232,197,71,.25),var(--shadow-md)}[data-surface=projector][data-style=music] .question-card{border:1px solid rgba(201,162,39,.45);border-radius:4px;background:linear-gradient(135deg,rgba(74,45,110,.25),rgba(61,40,23,.6));padding:1.25rem 1rem 1.25rem 3rem;position:relative}[data-surface=projector][data-style=music] .question-card:before{content:"♪";position:absolute;left:.85rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--music-gold-bright);opacity:.9}[data-surface=projector][data-style=music] .question-card[data-highlighted=true]{border-color:var(--music-gold-bright);box-shadow:0 0 0 2px rgba(232,197,71,.35),var(--shadow-md);background:linear-gradient(135deg,rgba(201,162,39,.22),rgba(74,45,110,.35))}[data-surface=projector][data-style=music] .question-card[data-highlighted=true]:before{content:"🎶";font-size:1.75rem}[data-surface=projector][data-style=music] .question-meta strong:after{content:" ♫";color:var(--music-gold-bright)}[data-surface=projector][data-style=music] .surface-chrome{border-color:var(--music-gold);color:var(--music-ivory);background:var(--music-cedar)}[data-surface=respondent][data-style=music] .app-shell{background:radial-gradient(circle at 100% 0,rgba(74,45,110,.35) 0,transparent 40%),linear-gradient(180deg,var(--music-cedar-deep) 0,#1a1008 100%)}[data-surface=respondent][data-style=music] .heading-xl:before{content:"🎼 "}[data-surface=respondent][data-style=music] .app-card{border:1px solid rgba(201,162,39,.5);border-radius:6px;background:linear-gradient(180deg,#3a2818,#2a1a10);box-shadow:inset 0 1px 0 hsla(38,46%,92%,.08),var(--shadow-sm)}[data-surface=respondent][data-style=music] .audience-layout{padding-bottom:7rem}[data-surface=respondent][data-style=music] .audience-composer{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(31,18,9,.92),rgba(15,10,6,.98));border-top:2px solid var(--music-gold);box-shadow:0 -12px 32px rgba(0,0,0,.4)}[data-surface=respondent][data-style=music] .audience-composer .field-label>span:before{content:"🎵 "}[data-surface=respondent][data-style=music] .session-chips{display:flex;gap:8px;overflow-x:auto}[data-surface=respondent][data-style=music] .session-chip{border:1px solid var(--music-gold);background:var(--music-cedar);color:var(--music-ivory);border-radius:4px;padding:10px 14px;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer}[data-surface=respondent][data-style=music] .session-chip:before{content:"♪ ";color:var(--music-gold-bright)}[data-surface=respondent][data-style=music] .session-chip[data-active=true]{background:linear-gradient(135deg,var(--music-gold) 0,var(--music-bronze) 100%);color:var(--music-cedar-deep);border-color:var(--music-gold-bright)}[data-surface=respondent][data-style=music] .session-select-native{display:none}[data-surface=respondent][data-style=music] .question-card{border-left:4px solid var(--music-gold);background:rgba(47,31,20,.85)}[data-surface=respondent][data-style=music] .question-card:before{content:"♫";display:block;font-size:1.1rem;color:var(--music-gold-bright);margin-bottom:4px;opacity:.85}[data-surface=respondent][data-style=music] .button-primary{background:linear-gradient(135deg,var(--music-gold) 0,var(--music-bronze) 100%);color:var(--music-cedar-deep);border:1px solid var(--music-gold-bright);font-weight:700}[data-surface=respondent][data-style=music] .button-primary:after{content:" 🎵"}[data-surface=respondent][data-style=music] .vote-button:before{content:"♪ "}[data-surface=respondent][data-style=music] .pill{background:rgba(201,162,39,.2);color:var(--music-gold-bright);border:1px solid rgba(201,162,39,.4)}[data-surface=control][data-style=music] .app-shell{background:radial-gradient(ellipse 60% 40% at 0 0,rgba(201,162,39,.1) 0,transparent 50%),linear-gradient(160deg,var(--music-cedar-deep) 0,#120c08 100%)}[data-surface=control][data-style=music] .heading-xl:before{content:"🎵 "}[data-surface=control][data-style=music] .app-card{border:1px solid rgba(201,162,39,.45);border-left:4px solid var(--music-gold);border-radius:4px;background:linear-gradient(180deg,#352418,#261810)}[data-surface=control][data-style=music] details.app-card>summary:before{content:"♫ ";color:var(--music-gold-bright)}[data-surface=control][data-style=music] .button-primary{background:linear-gradient(135deg,var(--music-gold) 0,var(--music-bronze) 100%);color:var(--music-cedar-deep);font-weight:700}[data-surface=control][data-style=music] .pill{background:rgba(74,45,110,.45);color:var(--music-ivory);border:1px solid rgba(201,162,39,.35)}[data-surface=control][data-style=music] .question-card{border-color:rgba(201,162,39,.4)}[data-surface=control][data-style=music] .question-card__actions{opacity:1;pointer-events:auto}.music-backdrop{display:none;pointer-events:none;position:fixed;inset:0;z-index:0;overflow:hidden}[data-style=music] .music-backdrop{display:block}[data-style=music] .app-container,[data-style=music] .app-shell>.app-container{position:relative;z-index:1}.music-note{position:absolute;font-size:clamp(1.5rem,4vw,2.5rem);opacity:.12;color:var(--music-gold-bright,#e8c547);animation:music-float 12s ease-in-out infinite}.music-note--1{top:8%;left:6%;animation-delay:0s}.music-note--2{top:22%;right:10%;animation-delay:-2s;font-size:clamp(2rem,5vw,3rem)}.music-note--3{bottom:30%;left:12%;animation-delay:-4s}.music-note--4{top:45%;right:6%;animation-delay:-6s}.music-note--5{bottom:12%;right:18%;animation-delay:-8s;font-size:clamp(1.75rem,4.5vw,2.75rem)}.music-note--6{top:65%;left:4%;animation-delay:-10s}@keyframes music-float{0%,to{transform:translateY(0) rotate(-6deg);opacity:.1}50%{transform:translateY(-14px) rotate(6deg);opacity:.18}}.surface-style-hint{font-size:.82rem;line-height:1.35}.session-chips{display:none}.session-select-native{display:block}.projector-header-bar,.projector-live-dot,.question-index,.vote-badge{display:none}[data-surface=projector] .projector-header-bar{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}[data-surface=projector] .projector-header-titles{display:grid;grid-gap:.25rem;gap:.25rem;min-width:0}[data-surface=projector] .projector-event-title{margin:0;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.15;word-break:break-word}[data-surface=projector] .projector-session-title{margin:0;font-size:clamp(1rem,2.5vw,1.35rem);line-height:1.25}@keyframes surface-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes surface-live-pulse{0%{box-shadow:0 0 0 0 rgba(255,77,109,.55)}70%{box-shadow:0 0 0 10px rgba(255,77,109,0)}to{box-shadow:0 0 0 0 rgba(255,77,109,0)}}@media (min-width:768px){[data-surface=respondent][data-style=keynote] .audience-composer,[data-surface=respondent][data-style=linear] .audience-composer,[data-surface=respondent][data-style=music] .audience-composer{left:50%;right:auto;transform:translateX(-50%);width:min(1040px,calc(100% - 32px))}}