:root{color:#0f172a;--bg:#f6f8fb;--card:#fff;--panel:#f8fafc;--line:#0f172a0f;--accent:#0ea5a1;--accent-2:#f59e0b;--muted:#6b7280;--radius:18px;--shadow:0 12px 30px #0f172a14;background-color:#f6f8fb;font-family:Space Grotesk,DM Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--color,#0f172a);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 20% 20%,#0ea5a10f,#0000 35%),radial-gradient(circle at 80% 10%,#f59e0b0a,#0000 30%),linear-gradient(135deg,#fff 0%,#f6f8fb 60%,#f3f6fa 100%);margin:0}#root,.page{min-height:100vh}.page{z-index:1;justify-content:center;min-height:100vh;padding:32px 20px 48px;display:flex;position:relative}.page:before{content:"";filter:blur(28px);z-index:-1;opacity:.95;background:radial-gradient(120% 120% at 10% 30%,#0ea5a10f,#0000 50%),radial-gradient(120% 120% at 90% 20%,#f59e0b08,#0000 50%);border-radius:28px;position:absolute;inset:40px}.container{border:1px solid var(--line);width:min(1100px,100%);box-shadow:var(--shadow),0 0 0 1px #0f172a05;background:linear-gradient(145deg,#fffffff2,#fafcfff2);border-radius:24px;padding:28px 30px 36px;position:relative;overflow:hidden}.container:after{content:"";opacity:1;pointer-events:none;background:linear-gradient(120deg,#0ea5a105,#f59e0b03);position:absolute;inset:0}.header-block{z-index:1;margin-bottom:12px;position:relative}.eyebrow{color:var(--accent);letter-spacing:.3px;text-transform:uppercase;background:#0ea5a114;border:1px solid #0ea5a124;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}h1{letter-spacing:-.6px;color:#051023;margin:12px 0 6px;font-size:clamp(1.8rem,3vw,2.3rem)}h2{letter-spacing:-.1px;color:#081127;margin:0 0 10px;font-size:1.1rem}.subtitle{color:var(--muted);max-width:780px;margin:0 0 12px;font-size:.98rem}.survey-form{z-index:1;flex-direction:column;gap:18px;display:flex;position:relative}.meta-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.pill{letter-spacing:.2px;border:1px solid var(--line);color:#0b1724;background:#02061705;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.84rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff05}.pill:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block}.pill-green{color:var(--accent);background:#0ea5a10a;border-color:#0ea5a124}.pill-amber{color:var(--accent-2);background:#f59e0b08;border-color:#f59e0b1f}.pill-cyan{color:#60a5fa;background:#60a5fa08;border-color:#60a5fa1f}.section{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,#fffffffa,#f8fafdfa);padding:16px 18px 14px;box-shadow:inset 0 1px #00000005}.field-row{flex-wrap:wrap;gap:14px;margin-bottom:12px;display:flex}.field-row>div{flex:1;min-width:220px}label{color:#06202a;margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}input[type=text],input[type=email],select{color:#06121a;background:linear-gradient(#fff,#fbfdff);border:1px solid #0f172a0f;border-radius:12px;width:100%;padding:11px 12px;font-size:.95rem;transition:border-color .16s,box-shadow .16s,transform .12s}input::placeholder{color:#94a3b8}select:has(option[value=""]:checked){color:#94a3b8}input[type=text]:focus,input[type=email]:focus,select:focus{border-color:#0ea5a173;outline:none;box-shadow:0 0 0 6px #0ea5a10f,0 8px 22px #0206170a}.question-text{color:#0b2230;margin-bottom:10px;font-size:.96rem}.note{color:var(--muted);font-size:.86rem}.legend{color:#334155;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:center;gap:10px;margin:8px 0 6px;font-size:.88rem;display:grid}.legend-dot{border:2px solid #0f172a0f;border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.legend-best{background:var(--accent);box-shadow:0 0 0 6px #0ea5a10f}.legend-mid{background:var(--accent-2);box-shadow:0 0 0 6px #f59e0b0a}.legend-low{background:#ef4444;box-shadow:0 0 0 6px #ef444408}.help-text{color:#475569;margin-bottom:6px;font-size:.88rem}.ranking-block{border:1px solid var(--line);border-radius:var(--radius);background:#02061705;padding:10px 12px;overflow:auto}.option-label{color:#0b1724;font-weight:500}table{border-collapse:collapse;width:100%;min-width:520px;margin-top:6px}th,td{border-bottom:1px solid var(--line);vertical-align:middle;color:#0b1724;padding:10px 12px;font-size:.92rem}th{text-align:left;letter-spacing:.2px;background:#02061705;font-weight:600}tr:hover td{background:#0ea5a105}.rank-cell select{background:linear-gradient(#fff,#fbfdff);border:1px solid #0f172a0f;border-radius:10px;padding:8px 10px}.add-option-row{align-items:center;gap:8px;margin-top:12px;display:flex}.add-option-row input[type=text]{flex:1}.btn{cursor:pointer;letter-spacing:.2px;background:linear-gradient(120deg,var(--accent),#06b6a4 35%,var(--accent-2));color:#06241d;border:1px solid #0f172a0a;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:.95rem;font-weight:700;transition:transform .12s,box-shadow .16s,filter .12s;display:inline-flex;box-shadow:0 12px 32px #0ea5a11f,0 0 0 1px #0f172a05}.btn:hover:not(:disabled){filter:saturate(1.02);transform:translateY(-1px);box-shadow:0 18px 44px #0ea5a124}.btn:disabled{opacity:.7;cursor:not-allowed}.btn.secondary{color:#06202a;background:#02061708;box-shadow:inset 0 1px #ffffff05}.radio-group{flex-wrap:wrap;gap:16px;margin:8px 0 12px;font-size:.95rem;display:flex}.radio-group label{border:1px solid var(--line);background:#02061705;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-weight:500;transition:border-color .14s,background .14s;display:inline-flex}.radio-group input[type=radio]{accent-color:var(--accent)}.radio-group label:hover{background:#0ea5a10a;border-color:#0ea5a12e}.error,.success{border:1px solid var(--line);background:#fff9;border-radius:12px;margin-top:8px;padding:10px 12px;font-size:.92rem;box-shadow:inset 0 1px #00000005}.error{color:#b91c1c;background:#ffebeeb3;border-color:#b91c1c0f}.success{color:#065f46;background:#ecfdf5e6;border-color:#10b9810f}@media (max-width:720px){.page{padding:24px 14px 32px}.container{border-radius:18px;padding:22px 18px 28px}.section{padding:14px 14px 12px}}.likert-fieldset{background:#fff;border:1px solid #02061708;border-radius:8px;margin-bottom:1.25rem;padding:1rem;box-shadow:0 1px 2px #02061708}.likert-legend{color:#06202a;margin-bottom:.5rem;font-size:1.05rem;font-weight:600;display:block}.likert-sub{color:#475569;font-size:.9rem;font-weight:400}.likert-table-header{color:#334155;align-items:center;margin:.5rem 0 .75rem;font-weight:600;display:none}.likert-header-cell{text-align:center;width:48px;font-size:.95rem}.likert-grid{gap:.5rem;display:grid}.likert-row{border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.5rem;transition:background .12s;display:grid}.likert-row:nth-child(odd){background:#02061703}.likert-statement{align-items:flex-start;gap:.6rem;padding-right:.5rem;display:flex}.likert-index{color:#0b1724;min-width:28px;font-weight:700}.likert-text{color:#0b1724;font-size:.95rem;line-height:1.25}.likert-options{align-items:center;gap:.5rem;display:flex}.likert-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:transform 80ms,box-shadow 80ms;display:inline-flex;position:relative}.likert-option input[type=radio]{opacity:0;pointer-events:all;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.likert-option-visual{color:#0b1724;pointer-events:none;background:linear-gradient(#fff,#fbfdff);border:1px solid #0f172a0f;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:600;display:inline-grid;box-shadow:0 1px #02061708}.likert-option input[type=radio]:checked+.likert-option-visual{background:linear-gradient(180deg,var(--accent),#0b9b8f);color:#fff;border-color:#0206170a;transform:translateY(-1px);box-shadow:0 6px 18px #0ea5a114}.likert-option:hover .likert-option-visual,.likert-option input[type=radio]:focus+.likert-option-visual{transform:translateY(-1px);box-shadow:0 6px 14px #0206170a}@media (max-width:720px){.likert-row{grid-template-columns:1fr}.likert-options{justify-content:flex-start}}@media (min-width:721px){.likert-grid{display:block}.likert-row{grid-template-columns:1fr 260px;align-items:center;display:grid}.likert-table-header{grid-template-columns:1fr repeat(5,60px);align-items:center;gap:1rem;margin-bottom:.5rem;display:grid}.likert-header-cell{text-align:center;color:#475569;width:60px;font-weight:600}.likert-options{justify-content:space-between}}