:root{color-scheme:dark;--bg:#080b12;--panel:#111620;--panel2:#171d29;--panel3:#1c2432;--border:#252d3c;--text:#f6f7fa;--muted:#97a1b2;--accent:#7c5cff;--success:#30c792;--danger:#ff647c;--shadow:0 22px 70px rgba(0,0,0,.34);font-family:Heebo,Assistant,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:20px}.boot>b,.mark{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,var(--accent),#5438d9);box-shadow:0 15px 35px rgba(124,92,255,.32);font-size:22px}.boot>i{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);background:radial-gradient(circle at 78% -10%,rgba(124,92,255,.11),transparent 34%),var(--bg)}.sidebar{height:100vh;position:sticky;top:0;padding:25px 18px;border-left:1px solid var(--border);background:rgba(9,12,18,.9);backdrop-filter:blur(18px);display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 27px}.brand .mark{width:40px;height:40px;border-radius:13px;font-size:18px}.brand strong,.brand span{display:block}.brand span{font-size:10px;color:var(--muted);margin-top:3px}.nav{display:grid;gap:7px}.nav button{border:0;background:transparent;border-radius:12px;padding:12px 14px;color:var(--muted);display:flex;gap:13px;text-align:right}.nav button:hover,.nav button.active{color:#fff;background:rgba(124,92,255,.14)}.nav em{font-style:normal;width:20px;text-align:center}.user{margin-top:auto;padding:17px 7px 0;border-top:1px solid var(--border);display:flex;gap:10px;align-items:center}.avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:var(--panel2);font-size:12px}.user strong,.user small{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user strong{font-size:11px}.user small{font-size:9px;color:var(--muted);direction:ltr}.logout{border:0;background:none;color:var(--muted);font-size:10px;margin-top:10px}.main{padding:28px 34px 60px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.eyebrow{font-size:10px;color:#aa99ff;font-weight:800;letter-spacing:.12em;margin:0 0 5px}.topbar h1{font-size:32px;letter-spacing:-.04em;margin:0}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{min-height:40px;padding:9px 14px;border:1px solid var(--border);border-radius:11px;background:var(--panel2);font-weight:650;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{transform:translateY(-1px);border-color:#3b4659}.btn.primary{background:linear-gradient(135deg,var(--accent),#6143e0);border-color:transparent;box-shadow:0 10px 27px rgba(124,92,255,.24)}.btn.ghost{background:transparent}.btn.danger{color:#ff9aaa;background:rgba(255,100,124,.1);border-color:rgba(255,100,124,.25)}.btn.sm{min-height:32px;padding:6px 10px;font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:24px}.metric{padding:18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,var(--panel2),#0f131c)}.metric span,.metric strong,.metric small{display:block}.metric span{font-size:10px;color:var(--muted)}.metric strong{font-size:28px;margin:8px 0 2px}.metric small{font-size:9px;color:#4ad9a8}.panel{border:1px solid var(--border);border-radius:19px;background:rgba(17,22,32,.9);box-shadow:var(--shadow);overflow:hidden}.panelHead{padding:17px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:15px;align-items:center}.panelHead h2{margin:0;font-size:15px}.badge{font-size:9px;padding:5px 8px;border-radius:30px;background:#222a39;color:var(--muted)}.badge.live{color:#59dbb0;background:rgba(48,199,146,.1)}.badge.closed{color:#ff9aaa;background:rgba(255,100,124,.1)}.panelBody{padding:19px}.surveyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.surveyCard{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:17px;background:linear-gradient(160deg,var(--panel2),#0f131c);padding:19px;min-height:218px;display:flex;flex-direction:column}.surveyCard:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),#b298ff)}.surveyCard:hover{transform:translateY(-2px);border-color:#3a4558}.surveyCard h3{font-size:17px;margin:14px 0 6px}.surveyCard p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.cardStats{display:flex;gap:28px;margin-top:auto;padding-top:17px;border-top:1px solid rgba(255,255,255,.05)}.cardStats strong,.cardStats span{display:block}.cardStats strong{font-size:18px}.cardStats span{font-size:9px;color:var(--muted)}.cardActions{display:flex;gap:7px;margin-top:14px}.empty{text-align:center;padding:50px 22px;color:var(--muted)}.empty h3{color:var(--text);margin-bottom:6px}
.login{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;background:radial-gradient(circle at 12% 20%,rgba(124,92,255,.22),transparent 35%),var(--bg)}.loginHero{padding:clamp(38px,7vw,86px);border-left:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between}.loginHero h1{font-size:clamp(46px,7vw,84px);line-height:.97;letter-spacing:-.065em;margin:80px 0 20px}.loginHero p{max-width:570px;color:#b5becc;line-height:1.8}.loginFeatures{display:flex;gap:24px;color:var(--muted);font-size:10px}.loginWrap{display:grid;place-items:center;padding:25px}.loginCard{width:min(410px,100%);padding:30px}.loginCard h2{font-size:26px;margin:17px 0 5px}.loginCard>p{color:var(--muted);margin:0 0 25px}.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-size:10px;color:#c6ccd6}.input,.textarea,.select{width:100%;border:1px solid var(--border);background:#0c1018;border-radius:11px;padding:11px 12px;outline:0}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,92,255,.12)}.textarea{min-height:85px;resize:vertical}.formError{font-size:10px;color:#ff91a2;margin:7px 0}
.builder{min-height:100vh;background:#090c13}.builderTop{height:69px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--border);background:rgba(9,12,18,.94);backdrop-filter:blur(16px)}.back{width:38px;height:38px;border-radius:11px;border:1px solid var(--border);background:var(--panel)}.builderName{flex:1;min-width:0}.builderName input{border:0;background:transparent;outline:0;font-weight:720;font-size:15px;width:min(430px,100%)}.builderName small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.builderTabs{align-self:stretch;display:flex}.builderTabs button{border:0;background:transparent;color:var(--muted);padding:0 14px;position:relative}.builderTabs button.active{color:#fff}.builderTabs button.active:after{content:"";position:absolute;bottom:0;right:14px;left:14px;height:2px;background:var(--accent)}.builderBody{display:grid;grid-template-columns:245px minmax(420px,1fr) 288px;min-height:calc(100vh - 69px)}.toolbox,.properties{height:calc(100vh - 69px);position:sticky;top:69px;overflow:auto;padding:19px 15px;background:rgba(12,16,24,.78)}.toolbox{border-left:1px solid var(--border)}.properties{border-right:1px solid var(--border)}.sideLabel{font-size:9px;color:var(--muted);font-weight:800;letter-spacing:.1em;margin:0 4px 12px}.typeGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.typeGrid button{min-height:68px;border:1px solid var(--border);border-radius:12px;background:var(--panel);text-align:right;padding:9px}.typeGrid button:hover{border-color:var(--accent);background:rgba(124,92,255,.07)}.typeGrid b,.typeGrid span{display:block}.typeGrid b{font-size:17px}.typeGrid span{font-size:9px;color:#bbc2ce;margin-top:4px}.canvas{padding:34px 48px 95px;background:radial-gradient(circle at 50% 0%,rgba(124,92,255,.05),transparent 36%)}.paper{max-width:780px;margin:auto}.introEdit,.qCard{border:1px solid var(--border);border-radius:17px;background:var(--panel);padding:22px;margin-bottom:12px}.introEdit input,.introEdit textarea,.qTitle{width:100%;border:0;background:transparent;outline:0}.introEdit input{font-size:27px;font-weight:780}.introEdit textarea{color:var(--muted);resize:none;min-height:48px;margin-top:7px}.qCard.selected{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,92,255,.09)}.qHead{display:flex;gap:11px}.handle{color:#5f6979}.qMain{flex:1;min-width:0}.qTitle{font-size:14px;font-weight:680;border-bottom:1px solid transparent;padding-bottom:7px}.qTitle:focus{border-bottom-color:var(--accent)}.qMeta{font-size:9px;color:var(--muted);margin:4px 0 12px}.qPreview{opacity:.72;pointer-events:none}.qTools{margin-top:15px;padding-top:11px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.iconBtn{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted)}.iconBtn:hover{background:var(--panel3);color:#fff}.optionList{display:grid;gap:6px;margin:8px 0 12px}.optionLine{display:flex;gap:6px;align-items:center}.optionLine input{flex:1;border:1px solid var(--border);background:#0d1119;border-radius:8px;padding:7px 9px;font-size:10px}.addOption{border:0;background:none;color:#aa99ff;font-size:10px;text-align:right}.choice{display:grid;gap:7px}.choice label,.choice div{padding:10px 11px;border:1px solid var(--border);border-radius:10px;font-size:10px}.fake{padding:11px;border:1px solid var(--border);border-radius:10px;color:#697587;font-size:10px}.stars{font-size:23px;letter-spacing:5px;color:#647084}.switchRow{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#c5ccd7;margin:10px 0}.switch{width:36px;height:21px;position:relative}.switch input{opacity:0}.switch i{position:absolute;inset:0;border-radius:30px;background:#303949}.switch i:after{content:"";width:15px;height:15px;border-radius:50%;background:#fff;position:absolute;top:3px;right:3px}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{transform:translateX(-15px)}.propGroup{padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid var(--border)}.propGroup h3{font-size:12px;margin:0 0 12px}.colorGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.colorControl{border:1px solid var(--border);background:#0c1018;border-radius:10px;padding:6px;display:flex;align-items:center;gap:6px}.colorControl input{width:23px;height:23px;border:0;padding:0;background:none}.colorControl span{font-size:8px;color:var(--muted)}.range{width:100%;accent-color:var(--accent)}
.surveyPage{--sPage:#080b12;--sCard:#121722;--sAccent:#7c5cff;--sText:#f7f8fb;--sMuted:#9ca5b5;--sBorder:#252c3a;--sRadius:22px;--sWidth:760px;min-height:100vh;padding:30px 16px 70px;background-color:var(--sPage);background-size:cover;background-position:center;color:var(--sText)}.respondentTop,.surveyForm{width:min(var(--sWidth),100%);margin:auto}.respondentTop{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:10px;color:var(--sMuted)}.miniBrand{font-weight:800;color:var(--sText)}.miniBrand b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--sAccent);margin-left:6px}.identity{display:flex;align-items:center;gap:8px}.surveyCover,.publicQ,.successCard{border:1px solid var(--sBorder);border-radius:var(--sRadius);background:var(--sCard);box-shadow:0 22px 65px rgba(0,0,0,.23)}.surveyCover{padding:clamp(26px,5vw,44px);margin-bottom:12px;position:relative;overflow:hidden}.surveyCover:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--sAccent)}.surveyCover h1{font-size:clamp(28px,6vw,43px);line-height:1.1;letter-spacing:-.045em;margin:0 0 10px}.surveyCover p{margin:0;color:var(--sMuted);line-height:1.7;white-space:pre-wrap}.progressCopy{display:flex;justify-content:space-between;color:var(--sMuted);font-size:9px;margin:24px 0 6px}.progressTrack{height:5px;background:var(--sBorder);border-radius:10px;overflow:hidden}.progressBar{height:100%;background:var(--sAccent);width:0;transition:.2s}.publicQ{padding:23px;margin-bottom:11px}.publicQ.hidden{display:none}.publicQ h2{font-size:15px;margin:0 0 7px;line-height:1.5}.required{color:var(--sAccent);margin-right:4px}.help{font-size:10px;color:var(--sMuted);margin-bottom:13px;line-height:1.5}.publicInput{width:100%;padding:11px 12px;border:1px solid var(--sBorder);border-radius:11px;background:color-mix(in srgb,var(--sPage),transparent 20%);outline:0;color:var(--sText)}.publicInput:focus{border-color:var(--sAccent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sAccent),transparent 84%)}textarea.publicInput{min-height:115px;resize:vertical}.publicChoice{display:grid;gap:8px}.publicChoice label{display:flex;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--sBorder);border-radius:11px}.publicChoice label:has(input:checked){border-color:var(--sAccent);background:color-mix(in srgb,var(--sAccent),transparent 91%)}.publicChoice input{accent-color:var(--sAccent)}.rating{display:flex;flex-wrap:wrap;gap:7px}.rating label{position:relative}.rating input{position:absolute;opacity:0}.rating span{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--sBorder);border-radius:11px;font-size:18px}.rating input:checked+span{background:var(--sAccent);border-color:var(--sAccent);color:#fff;transform:translateY(-2px)}.matrixWrap,.tableWrap{overflow:auto}.matrix{width:100%;border-collapse:collapse;min-width:500px}.matrix th,.matrix td{padding:9px;border-bottom:1px solid var(--sBorder);font-size:9px;text-align:center}.matrix th:first-child,.matrix td:first-child{text-align:right}.signature{width:100%;height:145px;background:#fff;border-radius:11px;touch-action:none}.fieldError{font-size:9px;color:#ff91a2;margin-top:6px}.formFooter{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.sBtn{min-height:42px;padding:9px 16px;border:1px solid var(--sBorder);border-radius:11px;background:var(--sCard);font-weight:700;font-size:11px}.sBtn.primary{background:var(--sAccent);border-color:var(--sAccent);color:#fff}.successCard{width:min(var(--sWidth),100%);margin:10vh auto 0;text-align:center;padding:40px}.successIcon{width:63px;height:63px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--sAccent),transparent 84%);color:var(--sAccent);font-size:28px;margin:auto}.successCard p{color:var(--sMuted)}.editLink{display:flex;gap:7px;margin-top:20px}
.results{display:grid;gap:16px}.resultsTabs{display:flex;gap:5px;padding:5px;border:1px solid var(--border);background:var(--panel);border-radius:12px;width:max-content}.resultsTabs button{border:0;background:transparent;color:var(--muted);padding:7px 13px;border-radius:8px;font-size:10px}.resultsTabs button.active{background:var(--panel2);color:#fff}.chartGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.chart{padding:19px}.chart h3{font-size:13px;margin:0}.chart>p{font-size:9px;color:var(--muted);margin:5px 0 16px}.bar{margin:10px 0}.barCopy{display:flex;justify-content:space-between;font-size:9px;margin-bottom:5px}.barTrack{height:7px;background:#252e3c;border-radius:20px;overflow:hidden}.barFill{height:100%;background:linear-gradient(90deg,var(--accent),#a28cff)}.responses{width:100%;border-collapse:collapse;min-width:800px}.responses th,.responses td{text-align:right;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.05);font-size:10px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.responses th{font-size:9px;color:var(--muted)}
.modalBg{position:fixed;inset:0;z-index:100;background:rgba(2,4,8,.73);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px}.modal{width:min(680px,100%);max-height:86vh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:19px;padding:23px;box-shadow:var(--shadow)}.modalHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.modalHead h2{font-size:19px;margin:0}.modalClose{width:34px;height:34px;border:0;border-radius:9px;background:var(--panel3)}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}#toasts{position:fixed;left:18px;bottom:18px;z-index:200;display:grid;gap:8px}.toast{min-width:250px;max-width:380px;padding:12px 14px;background:#171e2a;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);font-size:10px}.toast.error{border-color:rgba(255,100,124,.4)}.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1120px){.builderBody{grid-template-columns:215px minmax(400px,1fr)}.properties{position:fixed;left:0;top:69px;width:290px;z-index:25;box-shadow:var(--shadow)}.surveyGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:880px){.shell{grid-template-columns:72px 1fr}.sidebar{padding-inline:11px}.brand>div:last-child,.nav span,.user>div:not(.avatar),.logout{display:none}.brand,.nav button{justify-content:center;padding-inline:0}.metrics{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.loginHero{display:none}.chartGrid{grid-template-columns:1fr}}@media(max-width:700px){.main{padding:20px 14px 75px}.topbar{align-items:flex-start}.actions .ghost{display:none}.surveyGrid{grid-template-columns:1fr}.builderTop{padding-inline:9px;gap:8px}.builderTabs{display:none}.builderBody{grid-template-columns:1fr}.toolbox{position:fixed;top:auto;bottom:0;right:0;left:0;height:auto;z-index:28;overflow:auto;padding:9px;border-top:1px solid var(--border)}.toolbox .sideLabel{display:none}.typeGrid{display:flex;width:max-content}.typeGrid button{width:78px;min-height:54px;text-align:center}.canvas{padding:20px 11px 105px}.properties{display:none}.surveyPage{padding:17px 9px 50px}.surveyCover,.publicQ{padding:19px}.formFooter{flex-direction:column-reverse}.sBtn{width:100%}.loginCard{padding:22px}}