:root{--bg:#f4f7fb;--surface:#fff;--line:#dce5ef;--text:#1f2937;--muted:#6b7a90;--primary:#2563eb;--primary2:#1d4ed8;--blue-soft:#eaf2ff;--green:#159a68;--green-soft:#e8f8f1;--red:#dc3f4d;--red-soft:#fff0f2;--shadow:0 8px 28px rgba(31,41,55,.07)}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.shell{width:100%;min-height:100vh;padding:28px 24px 18px}.wrap{max-width:900px;margin:0 auto 44px}h1,h2,p{margin:0}.public-head{text-align:center;padding:34px 20px 26px}.public-head p,.thanks-card p{color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.15em}.public-head h1{font-size:31px;margin-top:8px;line-height:1.15;letter-spacing:-.025em}.public-head>span{display:block;max-width:650px;margin:11px auto 0;color:#5d6c80;font-size:14px;line-height:1.55}.public-head strong{display:inline-block;margin-top:12px;padding:6px 10px;background:var(--blue-soft);border-radius:999px;color:#315e9d;font-size:10px}.survey-card,.thanks-card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.survey-card{padding:8px 26px 26px}.survey-question{padding:20px 0;border-bottom:1px solid var(--line)}.question-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.question-title h2{font-size:16px;line-height:1.3}.question-title small{color:#8997a8;font-size:10px}.stars,.nps,.choice-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.stars input,.nps input,.choice-row input,.choice-list input{position:absolute;opacity:0}.stars span,.nps span,.choice-row span,.choice-list span{display:block;border:1px solid #d7e0ea;background:#fff;border-radius:9px;padding:10px 12px;cursor:pointer;color:#56667b;font-weight:700;transition:.12s}.stars input:checked+span,.nps input:checked+span,.choice-row input:checked+span,.choice-list input:checked+span{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 10px rgba(37,99,235,.18)}.nps-caption{display:flex;justify-content:space-between;margin-top:6px;color:#909cad;font-size:9px}.choice-list{display:grid;gap:7px;margin-top:13px}.choice-list span{width:100%}.survey-input{width:100%;margin-top:13px;border:1px solid #d4dee9;border-radius:9px;padding:11px 12px;font:inherit;resize:vertical;outline:none;background:#fff;color:var(--text)}.survey-input:focus{border-color:#8db3f8;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.btn{border:1px solid var(--line);background:#fff;color:#334155;border-radius:9px;min-height:42px;padding:9px 14px;font:700 12px Inter,Segoe UI,Arial,sans-serif;cursor:pointer}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary2)}.submit{width:100%;margin-top:22px;min-height:48px;font-size:13px}.thanks-card{text-align:center;padding:48px 28px}.thanks-card h1{margin-top:8px;font-size:29px}.thanks-card>span{display:block;color:var(--muted);margin-top:10px;line-height:1.5}.thanks-icon{width:58px;height:58px;border-radius:50%;margin:0 auto 15px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:28px;font-weight:900}.flash-stack{max-width:820px;margin:0 auto 12px;display:grid;gap:8px}.flash{padding:12px 14px;border-radius:9px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);font-weight:600}.flash.error{background:var(--red-soft);border-color:#f2c6cc;color:#b52e3a}footer{max-width:820px;margin:24px auto 0;text-align:center;border-top:1px solid var(--line);padding-top:14px;color:#8c99aa;font-size:9px;letter-spacing:.03em}footer span{margin-left:6px}@media(max-width:650px){.shell{padding:14px 10px}.public-head{padding:22px 10px 18px}.public-head h1{font-size:25px}.survey-card{padding:4px 16px 20px}.stars span{padding:9px 10px}.nps{gap:5px}.nps span{padding:8px}.thanks-card{padding:36px 20px}}