:root{--bg:#e8ecf8;--bg-deep:#dce3f4;--surface:#ffffffd1;--surface-2:#fffffff0;--border:#0f172a1a;--text:#0f172aeb;--muted:#0f172a9e;--heading:#0f172afa;--primary:#4f46e5;--primary-2:#7c3aed;--accent-sky:#0ea5e9;--accent-teal:#14b8a6;--danger:#ef4444;--success:#16a34a;--shadow-sm:0 8px 20px #1e1b4b14;--shadow-md:0 22px 50px #1e1b4b1f;font-feature-settings:"kern" 1;color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;font-size:15px;line-height:1.6}@media (width>=480px){:root{font-size:16px}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}#root{min-height:100svh}.page{isolation:isolate;min-height:100dvh;padding-bottom:max(10px, env(safe-area-inset-bottom,0px));position:relative}main{min-width:0}.bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.meshWash{opacity:1;background:radial-gradient(100% 60% at 50% -10%,#ffffff73,#0000 55%),radial-gradient(70% 50% at 0%,#6366f114,#0000 50%),radial-gradient(70% 50% at 100% 40%,#ec48990f,#0000 50%);position:absolute;inset:0}.gridFade{opacity:.85;background-image:radial-gradient(circle at 1px 1px,#0f172a0b 1px,#0000 0);background-size:28px 28px;position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(85% 70% at 50% 35%,#000 0%,#0000 72%);mask-image:radial-gradient(85% 70% at 50% 35%,#000 0%,#0000 72%)}.noiseOverlay{opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.blob{filter:blur(36px);opacity:.82;mix-blend-mode:multiply;border-radius:999px;width:560px;height:560px;position:absolute;transform:translate(0,0)}.b1{background:radial-gradient(circle at 35% 35%,#6366f194,#0000 58%);animation:14s ease-in-out infinite float1;top:-200px;left:-140px}.b2{background:radial-gradient(circle at 35% 35%,#a855f785,#0000 60%);animation:16s ease-in-out infinite float2;top:-240px;right:-200px}.b3{background:radial-gradient(circle at 35% 35%,#14b8a652,#0000 62%);animation:18s ease-in-out infinite float3;bottom:-280px;left:15%}.b4{mix-blend-mode:multiply;background:radial-gradient(circle at 40% 40%,#0ea5e947,#0000 62%);width:420px;height:420px;animation:20s ease-in-out infinite float4;top:38%;right:-120px}@keyframes float1{0%,to{transform:translate(-10px)scale(1)}50%{transform:translate(30px,34px)scale(1.06)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-38px,44px)scale(1.05)}}@keyframes float3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(44px,-22px)scale(1.07)}}@keyframes float4{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-28px,18px)scale(1.05)}}@media (width<=639px){.blob{filter:blur(26px);opacity:.72;width:min(300px,92vw);height:min(300px,92vw)}.blob.b4{width:min(240px,78vw);height:min(240px,78vw)}.welcome{border-radius:16px;margin-top:10px;padding:12px}.questionCard{border-radius:16px;padding:12px}.axisProgress{padding:10px 12px}.axisDot{align-self:center;width:auto;min-width:44px;height:auto;min-height:44px}.axisDot.active{width:auto;min-width:48px;min-height:48px}}.container{width:100%;max-width:980px;padding-inline:max(14px, env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));margin-inline:auto}.header,.card,.footer{z-index:1;position:relative}.header{z-index:2;padding:max(12px, env(safe-area-inset-top,0px)) 0 12px;-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:linear-gradient(#ffffffe0,#e8ecf8c7);border-bottom:1px solid #4f46e51f;position:relative;box-shadow:0 12px 32px #1e1b4b0f}@media (width>=640px){.header{padding:18px 0 14px}}.headerBrand{align-items:center;gap:12px;min-width:0;display:flex}.schoolLogo{object-fit:contain;background:#ffffffbf;border:1px solid #0f172a1f;border-radius:12px;flex-shrink:0;width:52px;height:52px}@media (width>=640px){.schoolLogo{border-radius:14px;width:64px;height:64px}}.headerTop{flex-direction:column;align-items:stretch;gap:12px;min-width:0;display:flex}@media (width>=640px){.headerTop{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:14px}}.headerMeta{justify-items:stretch;gap:10px;width:100%;min-width:0;display:grid}@media (width>=640px){.headerMeta{justify-items:end;width:auto;min-width:200px}}.title{letter-spacing:-.4px;background:linear-gradient(120deg,#0f172afa,#4f46e5eb);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.1rem,4.2vw,1.85rem)}.subtitle{color:var(--muted);margin:10px 0 0;font-size:14px}.saveChip{color:#16a34af5;background:#16a34a14;border:1px solid #16a34a38;border-radius:999px;padding:6px 10px;font-size:12px}.progressWrap{gap:6px;width:100%;display:grid}.progressText{color:var(--muted);text-align:end;font-size:12px}.progressBar{background:#0f172a14;border:1px solid #0f172a14;border-radius:999px;height:8px;overflow:hidden}.progressFill{background:linear-gradient(90deg, var(--primary), var(--primary-2));border-radius:999px;height:100%;display:block}.stepper{grid-template-columns:1fr;gap:8px;margin-top:12px;display:grid}@media (width>=400px){.stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=720px){.stepper{grid-template-columns:repeat(4,minmax(0,1fr))}}.step{appearance:none;border:1px solid var(--border);cursor:pointer;touch-action:manipulation;text-align:right;background:#ffffff85;border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:12px;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;display:flex}.step:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.step:active{transform:translateY(0)}.stepDot{background:#0f172a38;border-radius:999px;flex:none;width:10px;height:10px}.stepText{gap:2px;min-width:0;display:grid}.stepIndex{color:var(--muted);font-size:12px}.stepTitle{color:var(--heading);white-space:normal;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(12px,3.4vw,13px);line-height:1.35}@media (width>=720px){.stepTitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.step.active{background:#4f46e514;border-color:#4f46e559}.step.active .stepDot{background:var(--primary)}.step.done .stepDot{background:#16a34ad9}.welcome{box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffffa6;background:linear-gradient(145deg,#ffffffbf 0%,#ffffff59 100%),linear-gradient(135deg,#6366f11f,#0ea5e914);border:1px solid #4f46e533;border-radius:20px;margin-top:14px;padding:16px}.axisSection[data-axis=education] .qBadge{background:linear-gradient(135deg,#4f46e5f2,#0ea5e9e0);box-shadow:0 10px 22px #4f46e547}.axisSection[data-axis=teachers] .qBadge{background:linear-gradient(135deg,#7c3aedf2,#ec4899bf);box-shadow:0 10px 22px #7c3aed42}.axisSection[data-axis=admin] .qBadge{background:linear-gradient(135deg,#14b8a6f2,#4f46e5e0);box-shadow:0 10px 22px #14b8a638}.axisProgress{background:#ffffff8c;border:1px solid #4f46e524;border-radius:16px;margin-bottom:14px;padding:12px 14px;box-shadow:inset 0 1px #ffffffb3}.axisProgressTop{gap:6px;margin-bottom:10px;display:grid}.axisProgressLabel{color:var(--heading);font-size:14px;font-weight:800}.axisProgressSub{color:var(--muted);font-size:12px;line-height:1.55}.axisDots{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.axisDot{cursor:pointer;background:#ffffffd9;border:2px solid #0f172a1f;border-radius:999px;width:11px;height:11px;padding:0;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.axisDot:hover{border-color:#4f46e559;transform:scale(1.12)}.axisDot.active{background:linear-gradient(90deg,#4f46e5eb,#7c3aede0);border-color:#4f46e58c;border-radius:999px;width:26px;box-shadow:0 6px 16px #4f46e540}.axisDot.done{background:#16a34a38;border-color:#16a34a73}.axisEncourage{color:#0f172ac7;background:#4f46e50f;border:1px dashed #4f46e538;border-radius:14px;margin:0 0 14px;padding:10px 12px;font-size:13px;line-height:1.65}.axisQuestionCard{box-shadow:0 14px 32px #1e1b4b14}.section{position:relative}.questionCard{background:#ffffffd1;border:1px solid #0f172a1f;border-radius:18px;padding:14px;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden;box-shadow:0 10px 18px #0f172a0f}.questionCard:before{content:"";opacity:0;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#4f46e538,#7c3aed24,#10b9811a);border-radius:18px;padding:1px;transition:opacity .15s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.questionCard:hover{border-color:#4f46e533;transform:translateY(-1px);box-shadow:0 16px 28px #0f172a1a}.questionCard:hover:before{opacity:1}.qHead{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.qBadge{color:#fff;background:linear-gradient(135deg,#4f46e5f2,#7c3aedeb);border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:inline-flex;box-shadow:0 10px 20px #4f46e538}.qTitle{color:#0f172ae6;text-align:start;text-wrap:balance;flex:auto;min-width:0;margin:0;font-size:clamp(14px,3.6vw,16px);font-weight:700;line-height:1.55}.qBody,.field{gap:8px;display:grid}.questionCard .label{display:none}.input,.textarea{background:#fffffff0}.welcomeTitle{color:var(--heading);margin:0 0 8px}.welcomeText{color:#0f172ad6;margin:0;font-size:14px;line-height:1.7}.welcomeText+.welcomeText{margin-top:10px}.card{margin:12px 0 max(20px, env(safe-area-inset-bottom,0px));border:1px solid var(--border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffffd1,#ffffffb8);border-radius:16px;min-width:0;padding:14px 12px;overflow:hidden}@media (width>=640px){.card{border-radius:18px;margin:18px 0 26px;padding:18px}}.card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#4f46e540,#7c3aed2e,#10b9811f);border-radius:18px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cardProgress{margin-bottom:18px}.cardProgressHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.cardProgressLabel{color:var(--muted);font-size:13px;font-weight:700}.cardProgressPct{color:var(--heading);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.cardProgressTrack{background:#0f172a14;border:1px solid #0f172a1a;border-radius:999px;height:10px;overflow:hidden}.cardProgressFill{background:linear-gradient(90deg, var(--primary), var(--primary-2));border-radius:999px;height:100%;display:block}.section+.section{border-top:1px dashed #0f172a24;margin-top:18px;padding-top:18px}.sectionHead{gap:6px;margin-bottom:12px;display:grid}.sectionTitle{color:var(--heading);text-wrap:balance;margin:0;font-size:clamp(1rem,3.8vw,1.15rem)}.sectionHint{color:var(--muted);margin:0;font-size:13px}.grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=800px){.grid{grid-template-columns:1fr 1fr 220px;align-items:end}}.field{gap:8px;display:grid}.label{color:var(--muted);font-size:14px}.input,.textarea{width:100%;max-width:100%;color:var(--text);background:#fffffff2;border:1px solid #0f172a24;border-radius:14px;outline:none;padding:12px;font-size:16px;transition:box-shadow .16s,border-color .16s,transform .16s}.input::placeholder,.textarea::placeholder{color:#0f172a59}.input,.textarea{box-shadow:inset 0 1px #ffffffe6}.textarea{resize:vertical;min-height:110px}.input:hover,.textarea:hover{border-color:#0f172a33}.input:focus,.textarea:focus{border-color:#4f46e599;transform:translateY(-1px);box-shadow:0 0 0 4px #4f46e52e}.input:focus-visible,.textarea:focus-visible{outline:none}.tip{color:#0f172ad1;background:#4f46e50f;border:1px solid #4f46e52e;border-radius:14px;margin-top:14px;padding:12px;font-size:13px}.actions{flex-direction:column-reverse;align-items:stretch;gap:10px;margin-top:18px;display:flex}@media (width>=560px){.actions{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}}.button{appearance:none;color:var(--heading);cursor:pointer;touch-action:manipulation;background:#ffffffb3;border:1px solid #0f172a24;border-radius:14px;width:100%;min-width:0;min-height:48px;padding:14px 18px;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}@media (width>=560px){.button{width:auto;min-width:140px;min-height:auto;padding:12px 18px}}.button:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg,#4f46e5eb,#7c3aedeb);border-color:#4f46e559}.button.primary:hover{filter:brightness(1.03)}.adminList{gap:12px;margin-top:14px;display:grid}.adminItem{background:#ffffffc7;border:1px solid #0f172a1f;border-radius:16px;padding:12px;box-shadow:0 10px 18px #0f172a0f}.adminItemHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.adminItemTitle{align-items:center;gap:12px;display:flex}.adminName{color:#0f172aeb;font-weight:800}.adminMeta{color:#0f172a99;margin-top:4px;font-size:12px}.adminDetails{margin-top:10px}.adminDetails summary{cursor:pointer;color:#4f46e5f2;font-weight:800;list-style:none}.adminDetails summary::-webkit-details-marker{display:none}.adminAnswers{gap:10px;margin-top:10px;display:grid}.adminAnswer{background:#ffffffeb;border:1px solid #0f172a1a;border-radius:14px;padding:10px}.adminKey{color:#0f172a8c;font-size:12px;font-weight:800}.adminVal{white-space:pre-wrap;color:#0f172aeb;margin-top:6px;line-height:1.7}.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btnInner{justify-content:center;align-items:center;gap:10px;display:inline-flex}.spinner{border:2px solid #ffffff73;border-top-color:#fffffff2;border-radius:999px;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{background:#ffffffb8;border:1px solid #0f172a24;border-radius:14px;margin:14px 0 0;padding:10px 12px}.alert.error{color:#7f1d1df2;background:#ef444414;border-color:#ef444459}.alert.success{color:#14532df2;background:#16a34a14;border-color:#16a34a59}.counterRow{justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.counterBar{background:#0f172a14;border:1px solid #0f172a14;border-radius:999px;flex:auto;height:6px;overflow:hidden}.counterBarFill{background:linear-gradient(90deg,#4f46e5bf,#7c3aedb3);height:100%;display:block}.counterText{color:var(--muted);flex:none;font-size:12px}.miniNote{text-align:center;color:var(--muted);margin-top:12px;font-size:12px}.footer{padding:0 0 28px}.footnote{color:var(--muted);text-align:center;margin:0}.survey-theme form.card{direction:rtl}.survey-theme{--gold:#d4af37;--gold-light:#f0e6b4;--gold-dim:#d4af3759;--navy-0:#121c30;--navy-1:#182236;--navy-2:#1e2a42;color:#f8fafceb}.survey-theme strong,.survey-theme b{color:var(--gold-light);text-shadow:0 0 24px #d4af3740;font-weight:800}.survey-theme .bg{background:var(--navy-0)}.survey-theme .meshWash{opacity:1;background:radial-gradient(90% 55% at 50% 0,#d4af3712,#0000 52%)}.survey-theme .gridFade{opacity:.5;background-image:radial-gradient(circle at 1px 1px,#ffffff0a 1px,#0000 0)}.survey-theme .noiseOverlay{opacity:.045;mix-blend-mode:overlay}.survey-theme .blob{mix-blend-mode:normal;filter:blur(42px);opacity:.55}.survey-theme .blob.b1{background:radial-gradient(circle at 35% 35%,#d4af3724,#0000 62%)}.survey-theme .blob.b2{background:radial-gradient(circle at 35% 35%,#fff8dc0f,#0000 62%)}.survey-theme .blob.b3{background:radial-gradient(circle at 35% 35%,#1e2c488c,#0000 62%)}.survey-theme .blob.b4{background:radial-gradient(circle at 40% 40%,#d4af371a,#0000 62%)}.survey-theme .header{border-bottom:1px solid var(--gold-dim);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#121c30f5}.survey-theme .schoolLogo{background:#ffffff0f;border-color:#d4af3766;box-shadow:0 6px 18px #00000047}.survey-theme .title{background:0 0;-webkit-background-clip:unset;background-clip:unset;color:#fffffff5;border-bottom:2px solid var(--gold);overflow-wrap:anywhere;max-width:100%;padding-bottom:6px;line-height:1.35;display:inline-block}.survey-theme .counterText,.survey-theme .miniNote,.survey-theme .footnote,.survey-theme .sectionHint,.survey-theme .axisProgressSub,.survey-theme .stepIndex{color:#e2e8f09e}.survey-theme .saveChip{color:var(--gold-light);background:#d4af371a;border-color:#d4af3759}.survey-theme .welcome{border:1px solid var(--gold-dim);background:#162034eb;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #0003}.survey-theme .welcomeTitle{color:#fffffff2}.survey-theme .welcomeText{color:#f8fafce0}.survey-theme .step{background:#141e30c7;border-color:#d4af3733}.survey-theme .stepTitle{color:#ffffffeb}.survey-theme .stepDot{background:#fff3}.survey-theme .step.active{background:#d4af371a;border-color:#d4af378c}.survey-theme .step.active .stepDot{background:var(--gold)}.survey-theme .step.done .stepDot{background:#d4af37a6}.survey-theme .card{border:1px solid var(--gold-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#182236e6;overflow:visible;box-shadow:0 20px 48px #00000052}.survey-theme .card:before{background:linear-gradient(135deg,#d4af3759,#d4af3714)}.survey-theme .cardProgress{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1422eb;border-bottom:1px solid #d4af3738;border-radius:14px 14px 0 0;margin:-14px -12px 18px;padding:12px 12px 14px;position:sticky;top:0}@media (width>=640px){.survey-theme .cardProgress{border-radius:16px 16px 0 0;margin:-18px -18px 20px;padding:14px 18px 16px}}.survey-theme .cardProgressLabel{color:#e2e8f0c7}.survey-theme .cardProgressPct{color:#f8fafceb}.survey-theme .cardProgressTrack{background:#ffffff12;border-color:#d4af372e}.survey-theme .cardProgressFill{background:linear-gradient(90deg, #a67c00, var(--gold), var(--gold-light))}.survey-theme .cardProgress--complete .cardProgressTrack{border-color:#d4af37bf;box-shadow:0 0 20px #d4af378c,0 0 40px #d4af3747,inset 0 0 0 1px #fff8dc59}.survey-theme .cardProgress--complete .cardProgressFill{box-shadow:inset 0 1px #ffffff80}.survey-theme .cardProgress--complete .cardProgressPct{color:var(--gold-light);text-shadow:0 0 16px #d4af37bf}.survey-theme .cardProgress--complete .cardProgressLabel{color:#f0e6b4f2}.survey-theme .cardProgress--complete{animation:2.4s ease-in-out infinite cardProgressShine}@keyframes cardProgressShine{0%,to{box-shadow:inset 0 0 #0000}50%{box-shadow:inset 0 0 28px #d4af3724}}.survey-theme .sectionTitle,.survey-theme .axisProgressLabel{color:#fffffff5}.survey-theme .section+.section{border-top-color:#d4af372e}.survey-theme .label{color:#e2e8f0b8}.survey-theme .input,.survey-theme .textarea{color:#f8fafcf2;text-align:start;direction:rtl;background:#121a2af5;border-color:#d4af3738;font-size:16px;box-shadow:inset 0 1px #ffffff0d}.survey-theme .input::placeholder,.survey-theme .textarea::placeholder{color:#f8fafc52}.survey-theme .input:focus,.survey-theme .textarea:focus{border-color:#d4af37a6;box-shadow:0 0 0 3px #d4af372e}.survey-theme .tip{color:#f8fafcd9;background:#d4af370f;border-color:#d4af3747}.survey-theme .questionCard{background:#162034eb;border-color:#d4af3738;box-shadow:0 12px 28px #00000047}.survey-theme .questionCard:before{background:linear-gradient(135deg,#d4af3759,#d4af370d)}.survey-theme .questionCard:hover{border-color:#d4af3766}.survey-theme .qTitle{color:#fffffff0}.survey-theme .qBadge{background:linear-gradient(145deg, #8a7020, var(--gold));color:var(--navy-0);box-shadow:0 8px 20px #d4af3740}.survey-theme .axisSection[data-axis=education] .qBadge,.survey-theme .axisSection[data-axis=teachers] .qBadge,.survey-theme .axisSection[data-axis=admin] .qBadge{background:linear-gradient(145deg, #8a7020, var(--gold));box-shadow:0 8px 20px #d4af3738}.survey-theme .axisProgress{background:#141e30e0;border-color:#d4af3738;box-shadow:inset 0 1px #ffffff0a}.survey-theme .axisEncourage{color:#f8fafcc7;background:#d4af370f;border-color:#d4af3738}.survey-theme .axisDot{background:#121a2aeb;border-color:#d4af3740}.survey-theme .axisDot:hover{border-color:#d4af3780}.survey-theme .axisDot.active{background:linear-gradient(90deg, #a67c00, var(--gold));border-color:#d4af37bf;box-shadow:0 6px 18px #d4af3747}.survey-theme .axisDot.done{background:#d4af3733;border-color:#d4af3773}.survey-theme .counterBar{background:#ffffff0f;border-color:#d4af371f}.survey-theme .counterBarFill{background:linear-gradient(90deg, #a67c00, var(--gold))}.survey-theme .button{color:#ffffffeb;background:#141e30e0;border-color:#d4af3759}.survey-theme .button.primary{background:linear-gradient(145deg, #a67c00, var(--gold));color:var(--navy-0);border-color:#d4af378c;font-weight:800}.survey-theme .button.primary:hover{filter:brightness(1.06)}.survey-theme .spinner{border-color:#040810f2 #04081059 #04081059}.survey-theme .alert{color:#f8fafce6;background:#162034eb;border-color:#d4af3733}.survey-theme .alert.error{color:#fecaca;background:#450a0a73;border-color:#f8717173}.survey-theme .alert.success{color:var(--gold-light);background:#d4af371a;border-color:#d4af3773}.successModalRoot{z-index:200;padding:max(20px, env(safe-area-inset-top,0px)) max(18px, env(safe-area-inset-right,0px)) max(20px, env(safe-area-inset-bottom,0px)) max(18px, env(safe-area-inset-left,0px));pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.successModalBackdrop{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030812d1;border:none;margin:0;padding:0;position:absolute;inset:0}.successModalDialog{z-index:1;text-align:center;background:linear-gradient(168deg,#1e2a44fa,#0e1422fc);border:1px solid #d4af3773;border-radius:20px;width:min(100%,420px);padding:28px 22px 22px;position:relative;box-shadow:0 0 0 1px #0006,0 28px 64px #0000008c,0 0 48px #d4af3733}.successModalBadge{color:#0a0f1a;background:linear-gradient(145deg,#8a7020,#d4af37,#f0e6b4);border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 18px;font-size:26px;font-weight:800;display:flex;box-shadow:0 12px 28px #d4af3759}.successModalTitle{color:#fffffff5;margin:0 0 12px;font-size:clamp(1.15rem,4vw,1.35rem);font-weight:800;line-height:1.45}.successModalText{color:#e2e8f0e0;margin:0 0 22px;font-size:15px;line-height:1.75}.successModalBtn{width:100%;min-height:48px}@media (width>=480px){.successModalBtn{width:auto;min-width:180px}}@media (prefers-reduced-motion:reduce){.step,.button,.input,.textarea{transition:none}.spinner,.blob,.b4,.survey-theme .cardProgress--complete{animation:none}.successModalDialog{transition:none}}