:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#17233f;background:#f3f6fc;font-size:16px;line-height:1.6;--blue:#244bd1;--line:#dce3f0;--muted:#52627b}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--blue);text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f6a600;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2;letter-spacing:-.04em;margin-bottom:14px}h2{font-size:1.35rem;line-height:1.35}h3{font-size:1.05rem}p{margin-bottom:16px}.muted,small{color:var(--muted)}small{font-size:.875rem}.shell{max-width:1280px;margin:auto;padding:28px}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:32px;flex-wrap:wrap}.brand{font-size:1.15rem;font-weight:800;color:#17233f;text-decoration:none}.brand span{display:inline-grid;place-items:center;background:var(--blue);color:white;border-radius:10px;width:38px;height:38px;margin-right:9px}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.btn{border:1px solid var(--line);background:white;color:#253456;padding:10px 16px;border-radius:10px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:650;line-height:1.4;min-height:44px}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.danger{color:#a81e32}.btn:hover{filter:brightness(.96)}button:disabled{opacity:.6;cursor:wait}.tag{display:inline-flex;align-items:center;padding:4px 10px;background:#eaf0ff;color:#2343a3;font-size:.875rem;font-weight:650;border-radius:7px}.tag.closed{background:#eef0f4;color:#52627b}.pagehead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin:12px 0 26px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#3654a5;font-size:.8rem;font-weight:750;margin-bottom:10px}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.side{align-self:start}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:24px;margin-bottom:20px;box-shadow:0 4px 16px #20376404}.side .card{padding:14px}.appitem{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:10px;padding:13px 12px;margin:4px 0;color:#243653}.appitem strong,.appitem small{display:block}.appitem.selected{background:#eaf0ff;box-shadow:inset 3px 0 var(--blue)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.stat{background:white;border:1px solid var(--line);padding:19px;border-radius:14px}.stat strong{display:block;font-size:1.8rem;line-height:1.2;margin:7px 0}.stat small{display:block}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metric{margin:15px 0}.metricline{display:flex;justify-content:space-between;gap:16px;margin-bottom:5px}.bar{height:8px;background:#eaf0fa;border-radius:8px;overflow:hidden}.bar span{display:block;height:100%;background:var(--blue)}.round{border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0}.round h3{margin-bottom:8px}.round p{margin:8px 0}.round .actions{margin-top:14px}.response{border-top:1px solid var(--line);padding:20px 0}.response:first-of-type{border-top:0}.response p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.response summary{cursor:pointer;font-weight:700}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#eef3fb;border-radius:8px;padding:6px 10px;font-size:.9rem}.notice{background:#fff6df;border:1px solid #ead293;color:#72520c;padding:16px 20px;border-radius:12px;margin:18px 0}.empty{padding:35px 16px;text-align:center;color:var(--muted)}.modalback{position:fixed;inset:0;background:#12203a80;z-index:5;display:flex;justify-content:center;align-items:flex-start;padding:24px;overflow:auto}.modal{background:white;border-radius:20px;padding:28px;width:min(700px,100%);margin:24px 0}.modal h2{margin-bottom:24px}.modal .close{float:right}.field{display:block;margin:16px 0}.field>span{display:block;font-weight:650;margin-bottom:7px}input:not([type=radio]):not([type=checkbox]),textarea,select{width:100%;padding:11px 13px;color:#17233f;background:#fbfcff;border:1px solid #bcc9dd;border-radius:9px;min-height:46px}textarea{min-height:108px;resize:vertical}.field small{display:block;margin-top:5px}.login{max-width:450px;margin:70px auto}.login .card{padding:32px}.survey{max-width:820px;margin:auto;padding:24px 22px 60px}.survey .top{margin-bottom:25px}.welcome{background:#152d66;color:white;border-radius:20px;padding:32px;margin-bottom:22px}.welcome .muted{color:#d4def7}.welcome .tag{background:#ffffff1a;color:white;margin-bottom:18px}.welcome p{white-space:pre-wrap}.welcome .btn{margin-top:8px}.sectionlabel{display:flex;gap:12px;align-items:center;margin-bottom:24px}.sectionlabel span{width:34px;height:34px;border-radius:9px;background:#eaf0ff;color:var(--blue);display:grid;place-items:center;font-weight:750}.sectionlabel h2{margin:0}.rating{padding:15px 0 22px;border-bottom:1px solid #e6ebf4}.rating:last-child{border:0;padding-bottom:0}.rating legend{font-weight:700;padding:0;max-width:100%;margin-bottom:10px}.rating{border-left:0;border-right:0;border-top:0;margin:0;min-width:0}.starrow{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.starlabel{display:flex;align-items:center;justify-content:center;position:relative;min-width:48px;min-height:48px;border:1px solid #bdcbe4;border-radius:10px;background:#f9fbff;cursor:pointer}.starlabel input{position:absolute;opacity:0;width:1px;height:1px}.starlabel b{font-size:1.4rem;color:#556a90;line-height:1}.starlabel:has(input:checked){background:var(--blue);border-color:var(--blue)}.starlabel:has(input:checked) b{color:white}.starlabel:has(input:focus-visible){outline:3px solid #f6a600;outline-offset:2px}.scalelabels{display:flex;justify-content:space-between;color:var(--muted);font-size:.875rem;max-width:280px;margin-bottom:7px}.skip{font-size:.875rem;display:inline-flex;gap:7px;align-items:center}.choice{display:flex;gap:12px;flex-wrap:wrap}.choice label{background:#f7f9fe;padding:11px 15px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.choice label:has(input:checked){border-color:var(--blue);background:#eaf0ff}.consent{display:flex;align-items:flex-start;gap:11px;margin:20px 0}.consent input{margin-top:6px;min-width:18px;height:18px}.footer{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.9rem;margin-top:30px}.privacy{white-space:pre-wrap;overflow-wrap:anywhere}.error{color:#9e1730;background:#fff0f1;border:1px solid #f4ccd2;padding:12px 16px;border-radius:9px;margin:14px 0}.hidden{display:none!important}.trap{position:absolute;left:-10000px}.receiptcode{display:block;padding:16px;background:#edf2fc;border-radius:9px;overflow-wrap:anywhere;font-family:monospace;font-size:1rem}.loading{padding:50px;text-align:center}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;background:#142b53;color:white;border-radius:12px;padding:12px 20px;max-width:90vw;box-shadow:0 5px 30px #17233f44;display:none}.demo-banner{background:#fff2c9;border-bottom:1px solid #ead293;text-align:center;padding:10px;font-size:.9rem}.filter{max-width:300px}.printnote{font-size:.875rem;color:var(--muted)}@media(max-width:950px){.workspace{grid-template-columns:1fr}.side .card{display:flex;gap:10px;overflow:auto}.side h3{display:none}.appitem{min-width:180px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.shell{padding:18px}.top{margin-bottom:22px}.pagehead{display:block}.pagehead .btn{margin-top:10px}.twocol{grid-template-columns:1fr}.card{padding:20px}.stat{padding:15px}.survey{padding:18px 14px 40px}.welcome{padding:25px}.modalback{padding:12px}.modal{padding:22px}.starrow{gap:7px}.starlabel{min-width:44px;min-height:46px}.actions .btn{flex-grow:1}.stat strong{font-size:1.65rem}}@media print{.top,.side,.btn,.actions,.footer,.demo-banner{display:none!important}.workspace{display:block}.shell{max-width:none;padding:0}.card,.stat{break-inside:avoid;box-shadow:none}.stats{grid-template-columns:repeat(4,1fr)}body{background:white}.response details{display:block}}
:root{--bg:#050816;--bg-soft:#071022;--text:#f5f7ff;--muted:#c4cee0;--line:rgba(173,191,255,.20);--blue:#8dbbff;--purple:#bd5cff;--violet:#8d6dff;--cyan:#45e7ff;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body{min-height:100vh;background:radial-gradient(circle at 17% 18%,rgba(155,74,255,.18),transparent 30%),radial-gradient(circle at 82% 12%,rgba(59,154,255,.16),transparent 28%),radial-gradient(circle at 68% 66%,rgba(17,212,255,.08),transparent 25%),linear-gradient(180deg,#030611 0%,#071022 48%,#040711 100%)}
.brand{display:inline-flex;align-items:center;gap:14px;color:var(--text);font-weight:750;letter-spacing:-.02em}.brand-logo{width:54px;height:54px;border-radius:15px;box-shadow:0 0 34px rgba(78,207,255,.22),0 0 24px rgba(190,78,255,.18);flex:none}.brand .brand-name{display:block;background:none;border-radius:0;width:auto;height:auto;color:var(--text);margin:0}.brand-name small{display:block;font-weight:500;letter-spacing:.015em;color:var(--muted);font-size:.85rem}
.card,.stat{border-color:var(--line);background:linear-gradient(180deg,rgba(18,29,61,.90),rgba(8,15,34,.86));box-shadow:0 16px 54px rgba(0,0,0,.20);backdrop-filter:blur(14px);border-radius:22px}.card{padding:26px}.stat{border-radius:18px}.stat strong{color:#f5f7ff}.eyebrow{color:#8fdfff}.appitem{color:#e4eaff}.appitem.selected{background:linear-gradient(110deg,rgba(158,69,255,.16),rgba(66,225,255,.09));box-shadow:inset 3px 0 #9a7dff}.appitem:hover{background-color:#ffffff08}
.btn{color:#eff4ff;background:rgba(8,15,32,.72);border-color:rgba(204,216,255,.28);border-radius:13px}.btn.primary{background:linear-gradient(110deg,#7c35c5,#365fc7 62%,#176a80);color:white;border-color:rgba(149,130,255,.55);box-shadow:0 10px 30px rgba(84,98,255,.20)}.btn:hover{border-color:rgba(108,224,255,.5);filter:brightness(1.12)}.btn.danger{color:#ffa7ba}.tag{background:linear-gradient(90deg,rgba(178,66,255,.16),rgba(69,231,255,.12));color:#e8f8ff;border:1px solid rgba(105,225,255,.28);border-radius:999px}.tag.closed{background:#ffffff07;color:#c4cee0;border-color:var(--line)}.tag.mode{background:#1e244c;color:#dfd2ff;border-color:#6f5a9a}
.welcome{position:relative;background:radial-gradient(circle at 92% 5%,rgba(69,231,255,.12),transparent 45%),linear-gradient(135deg,rgba(49,26,92,.8),rgba(11,26,59,.9));border:1px solid rgba(173,191,255,.24);border-radius:26px;padding:34px;box-shadow:0 24px 80px rgba(0,0,0,.3)}.welcome h1{font-size:clamp(2rem,6vw,3.35rem);line-height:1.1}.welcome h1 span,.pagehead h1{background:linear-gradient(90deg,#d15cff,#9299ff 52%,#4be5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome .muted{color:#d5ddef}.welcome .btn{background:rgba(8,15,32,.68);border-color:rgba(204,216,255,.36);color:white}
.modal{background:linear-gradient(180deg,#121d3d,#080f22);color:var(--text);border:1px solid var(--line);box-shadow:0 24px 80px #0008}.modalback{background:#030611c0}.round{background:#07102266;border-color:var(--line);border-radius:16px}.bar{background:#243353}.bar span{background:linear-gradient(90deg,#a44cff,#577bff,#42cce8)}.chip{background:#182644;color:#e0e9ff}.response{border-color:var(--line)}
input:not([type=radio]):not([type=checkbox]),textarea,select{background:#0b142b;color:#f5f7ff;border-color:#667da4;border-radius:11px}input::placeholder,textarea::placeholder{color:#a5b2ca}select option{background:#0c162d;color:#f5f7ff}input[type=checkbox],input[type=radio]{accent-color:#8c6bff}.field small,.scalelabels,.skip{color:var(--muted)}.rating{border-color:var(--line)}.starlabel{background:#0c1833;border-color:#657ca7;border-radius:12px}.starlabel b{color:#c4d7fb}.starlabel:has(input:checked){background:linear-gradient(135deg,#7841c5,#245eaa);border-color:#b5a0ff}.choice label{background:#0b1732;border-color:#62749d}.choice label:has(input:checked){border-color:#b7a0ff;background:#302554}.sectionlabel span{background:#292454;color:#dac7ff}
.notice,.demo-banner{background:#302718;color:#ffdf9b;border-color:#897142}.error{color:#ffc2cf;background:#40192a;border-color:#ae5572}.receiptcode{background:#101c36;color:#e6efff;border:1px solid var(--line)}.footer{border-top:1px solid var(--line);padding-top:24px}a{color:#9bdfff}.empty{color:var(--muted)}#toast{background:#24345c;border:1px solid #688ac6;color:white}.participation h2{margin:16px 0 10px}
@media(max-width:600px){.brand-logo{width:46px;height:46px}.brand{gap:11px}.brand-name{font-size:1rem}.brand-name small{font-size:.8rem}.welcome{padding:26px}.card{padding:21px}.modal{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{:root{--text:#17233f;--muted:#52627b;--line:#dce3f0;color:#17233f;background:white}body{color:#17233f;background:white}.card,.stat,.round,.modal{background:white;color:#17233f;box-shadow:none;backdrop-filter:none;border-color:#dce3f0}.stat strong,.chip,.appitem{color:#17233f}.pagehead h1,.welcome h1 span{color:#17233f;background:none}.chip{background:#edf2fa}.tag{color:#17233f;background:#edf2fa;border-color:#bcc9dd}.response{border-color:#dce3f0}a{color:#244bd1}.bar{background:#eaf0fa}.bar span{background:#244bd1}}