:root{--ink:#14172a;--muted:#687089;--line:#e5e7ef;--canvas:#f5f6fb;--violet:#5c3df5;--pink:#ff5f8f}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:21px;letter-spacing:-1px}.logo-mark{display:grid;place-items:center;width:29px;height:29px;background:linear-gradient(135deg,#7659ff,#ef4d9a);border-radius:10px;color:#fff;font-size:17px}.language{border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:9px;font-size:12px;font-weight:800;color:var(--muted);cursor:pointer}.join-page{min-height:100vh;background:radial-gradient(circle at 15% 85%,#f4d8ff 0,transparent 30%),radial-gradient(circle at 86% 20%,#cfe4ff 0,transparent 25%),#fafaff;padding:32px}.join-page header{max-width:1100px;margin:auto;display:flex;justify-content:space-between}.join-card{width:min(470px,100%);margin:7vh auto;background:#fff;border:1px solid #ebeaf2;border-radius:26px;padding:38px;box-shadow:0 20px 65px #24285712;text-align:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.11em;color:var(--violet);text-transform:uppercase}.eyebrow span{color:#1caa71;margin-left:8px}.join-card h1{font-size:34px;line-height:1.1;letter-spacing:-1.5px;margin:14px 0}.director-intro p,.join-card p{color:var(--muted);line-height:1.55}.qr{margin:27px auto 20px;width:126px;height:126px;padding:13px;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:3px;gap:3px;background:repeating-linear-gradient(90deg,#18182b 0 7px,#fff 7px 12px);border:8px solid #fff;box-shadow:0 0 0 1px var(--line);position:relative}.qr:after{content:"";position:absolute;inset:29px;background:#fff}.qr b{z-index:1;align-self:center;justify-self:center;background:var(--violet);color:#fff;border-radius:7px;padding:3px 7px}.join-card label{display:block;text-align:left;font-size:12px;font-weight:700;color:var(--muted)}.join-card input{display:block;width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;margin:7px 0 13px;color:var(--ink);font-weight:700}.primary{width:100%;border:0;border-radius:11px;padding:13px 16px;background:var(--violet);color:#fff;font-weight:800;cursor:pointer}.primary span{float:right;font-size:19px;line-height:12px}.primary:disabled{opacity:.45;cursor:not-allowed}.join-card small{display:block;margin-top:16px;color:var(--muted);font-size:11px}.app-shell{min-height:100vh}.app-header{height:68px;background:#fff;border-bottom:1px solid var(--line);padding:0 max(24px,calc((100vw - 1280px) / 2));gap:42px}.app-header,.event-title{display:flex;align-items:center}.event-title{font-weight:750;font-size:14px;gap:8px}.event-title small{color:var(--muted);border-left:1px solid var(--line);padding-left:8px}.live-dot{width:8px;height:8px;background:#29bf7a;border-radius:50%;box-shadow:0 0 0 4px #daf6e8}.app-header nav{margin-left:auto;display:flex;align-items:center;gap:5px}.app-header nav button:not(.language){border:0;background:transparent;padding:9px 10px;color:var(--muted);font-weight:700;font-size:13px;cursor:pointer}.app-header nav button.active{color:var(--violet);background:#f1efff;border-radius:8px}.director-layout,.participant-layout{max-width:1160px;margin:36px auto;display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:25px;gap:25px;padding:0 24px}.content-card,.director-card,.moderation,.questions{background:#fff;border:1px solid var(--line);border-radius:17px;padding:27px}.content-card h1{font-size:30px;letter-spacing:-1.2px;margin:12px 0 5px}.content-card>p{font-size:14px;color:var(--muted);margin-bottom:24px}.option-list{display:grid;grid-gap:9px;gap:9px}.option{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;display:flex;align-items:center;gap:11px;color:var(--ink);text-align:left;cursor:pointer}.option span{display:grid;place-items:center;border:1px solid var(--line);color:var(--muted);width:25px;height:25px;border-radius:7px;font-size:12px;font-weight:800}.option i{margin-left:auto;font-style:normal;color:#fff}.option.selected{border-color:var(--violet);background:#f7f6ff}.option.selected span{border-color:var(--violet);background:var(--violet);color:#fff}.content-card>.primary{margin-top:17px}.results{margin-top:26px;border-top:1px solid var(--line);padding-top:20px;font-weight:800;font-size:14px}.results div{height:22px;margin-top:10px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600}.results span{width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results b{height:8px;background:linear-gradient(90deg,#785df7,#f061a0);border-radius:20px}.results strong{font-size:11px}.aside-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.aside-heading h2{font-size:17px;margin:0}.aside-heading span{background:#eeeaff;color:var(--violet);font-size:12px;border-radius:30px;padding:3px 8px;font-weight:800}.ask{margin:17px 0}.ask textarea{width:100%;height:82px;border:1px solid var(--line);resize:none;border-radius:10px;padding:10px;font-size:13px}.ask button{border:0;background:none;color:var(--violet);font-weight:800;float:right;margin-top:5px;cursor:pointer}.moderation article,.questions article{border-bottom:1px solid var(--line);padding:15px 0}.moderation article:last-child,.questions article:last-child{border:0}.moderation article p,.questions article p{margin:0 0 10px;font-size:13px;line-height:1.45}.questions article button{border:0;background:#f5f5fa;border-radius:20px;padding:5px 9px;color:var(--muted);font-size:11px;cursor:pointer}.director-layout{grid-template-columns:minmax(0,1fr) 360px}.director-intro{display:flex;justify-content:space-between;align-items:flex-end;margin:6px 0 23px}.director-intro h1{margin:8px 0 0;font-size:29px;letter-spacing:-1px}.director-intro p{margin:6px 0 0;font-size:13px}.stage-link{background:#fff;border:1px solid var(--line);padding:11px;border-radius:10px;color:var(--violet);font-weight:800;font-size:12px;cursor:pointer}.control-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.director-card{min-height:280px;display:flex;flex-direction:column}.card-label{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.director-card h2{margin:14px 0 5px;font-size:21px;letter-spacing:-.7px}.director-card p{margin:0;color:var(--muted);font-size:13px}.director-card button{margin-top:auto}.danger{border:1px solid #ffd5df;background:#fff6f8;color:#d83261;padding:11px;border-radius:10px;font-weight:800;cursor:pointer}.mini-bars{height:80px;display:flex;gap:7px;align-items:flex-end;margin:27px 0}.mini-bars i{flex:1 1;background:linear-gradient(#8267ff,#eb77aa);border-radius:4px 4px 0 0}.moderation article small{color:var(--muted);font-size:11px}.moderation article div,.moderation article>button{margin-top:12px;display:flex;gap:7px}.moderation article button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:6px 8px;color:var(--muted);font-weight:700;font-size:11px;cursor:pointer}.moderation article.pending{border-left:3px solid #f0aa25;padding-left:10px}.stage{min-height:100vh;background:radial-gradient(circle at 50% 105%,#492c95,transparent 46%),#0e1022;color:#fff;padding:36px}.stage-top{display:flex;justify-content:space-between;align-items:center;opacity:.94}.stage .logo-mark{background:#fff;color:#5c3df5}.live-pill{font-size:12px;color:#ff86ad;background:#ffffff12;border:1px solid #ffffff22;padding:7px 11px;border-radius:30px}.stage-poll{max-width:1000px;margin:15vh auto 0;text-align:center}.stage-poll .eyebrow{color:#d5caff}.stage-poll h1{font-size:clamp(38px,6vw,76px);letter-spacing:-3px;line-height:1.03;margin:20px auto 55px;max-width:900px}.stage-results{text-align:left;display:grid;grid-gap:20px;gap:20px}.stage-results>div{display:grid;grid-template-columns:minmax(130px,260px) 1fr 55px;align-items:center;grid-gap:16px;gap:16px;font-size:16px}.stage-results .bar{height:20px;border-radius:30px;background:#ffffff12;overflow:hidden}.stage-results .bar b{height:100%;display:block;border-radius:30px;background:linear-gradient(90deg,#8065ff,#ff6da4)}.stage-results strong{font-size:19px}.stage-poll>p{margin-top:42px;color:#cacce2}.stage-empty{text-align:center;margin-top:30vh;opacity:.8}.stage-empty .logo{justify-content:center}.stage-empty h1{font-size:48px;margin-bottom:0}@media (max-width:760px){.join-page{padding:20px}.join-card{padding:27px 22px;margin-top:5vh}.app-header{padding:0 16px;height:auto;min-height:66px;gap:14px}.event-title{display:none}.app-header nav{gap:1px}.app-header nav button:not(.language){font-size:11px;padding:8px 6px}.director-layout,.participant-layout{display:block;margin:20px auto;padding:0 14px}.moderation,.questions{margin-top:15px}.content-card{padding:20px}.content-card h1{font-size:25px}.control-grid{grid-template-columns:1fr}.director-intro{align-items:flex-start;gap:12px}.director-intro h1{font-size:25px}.stage-link{white-space:nowrap}.stage{padding:21px}.stage-poll{margin-top:16vh}.stage-results>div{grid-template-columns:1fr 42px;gap:7px}.stage-results>div>span{grid-column:1/3}.stage-poll h1{letter-spacing:-1.7px;margin-bottom:35px}.stage-results .bar{height:14px}}.header-actions{display:flex;align-items:center;gap:9px}.organizer-login{border:0;background:transparent;color:var(--violet);font-size:12px;font-weight:800;cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 85%,#f4d8ff 0,transparent 30%),radial-gradient(circle at 86% 20%,#cfe4ff 0,transparent 25%),#fafaff}.login-card{position:relative;width:min(430px,100%);padding:38px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 65px #24285712}.login-card .logo{margin-bottom:30px}.login-card h1{margin:10px 0 6px;font-size:32px;letter-spacing:-1px}.login-card>p{color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:25px}.login-card label{display:block;margin:13px 0;color:var(--muted);font-size:12px;font-weight:750}.login-card input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:9px;color:var(--ink)}.back-link,.reset-link{border:0;background:transparent;color:var(--muted);cursor:pointer}.back-link{position:absolute;right:28px;top:39px;font-size:12px}.reset-link{display:block;margin:14px auto 0;font-size:12px}.login-message{margin:12px 0;padding:10px 12px;border:1px solid #f4d3df;border-radius:9px;background:#fff7fa;color:#a62a51;font-size:12px;line-height:1.4}.stage-url{display:grid;grid-template-columns:1fr auto;grid-gap:7px;gap:7px;margin:-8px 0 18px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px}.stage-url span{grid-column:1/3;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.stage-url input,.stage-url span{color:var(--muted);font-size:11px}.stage-url input{min-width:0;padding:8px;border:1px solid var(--line);border-radius:7px}.stage-url button{border:0;border-radius:7px;padding:0 12px;background:#eeeaff;color:var(--violet);font-size:11px;font-weight:800;cursor:pointer}@media (max-width:760px){.organizer-login{font-size:11px}.login-card{padding:30px 22px}.stage-url{grid-template-columns:1fr}.stage-url span{grid-column:1}.stage-url button{padding:9px}.header-actions{gap:3px}}.login-divider{display:flex;align-items:center;gap:10px;margin:19px 0;color:var(--muted);font-size:11px}.login-divider:after,.login-divider:before{content:"";height:1px;background:var(--line);flex:1 1}.google-login{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-weight:750;cursor:pointer}.google-login b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;color:#4285f4;font-size:16px}.google-login:disabled{opacity:.55;cursor:not-allowed}.real-qr{width:142px;height:142px;margin:25px auto 18px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff}.open-response textarea{width:100%;min-height:150px;border:1px solid var(--line);border-radius:12px;padding:14px;margin:8px 0 4px;resize:vertical}.map-response{height:270px;position:relative;display:grid;place-items:center;align-content:center;grid-gap:5px;gap:5px;overflow:hidden;border:1px solid #cac5e4;border-radius:14px;background-color:#f6f3e9;background-image:linear-gradient(30deg,#dce9d7 12%,transparent 12.5%,transparent 87%,#dce9d7 87.5%),linear-gradient(150deg,#dbe8f2 12%,transparent 12.5%,transparent 87%,#dbe8f2 87.5%);cursor:crosshair;color:var(--muted)}.map-response>span{font-size:35px}.map-response>i{position:absolute;transform:translate(-50%,-50%);color:#e33162;font-size:30px;font-style:normal;text-shadow:0 2px 5px #0003}.image-options{grid-template-columns:repeat(2,minmax(0,1fr))}.image-options .option{display:grid;grid-template-columns:auto 1fr auto}.image-options .option img{grid-column:1/4;width:100%;height:150px;object-fit:cover;border-radius:8px}.question-votes{display:flex;gap:5px}.director-playlist{padding:18px;margin-bottom:16px;background:#fff;border:1px solid var(--line);border-radius:15px}.director-playlist label{display:block;color:var(--muted);font-size:11px;font-weight:800}.director-playlist select{width:100%;margin:7px 0 12px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.director-playlist>div{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px}.director-playlist button{padding:9px 7px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:11px;font-weight:800;cursor:pointer}.director-playlist button.primary{background:var(--violet);color:#fff}.stage-qa article{display:grid;grid-template-columns:90px 1fr;grid-gap:20px;gap:20px;text-align:left;margin:13px 0;padding:18px 22px;background:#ffffff12;border:1px solid #ffffff18;border-radius:14px;font-size:22px}.stage-qa article strong{color:#bbaeff}.response-total{font-size:64px!important;font-weight:900;color:#fff!important}.option-editor.with-image{grid-template-columns:32px 1fr auto 32px;flex-wrap:wrap}.option-editor.with-image img{grid-column:2/4;width:120px;height:70px;object-fit:cover;border-radius:8px}.file-button{display:inline-flex!important;width:auto!important;margin:0!important;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:var(--violet)!important;cursor:pointer}.file-button.wide{margin-top:6px!important}.file-button input{display:none!important}.control-preview{margin:18px 0;padding:16px;border:1px dashed #bdb3e2;border-radius:11px;background:#faf9ff;color:var(--muted);font-size:13px}.appearance-card,.settings-card{margin-top:42px;padding-top:32px;border-top:1px solid var(--line)}.appearance-grid{grid-gap:12px;gap:12px}.appearance-preview{gap:12px;min-height:110px;padding:20px;border-radius:12px}.appearance-preview img{width:60px;height:60px;object-fit:contain}.appearance-preview span{margin-left:auto;padding:9px 12px}.settings-card>p{color:var(--muted);font-size:13px}.inline-form{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.inline-form input,.inline-form select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.inline-form button{padding:10px 14px;border:0;border-radius:8px;background:var(--violet);color:#fff;font-weight:800;cursor:pointer}.members-form{grid-template-columns:1fr 170px auto}.member-list{margin-top:15px}.member-list>div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.member-list span{display:grid}.member-list small{margin-top:3px;color:var(--muted)}.member-list b{padding:5px 8px;border-radius:20px;background:#eeeaff;color:var(--violet);font-size:10px}.delete-button{color:#c42b52!important}.event-card>div:last-child{flex-wrap:wrap}@media (max-width:760px){.image-options{grid-template-columns:1fr}.director-playlist>div{grid-template-columns:1fr 1fr}.appearance-grid,.members-form{grid-template-columns:1fr}.stage-qa article{grid-template-columns:55px 1fr;font-size:16px}}.editor-page,.organizer-page{min-height:100vh;background:#f8f8fc;color:var(--ink)}.organizer-header{height:68px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.organizer-header>div{display:flex;align-items:center;gap:15px}.organizer-header button{border:0;background:transparent;color:var(--muted);cursor:pointer}.organizer-header .primary{background:var(--violet);color:#fff;padding:10px 15px}.organizer-content{width:min(1160px,90vw);margin:0 auto;padding:58px 0}.dashboard-title{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:34px}.dashboard-title h1{font-size:38px;letter-spacing:-1.4px;margin:7px 0}.dashboard-title p{color:var(--muted)}.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));grid-gap:17px;gap:17px}.create-event-card,.event-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 9px 30px #30306008}.event-card h2{margin:18px 0 8px;font-size:21px}.event-card p{color:var(--muted);font-size:13px}.event-card>div:last-child{display:flex;gap:8px;margin-top:24px}.event-card button{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:750;cursor:pointer}.event-card button.primary{background:var(--violet);color:#fff;border-color:var(--violet)}.event-status{display:inline-flex;padding:5px 8px;border-radius:99px;background:#f1eef8;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}.event-status.live{background:#e8fbf0;color:#0b7d42}.create-event-card{margin-bottom:22px}.create-event-card h2{margin-bottom:17px}.create-event-card label,.poll-form label{display:block;color:var(--muted);font-size:12px;font-weight:800;margin:12px 0}.create-event-card input,.poll-form input,.poll-form select,.poll-form textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.create-event-card>div{display:flex;justify-content:flex-end;gap:8px}.create-event-card button{padding:9px 14px;border:0;border-radius:8px;cursor:pointer}.editor-shell{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:calc(100vh - 68px)}.poll-list{padding:26px 18px;background:#fff;border-right:1px solid var(--line)}.poll-list>div{padding:5px 9px 19px}.poll-list h2{font-size:18px;margin-bottom:3px}.poll-list small{color:var(--muted)}.poll-list>button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:11px;margin:4px 0;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer}.poll-list>button.selected{border-color:#cfc5ff;background:#f4f1ff}.poll-list>button>span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:7px;background:#eeebf8;color:var(--violet);font-weight:850}.poll-list>button strong{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.poll-list>button small{display:block;margin-top:3px;font-size:10px}.poll-list .new-poll{justify-content:center;margin-bottom:16px;border:1px dashed #b8acd9;color:var(--violet);font-weight:800}.poll-form{width:min(720px,calc(100vw - 350px));padding:55px 5vw}.poll-form h1{font-size:32px;margin:7px 0 28px}.poll-form textarea{min-height:90px;resize:vertical}.poll-form fieldset{margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:12px}.poll-form legend{padding:0 8px;font-weight:800}.option-editor{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;grid-gap:7px;gap:7px;margin:8px 0}.option-editor>span{font-weight:850;color:var(--violet)}.option-editor input{margin:0}.option-editor button,.poll-form fieldset>button{border:0;background:transparent;color:var(--violet);font-weight:800;cursor:pointer}.editor-toggles{display:flex;gap:20px;margin:20px 0}.editor-toggles label{display:flex;align-items:center;gap:8px}.editor-toggles input{width:auto;margin:0}.poll-form>form>.primary{padding:12px 18px}@media (max-width:760px){.dashboard-title{display:block}.dashboard-title .primary{margin-top:18px}.organizer-content{padding:34px 0}.editor-shell{grid-template-columns:1fr}.poll-list{border-right:0;border-bottom:1px solid var(--line)}.poll-form{width:100%;padding:35px 5vw}.organizer-header{padding:0 4vw}.organizer-header .logo{display:none}}.appearance-card{margin-top:42px;padding-top:32px;border-top:1px solid var(--line)}.appearance-card h2{margin:7px 0 18px}.appearance-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px 16px;gap:5px 16px}.appearance-grid input[type=color]{height:44px;padding:3px}.appearance-preview{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0;padding:22px;border:1px solid var(--line);border-radius:13px}.appearance-preview span{padding:8px 12px;border-radius:8px;color:#fff;font-size:11px;font-weight:800}@media (max-width:760px){.appearance-grid{grid-template-columns:1fr}.appearance-preview{align-items:flex-start;flex-direction:column}}