:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cp-bg:#f7f4ef;--cp-bg-elevated:#fcfbf8;--cp-surface:#fff;--cp-surface-soft:#f5f5f5;--cp-border:#dedede;--cp-border-strong:#919191;--cp-text:#242424;--cp-text-muted:#5c5c5c;--cp-text-soft:#6f6f6f;--cp-accent:#1267a5;--cp-accent-hover:#0d5489;--cp-accent-soft:#1267a514;--cp-accent-fg:#fff;--cp-success:#16a34a;--cp-danger:#dc2626;--cp-warning:#f59e0b;--cp-link:#0078d4;--cp-shadow:0 18px 48px #0000001f;--cp-overlay:#fffc;--cp-panel:#ffffffdb;--cp-panel-strong:#fffffff5;--cp-sheen:#ffffff8c;--cp-highlight:#1267a51f;color:var(--cp-text);background:var(--cp-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cp-bg:#3d3b3a;--cp-bg-elevated:#343231;--cp-surface:#292929;--cp-surface-soft:#2e2e2e;--cp-border:#474747;--cp-border-strong:#5f5f5f;--cp-text:#dedede;--cp-text-muted:#919191;--cp-text-soft:#b0b0b0;--cp-accent:#69b7f0;--cp-accent-hover:#8bc8f3;--cp-accent-soft:#69b7f024;--cp-accent-fg:#1a1a1a;--cp-success:#4ade80;--cp-danger:#f87171;--cp-warning:#fbbf24;--cp-link:#4da6ff;--cp-shadow:0 18px 48px #00000052;--cp-overlay:#292929e0;--cp-panel:#292929b8;--cp-panel-strong:#292929f5;--cp-sheen:#ffffff0a;--cp-highlight:#69b7f01f}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%}body{min-height:100vh;color:var(--cp-text);background:linear-gradient(var(--cp-accent-soft), var(--cp-accent-soft)) top / 100% 6px no-repeat, var(--cp-bg);margin:0}button,input,textarea,select{font-family:inherit}.app-shell{width:min(880px,100% - 32px);margin:0 auto;padding:64px 0 48px}.page-header{grid-template-columns:auto 1fr auto;align-items:start;gap:20px;margin-bottom:32px;display:grid}.title-mark{border:1px solid var(--cp-border);width:48px;height:48px;color:var(--cp-accent);background:var(--cp-surface);border-radius:.625rem;place-items:center;display:grid}.eyebrow{color:var(--cp-accent);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:700}h1{color:var(--cp-text);letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,3.25rem);font-weight:650;line-height:1.04}.intro{max-width:560px;color:var(--cp-text-muted);margin:12px 0 0;line-height:1.6}.progress{border-left:2px solid var(--cp-accent);flex-direction:column;min-width:76px;padding:10px 12px;display:flex}.progress strong{color:var(--cp-text);font-size:1.5rem;line-height:1}.progress span{color:var(--cp-text-muted);margin-top:5px;font-size:.75rem}.questionnaire{border:1px solid var(--cp-border);background:var(--cp-surface);box-shadow:0 0 2px var(--cp-border), 0 1px 2px var(--cp-border);border-radius:16px;overflow:hidden}.question{border-bottom:1px solid var(--cp-border);grid-template-columns:56px 1fr;gap:20px;padding:28px 32px;display:grid}.question-number{color:var(--cp-accent);padding-top:3px;font-family:Consolas,Courier New,Courier,monospace;font-size:.8rem;font-weight:700}.question-content{min-width:0}.question-section-title{border-bottom:1px solid var(--cp-border);color:var(--cp-accent);margin:0 0 18px;padding-bottom:10px;font-size:1.05rem;line-height:1.4}label{color:var(--cp-text);margin-bottom:12px;font-size:1rem;font-weight:650;line-height:1.45;display:block}label span{color:var(--cp-danger)}.field-note{color:var(--cp-text-muted);margin:-4px 0 12px;font-size:.84rem;font-style:italic;line-height:1.5}input,textarea,select{border:1px solid var(--cp-border-strong);width:100%;color:var(--cp-text);background:var(--cp-bg-elevated);font:inherit;border-radius:.625rem;outline:0;line-height:1.5;transition:border-color .16s,box-shadow .16s,background-color .16s}input,select{height:46px;padding:0 14px}textarea{resize:vertical;min-height:112px;padding:12px 14px}input::placeholder,textarea::placeholder{color:var(--cp-text-soft)}input:hover,textarea:hover,select:hover{border-color:var(--cp-accent)}input:focus,textarea:focus,select:focus{border-color:var(--cp-accent);background:var(--cp-surface);box-shadow:0 0 0 3px var(--cp-accent-soft)}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--cp-danger)}.field-error{color:var(--cp-danger);margin:7px 0 0;font-size:.82rem}.field-warning{border-left:3px solid var(--cp-danger);color:var(--cp-danger);background:var(--cp-surface-soft);align-items:flex-start;gap:9px;margin:10px 0 0;padding:10px 12px;font-size:.84rem;line-height:1.5;display:flex}.field-warning svg{flex:none;margin-top:1px}.form-footer{background:var(--cp-surface-soft);justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;display:flex}.privacy-note{max-width:300px;color:var(--cp-text-muted);margin:0;font-size:.8rem;line-height:1.5}.actions{gap:10px;display:flex}button{min-height:42px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.625rem;justify-content:center;align-items:center;gap:8px;padding:9px 15px;font-size:.9rem;font-weight:650;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}button:focus-visible{outline:3px solid var(--cp-highlight);outline-offset:2px}button:active{transform:translateY(1px)}.secondary-button{border-color:var(--cp-border);color:var(--cp-text);background:var(--cp-surface)}.secondary-button:hover{border-color:var(--cp-border-strong);background:var(--cp-bg-elevated)}.primary-button{color:var(--cp-accent-fg);background:var(--cp-accent)}.primary-button:hover{background:var(--cp-accent-hover)}.status{background:var(--cp-surface-soft)}.status p{color:var(--cp-success);align-items:center;gap:8px;margin:0;padding:0 32px 24px;font-size:.88rem;font-weight:650;display:flex}@media (width<=640px){.app-shell{width:min(100% - 20px,880px);padding-top:28px}.page-header{grid-template-columns:40px 1fr;gap:14px}.title-mark{width:40px;height:40px}.progress{flex-direction:row;grid-column:2;align-items:baseline;gap:5px;padding:4px 10px}.progress strong{font-size:1rem}.question{grid-template-columns:1fr;gap:7px;padding:24px 20px}.form-footer{flex-direction:column;align-items:stretch;padding:20px}.actions{flex-direction:column-reverse}.actions button{width:100%}.status p{align-items:flex-start;padding:0 20px 20px}}.primary-button:disabled{cursor:wait;opacity:.7}.status .status-error{color:var(--cp-danger)}
