@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/inter/inter-latin-400-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/inter/inter-latin-500-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/inter/inter-latin-600-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/inter/inter-latin-700-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/inter/inter-latin-ext-400-normal.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/inter/inter-latin-ext-500-normal.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/inter/inter-latin-ext-600-normal.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/inter/inter-latin-ext-700-normal.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/noto-serif/noto-serif-latin-400-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/noto-serif/noto-serif-latin-700-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/noto-serif/noto-serif-latin-ext-400-normal.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/noto-serif/noto-serif-latin-ext-700-normal.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-400-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-700-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-ext-400-normal.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-ext-700-normal.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/cairo/cairo-arabic-400-normal.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/cairo/cairo-arabic-700-normal.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/cairo/cairo-latin-400-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/cairo/cairo-latin-700-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/noto-naskh-arabic/noto-naskh-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/noto-naskh-arabic/noto-naskh-arabic-arabic-700-normal.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/noto-naskh-arabic/noto-naskh-arabic-latin-400-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/noto-naskh-arabic/noto-naskh-arabic-latin-700-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/noto-kufi-arabic/noto-kufi-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/noto-kufi-arabic/noto-kufi-arabic-arabic-700-normal.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/noto-kufi-arabic/noto-kufi-arabic-latin-400-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/noto-kufi-arabic/noto-kufi-arabic-latin-700-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/nunito/nunito-latin-400-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/nunito/nunito-latin-700-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/nunito/nunito-latin-ext-400-normal.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/nunito/nunito-latin-ext-700-normal.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}:root{--bg:#f4f5f9;--bg-soft:#eceef5;--surface:#ffffff;--surface-2:#f7f8fb;--surface-3:#eef0f6;--text:#161a23;--text-2:#3b4252;--muted:#5d6475;--border:#e1e4ec;--border-strong:#c3c8d4;--accent:#6d4aff;--accent-ink:#5a36f0;--accent-2:#2e6bff;--accent-soft:#efebff;--accent-softer:#f7f5ff;--on-accent:#ffffff;--danger:#c52a2a;--danger-soft:#fdecec;--success:#0f7b4b;--success-soft:#e5f6ee;--warning:#9a5b00;--warning-soft:#fff4dd;--focus:#2e6bff;--form-color:#6d4aff;--form-bg:#f4f5f9;--shadow-1:0 1px 2px rgba(22,26,35,0.06),0 1px 1px rgba(22,26,35,0.04);--shadow-2:0 10px 30px -12px rgba(22,26,35,0.25),0 2px 6px rgba(22,26,35,0.06);--radius-sm:8px;--radius:12px;--radius-lg:18px;--font:"Inter","Cairo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-arabic:"Cairo","Inter",system-ui,sans-serif;color-scheme:light}html.dark{--bg:#0e1016;--bg-soft:#141720;--surface:#171a22;--surface-2:#1d212b;--surface-3:#252a36;--text:#eceef4;--text-2:#c9cdd8;--muted:#9aa1b2;--border:#2b303d;--border-strong:#454c5d;--accent:#a493ff;--accent-ink:#b9adff;--accent-2:#7aa2ff;--accent-soft:#2a2450;--accent-softer:#1f1c36;--on-accent:#120d33;--danger:#ff8f8f;--danger-soft:#3b1d1f;--success:#6fd6a3;--success-soft:#16352a;--warning:#ffcf70;--warning-soft:#3a2f17;--focus:#8db0ff;--form-bg:#0e1016;--shadow-1:0 1px 2px rgba(0,0,0,0.5);--shadow-2:0 14px 34px -14px rgba(0,0,0,0.8),0 2px 6px rgba(0,0,0,0.4);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}html[lang=ar] body{font-family:var(--font-arabic)}a{color:var(--accent-ink)}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:8px;top:-60px;z-index:1000;background:var(--surface);padding:8px 12px;border-radius:var(--radius-sm);box-shadow:var(--shadow-2)}.skip-link:focus{top:8px}.muted{color:var(--muted)}.grow{flex:1 1;min-width:0}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:8px}.hint{color:var(--muted);font-size:12.5px}.label{display:block;font-weight:600;font-size:13px;margin-bottom:4px;color:var(--text-2)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.error-text{color:var(--danger);font-size:13px;display:flex;gap:6px;align-items:center;margin-top:8px}.kbd{min-width:22px;height:22px;padding:0 6px;border:solid var(--border-strong);border-width:1px 1px 2px;border-radius:6px;font-size:11px;color:var(--muted)}.btn,.kbd{display:inline-flex;align-items:center;justify-content:center;font-weight:600;background:var(--surface)}.btn{gap:8px;min-height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s,transform .05s}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--surface-3);border-color:transparent}.btn-danger{color:var(--danger)}.btn-danger.solid{background:var(--danger);color:#fff;border-color:var(--danger)}html.dark .btn-danger.solid{color:#1a0505}.btn-sm{min-height:32px;padding:0 10px;font-size:13px;border-radius:8px}.btn-lg{min-height:48px;padding:0 22px;font-size:15px;border-radius:12px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:none;background:transparent;color:var(--text-2);cursor:pointer;flex:none}.icon-btn:hover{background:var(--surface-3)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.sm{width:30px;height:30px;border-radius:8px}.icon-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink)}.input,.select,.textarea{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s}.textarea{min-height:84px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.ghost-input{width:100%;border:1px solid transparent;background:transparent;border-radius:8px;padding:6px 8px;color:var(--text)}.ghost-input:hover{border-color:var(--border)}.ghost-input:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.check{display:flex;align-items:center;gap:10px;min-height:34px;cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:0}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex:none}.switch input{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);opacity:0;width:40px;height:26px;margin:0;cursor:pointer;z-index:1}.switch .track{pointer-events:none;width:40px;height:24px;border-radius:12px;background:var(--border-strong);position:relative;transition:background .15s}.switch .track:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-1);transition:inset-inline-start .15s}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{inset-inline-start:19px}.switch input:focus-visible+.track{outline:2px solid var(--focus);outline-offset:3px}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface-3);border-radius:12px}.segmented a,.segmented button{border:none;background:transparent;border-radius:9px;padding:7px 14px;font-weight:600;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none;min-height:34px}.segmented [aria-pressed=true],.segmented [aria-selected=true]{background:var(--surface);color:var(--text)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 12px;font-weight:600;font-size:13px;color:var(--text-2);cursor:pointer;min-height:34px}.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--accent-soft);border-color:transparent;color:var(--accent-ink)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-3);color:var(--text-2);white-space:nowrap}.badge.ok{background:var(--success-soft);color:var(--success)}.badge.warn{background:var(--warning-soft);color:var(--warning)}.badge.bad{background:var(--danger-soft);color:var(--danger)}.badge.accent{background:var(--accent-soft);color:var(--accent-ink)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:64px;padding:0 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand,.topbar{display:flex;align-items:center;gap:10px}.brand{text-decoration:none;color:var(--text);font-size:19px;font-weight:600;flex:none}.app-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);display:inline-flex;align-items:center;justify-content:center;color:#fff;flex:none}.search{flex:1 1;max-width:720px;margin-inline:auto;position:relative}.search input{width:100%;height:46px;border-radius:14px;border:1px solid transparent;background:var(--surface-3);padding-inline:46px 16px;font-size:15px}.search input:focus{outline:none;background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.search svg{position:absolute;inset-inline-start:15px;top:13px;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;border:none;cursor:pointer;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.popover{position:absolute;z-index:60;min-width:220px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-2);padding:6px;border:1px solid var(--border)}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;background:none;border:none;border-radius:8px;text-align:start;cursor:pointer;min-height:38px;color:var(--text);text-decoration:none}.menu-item:focus-visible,.menu-item:hover{background:var(--surface-3);outline:none}.menu-item.danger{color:var(--danger)}.menu-sep{height:1px;background:var(--border);margin:6px 0}.menu-label{padding:8px 12px 4px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.backdrop{position:fixed;inset:0;background:rgba(10,12,20,.55);z-index:80;display:flex;align-items:center;justify-content:center;padding:16px}.dialog{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;border:1px solid var(--border)}.dialog.wide{width:min(780px,100%)}.dialog header{display:flex;align-items:center;gap:8px;padding:18px 20px 8px}.dialog header h2{font-size:19px;flex:1 1}.dialog .body{padding:8px 20px 16px;overflow:auto}.dialog .body:empty{display:none}.dialog footer{justify-content:flex-end;padding:12px 20px 18px;flex-wrap:wrap}.copy-row,.dialog footer{display:flex;gap:8px}.copy-row .input{font-family:JetBrains Mono,monospace;font-size:12px}.qr{justify-content:center;padding:12px;background:#fff;border-radius:var(--radius)}.qr,.tabs{display:flex}.tabs{gap:4px;padding-bottom:6px;border-bottom:1px solid var(--border);overflow-x:auto}.tab{background:none;border:none;padding:10px 14px;cursor:pointer;color:var(--muted);font-weight:600;border-radius:10px;white-space:nowrap;min-height:42px}.tab:hover{background:var(--surface-2);color:var(--text)}.tab[aria-selected=true]{color:var(--accent-ink);background:var(--accent-soft)}.banner{border-radius:var(--radius);padding:12px 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.banner.info{background:var(--accent-softer);border:1px solid var(--accent-soft)}.banner.warn{background:var(--warning-soft)}.banner.bad{background:var(--danger-soft)}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.set-row:last-child{border-bottom:none}.set-row .txt{min-width:0}.set-row .txt b{display:block;font-weight:600}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:9px;border:2px solid transparent;cursor:pointer}.swatch[aria-checked=true]{border-color:var(--text);box-shadow:inset 0 0 0 3px var(--surface)}.empty{text-align:center;padding:40px 16px;color:var(--muted)}.empty svg{color:var(--accent);margin-bottom:8px}.boot{min-height:100vh;justify-content:center}.boot,.boot-inner{display:flex;align-items:center}.boot-inner{flex-direction:column;gap:16px;text-align:center;padding:16px}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--surface-3);border-top-color:var(--accent);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[dir=rtl] .flip-rtl{transform:scaleX(-1)}@media (max-width:640px){.hide-sm{display:none!important}.brand span{display:none}.search input{height:40px}}@media (min-width:641px){.hide-lg{display:none!important}}@media print{.no-print,.topbar{display:none!important}body{background:#fff}}.answer-block,.ghost-input,.hero h1,.hero p,.input,.opt-label,.outline-item .t,.q-desc,.q-title,.samples li,.textarea,.user-text,dd,dt{unicode-bidi:plaintext}.home-wrap{max-width:1180px;margin:0 auto;padding:0 20px}.home-start{padding:26px 0 30px;background:linear-gradient(180deg,var(--accent-softer),transparent);border-bottom:1px solid var(--border)}.home-h1{font-size:20px}.tpl-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);grid-gap:14px;gap:14px;overflow-x:auto;padding:16px 2px 6px;scroll-snap-type:x proximity}.tpl{display:flex;flex-direction:column;gap:8px;background:none;border:none;padding:0;text-align:start;cursor:pointer;color:var(--text);scroll-snap-align:start;min-width:150px}.tpl-art{width:100%;height:auto;border-radius:12px;border:1px solid var(--border);transition:transform .15s,border-color .15s;display:block}.tpl:focus-visible .tpl-art,.tpl:hover .tpl-art{transform:translateY(-2px);border-color:var(--accent)}.tpl:focus-visible{outline:none}.tpl:focus-visible .tpl-name{text-decoration:underline}.tpl-name{font-weight:600;font-size:13.5px}.home-list{padding:26px 0 64px}.list-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.list-head h2{font-size:18px;-webkit-margin-end:auto;margin-inline-end:auto}.fcards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:16px;gap:16px}.fcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s}.fcard:hover{border-color:var(--border-strong)}.fcard-top{height:92px;position:relative;background:radial-gradient(120px 80px at 85% 10%,color-mix(in srgb,var(--c) 55%,transparent),transparent),linear-gradient(135deg,color-mix(in srgb,var(--c) 22%,var(--surface)),color-mix(in srgb,var(--c) 8%,var(--surface)))}.fcard-count{position:absolute;inset-inline-start:14px;bottom:10px;font-size:12.5px;color:var(--text-2)}.fcard-count b{font-size:22px;color:var(--text);-webkit-margin-end:4px;margin-inline-end:4px}.fcard-body{display:flex;gap:6px;align-items:flex-start;padding:12px 10px 14px 14px}.fcard-title{font-weight:650;color:var(--text);text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.fcard-title:hover{color:var(--accent-ink)}.ftable{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ftable th{text-align:start;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;background:var(--surface-2)}.ftable td,.ftable th{padding:10px 14px;border-bottom:1px solid var(--border)}.ftable tr:last-child td{border-bottom:none}.ftable td a{color:var(--text);font-weight:600;text-decoration:none}.ftable td a:hover{color:var(--accent-ink)}.ws{display:flex;flex-direction:column;min-height:100vh;height:100vh}.ws:has(.ws-page){height:auto}.ws-top{position:-webkit-sticky;position:sticky;top:0;z-index:30;gap:10px;height:60px;padding:0 12px;background:var(--surface);border-bottom:1px solid var(--border)}.ws-title,.ws-top{display:flex;align-items:center}.ws-title{gap:8px;min-width:0;flex:1 1 200px}.ws-title .ghost-input{font-size:16px;font-weight:650;max-width:320px}.save-pill{font-size:12px;color:var(--muted);white-space:nowrap;padding:3px 9px;border-radius:999px;background:var(--surface-3)}.save-pill.saving{color:var(--accent-ink);background:var(--accent-softer)}.save-pill.retrying{color:var(--warning);background:var(--warning-soft)}.ws-tabs{flex:none}.ws-tabs .badge{padding:0 7px;font-size:11px}.ws-actions{display:flex;align-items:center;gap:4px;flex:1 1 200px;justify-content:flex-end}.peers{display:flex;-webkit-margin-end:6px;margin-inline-end:6px}.peers .peer{width:28px;height:28px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--surface);-webkit-margin-start:-6px;margin-inline-start:-6px}.ws-banner{margin:10px 16px 0}.ws-page{flex:1 1;padding:24px 16px 80px}.ws-body{flex:1 1;display:grid;grid-template-columns:272px minmax(0,1fr) 336px;grid-template-rows:minmax(0,1fr);height:calc(100vh - 60px);min-height:0}.ws-left,.ws-right{background:var(--surface);overflow:auto}.ws-left{-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border)}.ws-right{-webkit-border-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.ws-canvas{overflow:auto;padding:28px 24px 120px;background-color:var(--form-bg);background-image:radial-gradient(color-mix(in srgb,var(--text) 9%,transparent) 1px,transparent 1px);background-size:18px 18px}.ws-mobile-bar{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.outline{padding:12px 10px 24px}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 10px}.pane-head h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.outline-sec{margin-top:6px}.outline-sec-head{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;padding:8px;border-radius:8px;font-weight:700;font-size:12.5px;color:var(--text-2);cursor:pointer;text-align:start}.outline-sec-head .t{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outline-sec-head.on,.outline-sec-head:hover{background:var(--surface-3)}.outline-list{list-style:none;margin:0;padding:0}.outline-item{display:flex;align-items:center;gap:2px;border-radius:9px;position:relative}.outline-item.cover{width:100%;border:none;background:none;padding:8px;gap:10px;cursor:pointer;text-align:start;font-weight:600}.outline-item.on,.outline-item:hover{background:var(--surface-3)}.outline-item.on{background:var(--accent-soft)}.outline-item.on .outline-pick{color:var(--accent-ink)}.outline-grip{border:none;background:none;color:var(--border-strong);cursor:-webkit-grab;cursor:grab;padding:6px 2px;display:inline-flex;touch-action:none;border-radius:6px}.outline-grip:focus-visible,.outline-item:hover .outline-grip{color:var(--muted)}.outline-pick{flex:1 1;min-width:0;display:flex;align-items:center;gap:8px;border:none;background:none;padding:7px 6px;cursor:pointer;text-align:start;color:var(--text);border-radius:8px}.outline-pick .num{font-size:11.5px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:14px}.outline-item .t,.outline-pick .t{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.outline-add{margin:10px 4px 0}.type-badge{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex:none}.peer-dot{width:9px;height:9px;border-radius:50%;-webkit-margin-end:8px;margin-inline-end:8px;flex:none;box-shadow:0 0 0 2px var(--surface)}.req{color:var(--danger);font-weight:700}.type-picker{width:360px;max-height:min(72vh,600px);overflow:auto}.type-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px}.type-opt{display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;background:none;border-radius:9px;cursor:pointer;text-align:start;font-size:13px;color:var(--text)}.type-opt:focus-visible,.type-opt:hover{background:var(--surface-3);outline:none}.canvas-paper{max-width:780px;margin:0 auto;background:var(--surface);border-radius:22px;border:1px solid var(--border);overflow:hidden}.canvas-cover{position:relative;cursor:text}.cover-art{height:132px;background:radial-gradient(260px 160px at 85% 0,color-mix(in srgb,var(--accent-2) 70%,transparent),transparent),linear-gradient(120deg,var(--form-color),color-mix(in srgb,var(--form-color) 55%,var(--accent-2)));background-size:cover;background-position:50%}.cover-text{padding:18px 28px 22px;display:flex;flex-direction:column;gap:4px}.canvas-cover.on .cover-text{background:var(--accent-softer)}.autotext{resize:none;overflow:hidden;line-height:1.45}.autotext.big{font-size:17px;font-weight:650}.cover-title.autotext.big{font-size:28px;font-weight:750;letter-spacing:-.02em}.canvas-sec{padding:4px 0 8px;border-top:1px solid var(--border)}.sec-head{margin:14px 22px 4px;padding:14px 16px;border-radius:14px;background:var(--surface-2);border:1px dashed var(--border-strong)}.sec-head.on{border-color:var(--accent);background:var(--accent-softer)}.sec-step{display:inline-block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ink);margin-bottom:4px}.sec-title{font-size:18px;font-weight:700}.block{position:relative;display:flex;gap:12px;margin:0 14px;padding:16px 14px 16px 8px;border-radius:16px;border:1.5px solid transparent;transition:background .15s,border-color .15s}.block:hover{background:var(--surface-2)}.block.on{border-color:var(--accent);background:var(--accent-softer)}.block.peer{border-color:var(--peer);border-style:dashed}.peer-tag{position:absolute;top:-10px;inset-inline-end:16px;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.block-gutter{width:34px;flex:none;display:flex;padding-top:6px}.block-gutter,.qnum{justify-content:center}.qnum{width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--form-color) 14%,transparent);color:var(--form-ink,var(--form-color));font-weight:750;font-size:12.5px;display:inline-flex;align-items:center}.block-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:6px}.q-desc{color:var(--text-2);font-size:13.5px}.block-img img{max-height:260px;border-radius:12px;object-fit:cover}.block-img{margin:4px 0}.block-tools{position:absolute;top:8px;inset-inline-end:8px;display:flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2px;box-shadow:var(--shadow-1)}.opts-edit{display:flex;flex-direction:column;gap:2px;margin-top:4px}.opt-edit{display:flex;align-items:center;gap:8px;min-height:38px;flex-wrap:wrap}.opt-mark{width:18px;height:18px;flex:none;border:2px solid var(--border-strong);border-radius:50%;font-size:11px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.opt-mark.sq{border-radius:5px}.opt-mark.nm{border:none;width:20px}.opt-edit.correct .opt-mark{background:var(--success);border-color:var(--success)}.opt-num{width:20px;text-align:center;color:var(--muted);font-size:12px}.opt-thumb{width:52px;height:40px;border-radius:8px;overflow:hidden;background:var(--surface-3);flex:none}.opt-thumb img{width:100%;height:100%;object-fit:cover}.alt-in{max-width:200px;font-size:12.5px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-top:4px}.scale-prev{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.scale-prev .ghost-input{max-width:150px;font-size:13px}.scale-dots{display:flex;gap:6px}.scale-dots span{width:28px;height:28px;border-radius:8px;border:1px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.answer-ghost{color:var(--muted);font-size:13.5px;border-bottom:1.5px dashed var(--border-strong);padding:8px 2px;max-width:360px}.insert-bar{position:relative;height:14px;margin:0 36px;display:flex}.insert-bar,.insert-btn{align-items:center;justify-content:center}.insert-btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--accent-ink);display:inline-flex;cursor:pointer;z-index:2}.insert-bar:before,.insert-btn{opacity:0;transition:opacity .15s}.insert-bar:before{content:"";position:absolute;inset-inline:0;top:50%;height:0;border-top:1px dashed var(--border-strong)}.insert-bar:hover .insert-btn,.insert-btn:focus-visible,.insert-btn[aria-expanded=true]{opacity:1}.insert-bar:focus-within:before,.insert-bar:hover:before{opacity:1}.inspector{padding:12px 14px 32px}.insp-tabs{width:100%;display:flex}.insp-tabs button{flex:1 1;justify-content:center}.insp-body{margin-top:12px}.insp-fs{border:none;margin:0;padding:0;min-width:0}.insp-group{padding:12px 2px 14px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.insp-group:last-child{border-bottom:none}.insp-group .btn{white-space:normal;text-align:start;height:auto;padding-block:6px}.insp-group h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.insp-row{display:flex;align-items:center;gap:10px;min-height:36px}.type-checks{display:grid;grid-template-columns:1fr 1fr}.branch-row{display:flex;align-items:center;gap:8px;font-size:13px}.layout-pick{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.layout-opt{border:1.5px solid var(--border);background:var(--surface);border-radius:12px;padding:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-weight:600;font-size:12.5px}.layout-opt svg{width:70px;height:44px;color:var(--accent)}.layout-opt[aria-checked=true]{border-color:var(--accent);background:var(--accent-softer);color:var(--accent-ink)}.panel{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.panel-card h2{font-size:17px;margin-bottom:4px}@media (max-width:1100px){.ws-body{grid-template-columns:240px minmax(0,1fr) 300px}}@media (max-width:980px){.ws,.ws-body{height:auto}.ws-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.ws-left,.ws-right{display:none}.ws-body.pane-inspector .ws-right,.ws-body.pane-outline .ws-left{display:block;position:fixed;inset-inline:0;bottom:0;max-height:72vh;z-index:40;border:1px solid var(--border);border-radius:18px 18px 0 0;box-shadow:var(--shadow-2)}.ws-canvas{padding:14px 8px 100px}.ws-tabs{order:5}.ws-top{flex-wrap:wrap;height:auto;padding:8px}.ws-title .ghost-input{max-width:150px}.grid2{grid-template-columns:1fr}.block{margin:0 4px}.cover-text{padding:14px 16px 18px}}.ws-canvas{position:relative}.ws-canvas[data-form-dark]{background-image:var(--form-bg-layer,none),radial-gradient(color-mix(in srgb,var(--text) 9%,transparent) 1px,transparent 1px);background-size:cover,18px 18px;background-attachment:local}.ws-canvas .canvas-paper{max-width:calc(var(--form-width, 720px) + 60px);border-radius:calc(var(--form-radius, 12px) + 10px)}.ws-canvas .block .autotext.big,.ws-canvas .cover-title,.ws-canvas .sec-title{font-family:var(--form-hfont,inherit)}.ws-canvas .cover-title.autotext.big{font-weight:var(--form-hw,750)}.ws-canvas[data-hero=none] .cover-art{height:10px}.ws-canvas[data-hero=tall] .cover-art{height:190px}.ws-canvas[data-title=center] .cover-text .autotext{text-align:center}.ws-canvas[data-numbering=off] .qnum{opacity:.35}.ws-canvas .answer-ghost{border-radius:var(--form-radius,12px)}.ws-canvas[data-field=outlined] .answer-ghost{border:var(--form-bw,1px) solid var(--border-strong);padding-inline:10px}.ws-canvas[data-field=filled] .answer-ghost{background:var(--surface-3);border-end-start-radius:0;border-end-end-radius:0;padding-inline:10px}.ws-canvas[data-field=soft] .answer-ghost{background:color-mix(in srgb,var(--form-color) 8%,transparent);border-bottom-color:transparent;padding-inline:10px}.ws-canvas[data-field=underlined] .answer-ghost{border-radius:0}.ws-canvas .opt-mark{border-color:color-mix(in srgb,var(--form-color) 55%,var(--border-strong))}.ws-canvas[data-choice=pills] .opt-mark{border-radius:999px;width:26px}.ws-canvas .scale-dots span{border-radius:var(--form-radius,8px)}.ws-canvas .block.on{border-color:var(--form-ink,var(--accent))}.ds .insp-group{gap:10px}.ds-field{display:flex;flex-direction:column;gap:5px}.ds-label{font-size:12.5px;font-weight:600;color:var(--text-2);display:flex;justify-content:space-between;gap:8px}.ds-val{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.ds-range{width:100%;accent-color:var(--accent)}.ds-seg{display:flex;flex-wrap:wrap;gap:4px;background:var(--surface-3);padding:3px;border-radius:10px}.ds-seg button{flex:1 1 auto;min-height:32px;border:none;background:transparent;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text-2);cursor:pointer;padding:4px 8px}.ds-seg button[aria-checked=true]{background:var(--surface);color:var(--accent-ink)}.ds-seg button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.ds-color{display:flex;align-items:center;gap:8px}.ds-color input[type=color]{width:34px;height:30px;padding:0;border:1px solid var(--border);border-radius:8px;background:none;cursor:pointer;flex:none}.ds-color-name{flex:1 1;font-size:13px;min-width:0}.ds-hex{width:92px;font-family:var(--mono,ui-monospace,monospace);font-size:12.5px;padding:4px 8px;min-height:30px}.ds-more summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--accent-ink);padding:4px 0}.ds-more[open]{display:flex;flex-direction:column;gap:8px}.ds-contrast{border-radius:10px;padding:8px 10px;background:var(--success-soft,color-mix(in srgb,var(--success) 12%,transparent));font-size:12.5px}.ds-contrast p{display:flex;align-items:center;gap:6px;font-weight:600}.ds-contrast.bad{background:color-mix(in srgb,var(--warning,#b7791f) 14%,transparent)}.ds-contrast ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.ds-contrast li{display:flex;align-items:center;gap:6px}.ds-presets{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.ds-preset{border:1.5px solid var(--border);background:var(--surface);border-radius:12px;padding:5px;cursor:pointer;display:flex;flex-direction:column;gap:4px;text-align:start;color:var(--text)}.ds-preset.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-softer)}.ds-preset-art{height:46px;border-radius:8px;align-items:center}.ds-preset-art,.ds-preset-art>span{display:flex;justify-content:center}.ds-preset-art>span{width:70%;height:28px;border:1px solid;flex-direction:column;gap:4px;padding:0 8px}.ds-preset-art i{display:block;height:4px;border-radius:2px;width:80%}.ds-preset-name{font-size:12px;font-weight:600;padding:0 3px 2px}.ds-mine{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ds-mine li{display:flex;align-items:center;gap:4px}.ds-img{display:flex;flex-direction:column;gap:6px}.ds-img img,.ds-img-ph{border-radius:8px;max-height:90px;object-fit:cover;display:block;background:var(--surface-3);min-height:40px}.ds-sample{min-height:0!important;border-radius:14px;overflow:hidden;border:1px solid var(--border);position:relative;margin-bottom:4px}.ds-sample .resp-bg{position:absolute}.ds-sample-col{display:flex;flex-direction:column;gap:10px;padding:12px}.ds-sample .qa{padding:12px;gap:8px}.ds-sample .q-title{font-size:1em}.ds-sample .rating svg{width:22px;height:22px}.ds-sample[data-label=inline] .qa.text-like{display:flex}.ds-presets{list-style:none;margin:0;padding:0}.ds-presets li{display:flex}.ds-preset{width:100%}.resp-page{min-height:100vh;position:relative;background:var(--form-bg,var(--bg));color:var(--form-text,var(--text));font-size:var(--form-size,15px);line-height:var(--form-lh,1.5);isolation:isolate}.resp-bg{position:fixed;inset:0;z-index:-1;background-image:var(--form-bg-layer,none);background-size:cover;background-position:50%;filter:blur(var(--form-bg-blur,0));transform:scale(1.04)}.resp-bg:after{content:"";position:absolute;inset:0;background:rgba(5,7,15,var(--form-bg-overlay,0))}.resp-shell{min-height:100vh;padding-bottom:48px}.hero{position:relative;color:#fff}.hero-art{position:absolute;inset:0;background:radial-gradient(420px 240px at 90% -10%,color-mix(in srgb,var(--accent-2) 65%,transparent),transparent),linear-gradient(125deg,var(--form-color),color-mix(in srgb,var(--form-color) 55%,#111a3a));background-size:cover;background-position:50%}.hero-art:before{content:"";position:absolute;inset:0;background:rgba(8,10,20,.24)}.hero-inner{position:relative;max-width:var(--form-width,720px);margin:0 auto;padding:52px 20px 62px}[data-hero=tall] .hero:not(.compact) .hero-inner{padding-top:110px;padding-bottom:96px}[data-hero=none] .hero{color:var(--form-text,var(--text))}[data-hero=none] .hero .hero-art{display:none}[data-hero=none] .hero-inner{padding-bottom:20px}[data-hero=none] .hero-chip{background:var(--form-surface,var(--surface));border-color:var(--form-border,var(--border));color:var(--form-muted,var(--muted))}[data-title=center] .hero-inner{text-align:center}[data-title=center] .hero-meta{justify-content:center}.hero.compact .hero-inner{padding:20px 20px 24px}.hero-logo{height:44px;width:auto;max-width:180px;object-fit:contain;display:block;margin-bottom:14px;border-radius:8px}[data-title=center] .hero-logo{margin-inline:auto}.hero h1{font-family:var(--form-hfont,inherit);font-size:clamp(26px,4.2vw,40px);line-height:1.15;font-weight:var(--form-hw,800);letter-spacing:-.02em;overflow-wrap:anywhere;text-shadow:0 1px 2px rgba(0,0,0,.2)}[data-hero=none] .hero h1{text-shadow:none}.hero.compact h1{font-size:20px}.hero-desc{margin-top:12px;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.hero-desc a{color:inherit}.hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hero-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);font-size:13px;font-weight:600}.resp-col{max-width:var(--form-width,720px);margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:18px;position:relative;text-align:start}[data-align=center] .done-card,[data-align=center] .resp-col .q-head,[data-align=center] .resp-col .sec-intro{text-align:center;justify-content:center}.resp-col:focus{outline:none}.resp-shell .resp-col{margin-top:-26px}.hero.compact+.resp-col,[data-hero=none] .resp-shell .resp-col{margin-top:14px}[data-density=compact] .resp-col{gap:10px}[data-density=spacious] .resp-col{gap:28px}.stepbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--form-surface,var(--surface)) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--form-border,var(--border));border-radius:var(--form-radius,14px);padding:10px 14px}.stepbar-track{flex:1 1;height:6px;background:color-mix(in srgb,var(--form-text,var(--text)) 10%,transparent);border-radius:3px;overflow:hidden}.stepbar-track>div{height:100%;background:var(--form-fill,var(--form-color));transition:width .3s;border-radius:3px}.stepbar-text{font-size:12.5px;color:var(--form-muted,var(--muted));font-weight:600;white-space:nowrap}.stepdots{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex:1 1}.stepdots li{flex:1 1;height:6px;border-radius:3px;background:color-mix(in srgb,var(--form-text,var(--text)) 10%,transparent)}.stepdots li.done{background:color-mix(in srgb,var(--form-color) 55%,transparent)}.stepdots li.cur{background:var(--form-fill,var(--form-color))}.sec-intro{padding:4px 4px 0}.sec-intro h2{font-family:var(--form-hfont,inherit);font-weight:var(--form-hw,700);font-size:22px}.qa-list{display:flex;flex-direction:column;gap:inherit;animation:rise .28s ease-out}@keyframes rise{0%{transform:translateY(10px)}to{transform:none}}.qa{background:var(--form-surface,var(--surface));color:var(--form-text,var(--text));border:var(--form-bw,1px) solid var(--form-border,var(--border));border-radius:calc(var(--form-radius, 12px) + 6px);padding:22px 24px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,box-shadow .15s}[data-density=compact] .qa{padding:14px 16px;gap:6px}[data-density=spacious] .qa{padding:30px 32px;gap:14px}[data-card=flat] .qa{background:transparent;border-color:transparent;border-bottom:var(--form-bw,1px) solid var(--form-border,var(--border));border-radius:0;padding-inline:4px}.qa:focus-within{border-color:color-mix(in srgb,var(--form-color) 60%,var(--form-border,var(--border)));box-shadow:0 0 0 4px color-mix(in srgb,var(--form-focus,var(--form-color)) 14%,transparent)}[data-card=flat] .qa:focus-within{box-shadow:none;border-color:transparent;border-bottom-color:var(--form-border,var(--border))}.qa.invalid{border-color:var(--form-error,var(--danger))}.qa.display{background:transparent;border:none;padding:6px 4px}.qa.display:focus-within{box-shadow:none}.q-head{display:flex;gap:10px;align-items:flex-start}.q-num{flex:none;display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:800;color:var(--form-ink,var(--form-color));padding-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}[data-numbering=off] .q-num{display:none}.q-title{font-family:var(--form-hfont,inherit);font-size:1.15em;font-weight:var(--form-hw,650);overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.4}.q-title .pts{-webkit-margin-start:8px;margin-inline-start:8px;font-size:12.5px;font-weight:600;color:var(--form-muted,var(--muted))}.q-desc{color:var(--form-muted,var(--text-2));white-space:pre-wrap;overflow-wrap:anywhere}.qa-img{border-radius:var(--form-radius,12px);max-height:360px;object-fit:cover}:is(.resp-shell,.ds-sample) .req{color:var(--form-error,var(--danger))}.resp-shell .error-text{color:var(--form-error,var(--danger))}.answer-line,.qa .input,.qa .select,.qa .textarea{width:100%;font-size:1em;color:var(--form-text,var(--text));background:var(--form-surface,var(--surface));border:var(--form-bw,1px) solid var(--form-border,var(--border-strong));border-radius:var(--form-radius,12px);padding:11px 13px;min-height:44px;transition:border-color .15s,box-shadow .15s}.qa .textarea{min-height:100px}[data-field=filled] .answer-line,[data-field=filled] .qa .input,[data-field=filled] .qa .select,[data-field=filled] .qa .textarea{background:color-mix(in srgb,var(--form-text,var(--text)) 6%,var(--form-surface,var(--surface)));border-color:transparent;border-bottom-color:var(--form-border,var(--border-strong));border-end-start-radius:0;border-end-end-radius:0}[data-field=underlined] .answer-line,[data-field=underlined] .qa .input,[data-field=underlined] .qa .select,[data-field=underlined] .qa .textarea{background:transparent;border-color:transparent;border-bottom-color:var(--form-border,var(--border-strong));border-radius:0;padding-inline:2px}[data-field=soft] .answer-line,[data-field=soft] .qa .input,[data-field=soft] .qa .select,[data-field=soft] .qa .textarea{background:color-mix(in srgb,var(--form-color) 7%,var(--form-surface,var(--surface)));border-color:transparent}.answer-line:focus,.qa .input:focus,.qa .select:focus,.qa .textarea:focus{outline:none;border-color:var(--form-focus,var(--form-color));box-shadow:0 0 0 3px color-mix(in srgb,var(--form-focus,var(--form-color)) 22%,transparent)}[data-field=filled] .answer-line:focus,[data-field=filled] .qa .input:focus,[data-field=filled] .qa .select:focus,[data-field=filled] .qa .textarea:focus,[data-field=underlined] .answer-line:focus,[data-field=underlined] .qa .input:focus,[data-field=underlined] .qa .select:focus,[data-field=underlined] .qa .textarea:focus{border-color:transparent;border-bottom-color:var(--form-focus,var(--form-color));box-shadow:0 1px 0 0 var(--form-focus,var(--form-color))}.answer-line::placeholder,.qa .textarea::placeholder{color:var(--form-muted,var(--muted))}@media (min-width:720px){[data-label=inline] .qa.text-like{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-column-gap:18px;column-gap:18px;align-items:start}[data-label=inline] .qa.text-like>*{grid-column:1}[data-label=inline] .qa.text-like>.answer-line,[data-label=inline] .qa.text-like>.error-text,[data-label=inline] .qa.text-like>.input{grid-column:2;grid-row:1/span 3}}[data-label=floating] .qa.text-like{position:relative;padding-top:34px}[data-label=floating] .qa.text-like .q-head{position:absolute;top:12px;inset-inline-start:24px;inset-inline-end:24px}[data-label=floating] .qa.text-like .q-title{font-size:12.5px;font-weight:700;color:var(--form-ink,var(--form-color));letter-spacing:.02em}[data-label=floating] .qa.text-like .q-num{padding-top:0;font-size:11px}.choice-list{display:flex;flex-direction:column;gap:8px;margin-top:2px;border:none;padding:0}.choice{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 14px;border:max(1.5px,var(--form-bw,1px)) solid var(--form-border,var(--border));border-radius:var(--form-radius,12px);background:var(--form-surface,var(--surface));color:var(--form-text,var(--text));cursor:pointer;transition:border-color .12s,background .12s}.choice:hover{border-color:color-mix(in srgb,var(--form-color) 50%,var(--form-border,var(--border)))}.choice.on{border-color:var(--form-ink,var(--form-color));background:color-mix(in srgb,var(--form-color) 10%,var(--form-surface,var(--surface)))}.choice input[type=checkbox],.choice input[type=radio],.grid-q input,.qa .check input,.scale input{accent-color:var(--form-fill,var(--form-color))}.choice input[type=checkbox],.choice input[type=radio]{width:18px;height:18px;margin:0;flex:none}.choice:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--form-focus,var(--focus)) 35%,transparent)}.choice.on .choice-key{border-color:var(--form-ink,var(--form-color));color:var(--form-ink,var(--form-color))}.choice-key{flex:none;background:var(--form-surface,var(--surface));color:var(--form-muted,var(--muted));border-color:var(--form-border,var(--border-strong))}.choice-text{flex:1 1;min-width:0;overflow-wrap:anywhere;font-size:1em}.choice.other .answer-line{padding:6px 8px;min-height:36px}[data-choice=pills] .choice-list:not(.pictures){flex-direction:row;flex-wrap:wrap}[data-choice=pills] .choice-list:not(.pictures) .choice{border-radius:999px;min-height:42px;padding:6px 16px}[data-choice=pills] .choice-list:not(.pictures) .choice input{position:absolute;opacity:0;pointer-events:none}[data-choice=pills] .choice-list:not(.pictures) .choice.on{background:var(--form-fill,var(--form-color));color:var(--on-form,#fff);border-color:var(--form-fill,var(--form-color))}[data-choice=pills] .choice-list:not(.pictures) .choice.on .choice-key{color:inherit;border-color:currentColor;background:transparent}[data-choice=pills] .choice-list:not(.pictures) .choice.other{border-radius:var(--form-radius,12px);flex-basis:100%}[data-choice=classic] .choice-list:not(.pictures){gap:2px}[data-choice=classic] .choice-list:not(.pictures) .choice{border-color:transparent;background:transparent;padding-inline:2px;min-height:40px}[data-choice=classic] .choice-list:not(.pictures) .choice.on{background:transparent}[data-choice=classic] .choice-list:not(.pictures) .choice-key{display:none}.choice-list.pictures{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.choice-list.pictures .choice{flex-direction:column;align-items:stretch;padding:8px;gap:8px}.choice-list.pictures .choice input{position:absolute;top:14px;inset-inline-start:14px;z-index:1}.choice-list.pictures .choice-key{position:absolute;top:12px;inset-inline-end:12px}.choice-pic{display:block;aspect-ratio:4/3;border-radius:calc(var(--form-radius, 12px) - 3px);overflow:hidden;background:color-mix(in srgb,var(--form-text,var(--text)) 6%,transparent)}.choice-pic img{object-fit:cover}.choice-pic img,.choice-pic-empty{width:100%;height:100%;display:block}.choice-list.pictures .choice.other{flex-direction:row;align-items:center;grid-column:1/-1}.scale{align-items:flex-end;overflow-x:auto;padding:6px 0}.scale,.scale label{display:flex;gap:6px}.scale label{position:relative;flex-direction:column;align-items:center;min-width:44px;cursor:pointer;border-radius:var(--form-radius,10px);padding:8px 4px;border:var(--form-bw,1px) solid var(--form-border,var(--border));background:var(--form-surface,var(--surface))}.scale label:has(input:checked){background:var(--form-fill,var(--form-color));color:var(--on-form,#fff);border-color:var(--form-fill,var(--form-color))}.scale input{width:18px;height:18px}[data-scale=buttons] .scale input{position:absolute;opacity:0;pointer-events:none}[data-scale=dots] .scale label{border-color:transparent;background:transparent}[data-scale=dots] .scale label:has(input:checked){background:transparent;color:var(--form-ink,var(--form-color));font-weight:800}.scale .end{color:var(--form-muted,var(--muted));font-size:13px;padding-bottom:10px;max-width:120px;border:none;background:none}.rating{display:flex;gap:6px;flex-wrap:wrap}.rating label{cursor:pointer;border-radius:10px;display:inline-flex;padding:4px;color:color-mix(in srgb,var(--form-text,var(--text)) 25%,transparent)}.rating label.lit{color:var(--form-rating,var(--form-ink,var(--form-color)))}.rating label.numbtn{min-width:44px;height:44px;border:max(1.5px,var(--form-bw,1px)) solid var(--form-border,var(--border));color:var(--form-text,var(--text));align-items:center;justify-content:center;font-weight:700;border-radius:var(--form-radius,10px)}.rating label.numbtn.on{background:var(--form-fill,var(--form-color));color:var(--on-form,#fff);border-color:var(--form-fill,var(--form-color))}.nps label:focus-within,.rating label:focus-within,.scale label:focus-within{outline:2px solid var(--form-focus,var(--focus));outline-offset:2px}.nps{display:grid;grid-template-columns:repeat(11,minmax(30px,1fr));grid-gap:5px;gap:5px}.nps label{height:44px;border:max(1.5px,var(--form-bw,1px)) solid var(--form-border,var(--border));background:var(--form-surface,var(--surface));color:var(--form-text,var(--text));border-radius:var(--form-radius,10px);display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.nps label.on{background:var(--form-fill,var(--form-color));color:var(--on-form,#fff);border-color:var(--form-fill,var(--form-color))}.grid-wrap{overflow-x:auto}.grid-q{border-collapse:separate;border-spacing:0 4px;width:100%;min-width:420px}.grid-q td,.grid-q th{padding:8px;text-align:center;font-weight:500}.grid-q th[scope=row]{text-align:start}.grid-q tbody tr{background:color-mix(in srgb,var(--form-text,var(--text)) 5%,transparent)}.grid-q tbody td:first-child,.grid-q tbody th:first-child{border-start-start-radius:var(--form-radius,10px);border-end-start-radius:var(--form-radius,10px)}.grid-q tbody td:last-child{border-start-end-radius:var(--form-radius,10px);border-end-end-radius:var(--form-radius,10px)}.grid-q input{width:18px;height:18px}.grid-q .input{min-width:90px}.rank-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.rank-list li{display:flex;align-items:center;gap:8px;border:max(1.5px,var(--form-bw,1px)) solid var(--form-border,var(--border));border-radius:var(--form-radius,12px);padding:6px 10px;background:var(--form-surface,var(--surface))}.rank-list .pos{width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--form-color) 14%,transparent);color:var(--form-ink,var(--form-color));font-weight:800;display:inline-flex;align-items:center;justify-content:center}.sig-pad{border:1.5px dashed var(--form-border,var(--border-strong));border-radius:var(--form-radius,12px);background:#fff;touch-action:none;width:100%;height:170px;display:block;cursor:crosshair}.file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.file-list li{display:flex;align-items:center;gap:8px;border:1px solid var(--form-border,var(--border));border-radius:var(--form-radius,10px);padding:6px 10px}.qa .check{color:var(--form-text,var(--text))}.receipt{padding:4px 6px}.hp{position:absolute!important;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}.resp-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:4px}:is(.resp-shell,.ds-sample) .btn{border-radius:var(--form-radius,10px)}.resp-shell .btn:not(.btn-form){background:var(--form-surface,var(--surface));color:var(--form-text,var(--text));border-color:var(--form-border,var(--border))}.resp-shell .btn-ghost:not(.btn-form){background:transparent;border-color:transparent}.btn-form{border-color:var(--form-fill,var(--form-color));color:var(--on-form,#fff)}.btn-form,.btn-form:hover{background:var(--form-fill,var(--form-color))}.btn-form:hover{filter:brightness(.94)}[data-button=outline] .btn-form{background:transparent;color:var(--form-ink,var(--form-color));border-width:2px;border-color:var(--form-ink,var(--form-color))}[data-button=outline] .btn-form:hover{background:color-mix(in srgb,var(--form-color) 10%,transparent);filter:none}.ds-sample[data-button=pill] .btn,[data-button=pill] :is(.resp-shell,.ds-sample) .btn{border-radius:999px}.nav-hint{display:inline-flex;align-items:center;gap:4px;color:var(--form-muted,var(--muted))}.welcome{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:34px 4px 10px}[data-align=center] .welcome{align-items:center}.resp-shell.steps .qa{padding:30px 28px;min-height:220px;justify-content:center}.resp-shell.steps .q-title{font-size:1.45em}.done-card{background:var(--form-surface,var(--surface));color:var(--form-text,var(--text));border:1px solid var(--form-border,var(--border));border-radius:calc(var(--form-radius, 12px) + 10px);padding:34px 28px;text-align:center;position:relative;overflow:hidden}.done-card:focus{outline:none}.done-card.celebrate{background:radial-gradient(400px 200px at 50% -40px,color-mix(in srgb,var(--form-color) 24%,transparent),transparent),var(--form-surface,var(--surface))}.done-card.celebrate .done-icon{width:84px;height:84px;border-radius:50%}.done-card.minimal{background:transparent;border:none;box-shadow:none}.done-icon{display:inline-flex;width:64px;height:64px;border-radius:20px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--form-color) 14%,transparent);color:var(--form-ink,var(--form-color));margin-bottom:12px}.done-text{font-family:var(--form-hfont,inherit);font-size:1.2em;font-weight:600;white-space:pre-wrap}.quiz-sum{margin-top:18px;text-align:start}.score-ring{--p:0%;width:120px;height:120px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;gap:4px;background:radial-gradient(closest-side,var(--form-surface,var(--surface)) 78%,transparent 79%),conic-gradient(var(--form-fill,var(--form-color)) var(--p),color-mix(in srgb,var(--form-text,var(--text)) 10%,transparent) 0)}.score-ring b{font-size:30px}.score-ring span{color:var(--form-muted,var(--muted))}.quiz-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.quiz-list li{background:color-mix(in srgb,var(--form-text,var(--text)) 5%,transparent);border-radius:var(--form-radius,12px);padding:10px 12px}.grader-note{margin-top:6px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--form-color) 35%,var(--form-border,var(--border)));background:var(--form-surface,var(--surface));border-radius:6px;font-size:13.5px;white-space:pre-wrap}.footer-note{text-align:center;color:var(--form-muted,var(--muted));font-size:12px;margin-top:26px}.footer-note a{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;font-weight:600}.notice-card{background:var(--form-surface,var(--surface));border:1px solid var(--form-border,var(--border));border-radius:20px;padding:26px}.resp-shell .banner.info{background:color-mix(in srgb,var(--form-color) 8%,var(--form-surface,var(--surface)));border-color:transparent;color:var(--form-text,var(--text))}.resp-shell .hint{color:var(--form-muted,var(--muted))}@media (max-width:640px){.hero-inner{padding:36px 16px 46px}.resp-col{padding:0 12px}.qa{padding:18px 16px}.resp-shell.steps .qa{padding:22px 16px}.nps{grid-template-columns:repeat(6,1fr)}.choice-list.pictures{grid-template-columns:1fr 1fr}[data-label=floating] .qa.text-like .q-head{inset-inline-start:16px}}.resp-shell .dialog{background:var(--form-surface,var(--surface));color:var(--form-text,var(--text));border:var(--form-bw,1px) solid var(--form-border,var(--border));border-radius:var(--form-radius,12px);font-family:var(--form-font,inherit)}.resp-shell .dialog h2{font-family:var(--form-hfont,inherit)}.resp-shell .dialog .icon-btn{color:var(--form-muted,var(--muted))}.resp-shell .dialog .btn.btn-primary{background:var(--form-fill,var(--form-color));border-color:var(--form-fill,var(--form-color));color:var(--on-form,#fff)}.resp-shell .dialog .btn.btn-danger.solid{background:var(--form-error,var(--danger));border-color:var(--form-error,var(--danger));color:var(--form-surface,#fff)}.dash{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.dash-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dash-head h2{font-size:22px}.accept-toggle{gap:10px;font-weight:600;padding:4px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-height:38px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.kpi,.kpis{display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px 18px;grid-template-columns:auto 1fr;grid-template-areas:"ic label" "val val" "sub sub";align-items:center;grid-gap:4px 10px;gap:4px 10px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;inset-inline-end:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--form-color) 16%,transparent),transparent)}.kpi-ic{grid-area:ic;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--form-color) 13%,transparent);color:var(--form-ink,var(--form-color));display:inline-flex;align-items:center;justify-content:center}.kpi-label{grid-area:label;font-size:12.5px;font-weight:600;color:var(--muted)}.kpi-val{grid-area:val;font-size:28px;font-weight:800;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:6px}.kpi-sub{grid-area:sub;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-views{align-self:flex-start}.card-h{font-size:15px;margin-bottom:8px}.trend svg{width:100%;height:150px;display:block}.trend-axis{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:4px}.qcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.qcard-h{display:flex;gap:10px;align-items:flex-start}.qcard-h h3{font-size:15.5px;font-weight:650}.chart{display:flex;flex-direction:column;gap:8px;margin-top:12px;list-style:none;padding:0}.bar-row{display:grid;grid-template-columns:minmax(70px,34%) 1fr 74px;grid-gap:10px;gap:10px;align-items:center;font-size:13px}.bar-row .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:12px;background:var(--surface-3);border-radius:6px;overflow:hidden;display:block}.bar-fill{height:100%;background:linear-gradient(90deg,var(--form-color),color-mix(in srgb,var(--form-color) 60%,var(--accent-2)));border-radius:6px;min-width:3px}.bar-row .val{text-align:end;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cols{display:flex;align-items:flex-end;gap:6px;height:150px;padding:8px 0;border-bottom:1px solid var(--border)}.cols .col{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%;font-size:12px}.cols .col .b{width:100%;max-width:44px;background:linear-gradient(180deg,var(--form-color),color-mix(in srgb,var(--form-color) 55%,var(--accent-2)));border-radius:8px 8px 3px 3px;min-height:3px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-gap:8px;gap:8px;margin-top:10px}.stat{background:var(--surface-2);border-radius:12px;padding:10px 12px}.stat b{display:block;font-size:19px}.samples{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto}.samples li{background:var(--surface-2);padding:8px 12px;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}.grid-table{border-collapse:collapse;width:100%;font-size:13px;margin-top:10px}.grid-table td,.grid-table th{border:1px solid var(--border);padding:6px 8px;text-align:center}.grid-table th[scope=row]{text-align:start;font-weight:600}.answer-block{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);padding:8px 12px;border-radius:10px}.pager{display:flex;align-items:center;gap:8px}.grade-list{list-style:none;padding:0;margin:0;gap:12px}.grade-list,.grade-list li{display:flex;flex-direction:column}.grade-list li{border:1px solid var(--border);border-radius:14px;padding:12px 14px;gap:8px}.grade-cell{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.grade-pts{display:inline-flex;align-items:center;gap:6px}.grade-pts .input{width:84px}@media (max-width:900px){.kpis{grid-template-columns:1fr 1fr}.qcards{grid-template-columns:1fr}}@media (max-width:520px){.kpi-val{font-size:22px}}