:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand-blue:#24325e;--color-brand-red:#cf2929;--color-brand-gray:#828282;--color-canvas:#f6f7fa;--color-surface:#fff;--color-text:#171a21;--color-text-muted:#5f6368;--color-border:#d9dce3;--color-primary:var(--color-brand-blue);--color-primary-hover:#1d284b;--color-danger:#b42318;--color-success:#207a50;--color-warning:#8a5a00;--color-focus:#5c7cfa;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--line-height-sm:1.25rem;--line-height-md:1.5rem;--line-height-lg:1.75rem;--line-height-xl:2rem;--line-height-2xl:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-control:.5rem;--radius-card:.75rem;--radius-dialog:1rem;--focus-ring:0 0 0 3px var(--color-focus);--motion-fast:.12s;--motion-normal:.18s}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-normal:0s}}*{box-sizing:border-box}html{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans)}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,label,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{border-radius:var(--radius-control);outline:3px solid var(--color-focus);outline-offset:2px}.brief-shell{background:radial-gradient(circle at 18% 10%, #cf292914, transparent 26rem), linear-gradient(145deg, #eef1f8 0%, var(--color-canvas) 48%, #fff 100%);min-height:100vh;padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;display:flex}.brief-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1.25rem;width:100%;max-width:46rem;padding:clamp(1.5rem,5vw,3.5rem);box-shadow:0 1.5rem 4rem #24325e1a}.brand-mark{background:var(--color-primary);color:#fff;height:3rem;margin-bottom:var(--space-6);border-radius:50%;justify-content:center;align-items:center;width:3rem;font-size:1.25rem;font-weight:800;display:inline-flex}.brand-mark.small{flex:none;width:2.25rem;height:2.25rem;margin:0;font-size:1rem}.eyebrow{color:var(--color-primary);font-size:var(--font-size-sm);letter-spacing:.06em;margin:0 0 var(--space-2);text-transform:uppercase;font-weight:700}.success-text{color:var(--color-success)}h1,h2,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:var(--space-4);font-size:clamp(2rem,5vw,3rem);line-height:1.08}.lead{color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:var(--line-height-lg);margin-bottom:var(--space-6)}.notice{border-radius:var(--radius-card);align-items:flex-start;gap:var(--space-1);margin-bottom:var(--space-6);padding:var(--space-4);background:#fff8e8;border:1px solid #ead49b;flex-direction:column;display:flex}.notice span,.privacy-note{color:var(--color-text-muted)}.task-card{border-radius:var(--radius-card);margin-bottom:var(--space-6);padding:var(--space-6);background:#f3f5fa;border:1px solid #cdd3e2}.task-card h2{font-size:var(--font-size-xl);margin-bottom:var(--space-4)}.task-card dl{gap:var(--space-3);margin:0 0 var(--space-4);display:grid}.task-card dl div{gap:var(--space-1);grid-template-columns:7rem 1fr;display:grid}.task-card dt{color:var(--color-text-muted)}.task-card dd{margin:0;font-weight:600}.task-card p:last-child{color:var(--color-text-muted);line-height:var(--line-height-md);margin-bottom:0}.button{border-radius:var(--radius-control);cursor:pointer;min-height:2.75rem;transition:background var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast);border:1px solid #0000;justify-content:center;align-items:center;padding:.65rem 1.15rem;font-weight:700;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button.primary{background:var(--color-primary);color:#fff}.button.primary:hover:not(:disabled){background:var(--color-primary-hover)}.button.secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.button.secondary:hover:not(:disabled){border-color:var(--color-primary)}.button.large{width:100%;min-height:3.25rem}.privacy-note{font-size:var(--font-size-sm);margin:var(--space-3) 0 0;text-align:center}.app-shell{min-height:100vh}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:4.5rem;padding:0 var(--space-8);justify-content:space-between;align-items:center;display:flex}.app-brand{color:var(--color-text);align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.app-brand>span:last-child{flex-direction:column;display:flex}.app-brand small{color:var(--color-text-muted)}.prototype-badge{color:#155d3c;font-size:var(--font-size-sm);background:#edf7f1;border:1px solid #b8ddc8;border-radius:999px;padding:.4rem .75rem;font-weight:700}.workspace{grid-template-columns:17rem minmax(0,1fr);max-width:90rem;min-height:calc(100vh - 4.5rem);margin:0 auto;display:grid}.step-sidebar{border-right:1px solid var(--color-border);padding:var(--space-8) var(--space-6);background:#f0f2f7}.step-sidebar ol{gap:var(--space-2);margin:var(--space-6) 0 0;padding:0;list-style:none;display:grid}.step-sidebar li{border-radius:var(--radius-control);color:var(--color-text-muted);align-items:center;gap:var(--space-3);min-height:3.5rem;padding:var(--space-2);display:flex}.step-sidebar li>span{font-size:var(--font-size-sm);border:1px solid #b8becb;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:700;display:flex}.step-sidebar li div{flex-direction:column;display:flex}.step-sidebar li small{font-size:.75rem}.step-sidebar li.active{background:var(--color-surface);color:var(--color-primary)}.step-sidebar li.active>span{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.step-sidebar li.done{color:var(--color-text)}.step-sidebar li.done>span{background:var(--color-success);border-color:var(--color-success);color:#fff}.main-content{background:var(--color-surface);min-width:0;padding:var(--space-8) clamp(1.5rem, 6vw, 5rem) 7rem;position:relative}.scenario-reminder{border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 auto var(--space-8);max-width:48rem;padding:var(--space-3) var(--space-4);background:#f3f5fa}.scenario-reminder strong{color:var(--color-text)}.page-section{max-width:48rem;margin:0 auto}.page-section h1{font-size:clamp(1.75rem,4vw,2.5rem)}.page-description{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-md);margin-bottom:var(--space-8);max-width:42rem}.option-list{gap:var(--space-3);display:grid}.option-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;align-items:flex-start;gap:var(--space-3);min-height:5.5rem;padding:var(--space-4);transition:background var(--motion-fast), border-color var(--motion-fast);display:flex}.option-card:hover{border-color:#8994b1}.option-card.is-selected{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);background:#f4f6fb}.option-card input{accent-color:var(--color-primary);width:1.2rem;height:1.2rem;margin:.15rem 0 0}.option-copy{gap:var(--space-1);flex-direction:column;display:flex}.option-copy span,.option-copy small{color:var(--color-text-muted)}.option-copy small{font-size:var(--font-size-sm)}.text-button{color:var(--color-primary);cursor:pointer;margin-top:var(--space-4);min-height:2.75rem;padding:0 var(--space-2);background:0 0;border:0;font-weight:700}.select-field,.form-group{gap:var(--space-2);margin-top:var(--space-6);flex-direction:column;display:flex}.field-label,.form-group legend{font-weight:700}.select-field select,textarea{background:var(--color-surface);border-radius:var(--radius-control);color:var(--color-text);border:1px solid #aeb4c0;min-height:2.75rem;padding:.65rem .75rem}.select-field select{max-width:15rem}.select-field small{color:var(--color-text-muted)}.summary-card{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-6)}.summary-card h2{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.summary-card>div{gap:var(--space-1);padding:var(--space-3) 0;border-top:1px solid #eceef2;flex-direction:column;display:flex}.summary-card>div:first-of-type{border-top:0}.summary-card span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.summary-card.compact{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.summary-card.compact>div{border:0;padding:0}.review-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.confirmation-check{border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-4);background:#f3f5fa;display:flex}.confirmation-check input{accent-color:var(--color-primary);width:1.25rem;height:1.25rem;margin-top:.15rem}.confirmation-check span{gap:var(--space-1);flex-direction:column;display:flex}.confirmation-check small{color:var(--color-text-muted)}.flow-footer{border-top:1px solid var(--color-border);align-items:center;gap:var(--space-3);padding:var(--space-4) clamp(1.5rem, 6vw, 5rem);background:#fffffff5;justify-content:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.success-banner{border-radius:var(--radius-card);align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);background:#edf7f1;border:1px solid #b8ddc8;display:flex}.success-banner>div{gap:var(--space-1);flex-direction:column;display:flex}.success-banner span:not(.status-icon){color:#315c46}.status-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:800;display:inline-flex}.status-icon.complete{background:var(--color-success);color:#fff}.status-icon.pending{color:var(--color-text-muted);background:#f3f4f6;border:2px solid #aeb4c0}.timeline{margin:0;padding:0;list-style:none}.timeline li{align-items:center;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid #eceef2;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.timeline li>div{gap:var(--space-1);flex-direction:column;display:flex}.timeline li>div span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.status-badge{border-radius:999px;padding:.35rem .6rem;font-size:.75rem;font-weight:700}.status-badge.success{color:#155d3c;background:#dff2e7}.status-badge.warning{color:#704800;background:#fff1cc}.status-badge.neutral{color:#4b5261;background:#edf0f5}.simulation-actions{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-6);flex-direction:column;display:flex}.simulation-actions p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.feedback-card h1{max-width:36rem}.form-group{margin-bottom:var(--space-6);border:0;padding:0}.form-group legend{margin-bottom:var(--space-3);padding:0}.rating-options,.segmented-options{gap:var(--space-2);display:flex}.rating-options label,.segmented-options label{cursor:pointer;flex:1}.rating-options input,.segmented-options input{opacity:0;position:absolute}.rating-options span,.segmented-options span{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:3rem;padding:var(--space-2);justify-content:center;align-items:center;font-weight:700;display:flex}.rating-options input:focus-visible+span,.segmented-options input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:2px}.rating-options label.selected span,.segmented-options label.selected span{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);color:var(--color-primary);background:#f3f5fa}.rating-labels{color:var(--color-text-muted);justify-content:space-between;font-size:.75rem;display:flex}textarea{line-height:var(--line-height-md);resize:vertical}.button-row{gap:var(--space-3);margin-top:var(--space-6);display:flex}.copy-status{border-radius:var(--radius-control);color:#155d3c;margin:var(--space-4) 0 0;padding:var(--space-3);background:#edf7f1}.mobile-progress{display:none}.auth-card{max-width:32rem}.auth-form input,.form-grid input{background:var(--color-surface);border-radius:var(--radius-control);color:var(--color-text);border:1px solid #aeb4c0;width:100%;min-height:2.85rem;padding:.65rem .75rem}.auth-form .form-group:first-child{margin-top:0}.compact-lead{font-size:var(--font-size-md);margin-bottom:var(--space-4)}.totp-input{font-variant-numeric:tabular-nums;letter-spacing:.35em;text-align:center;font-size:1.35rem}.setup-notice code{overflow-wrap:anywhere;padding:var(--space-2);background:#ffffffbf;border-radius:.35rem;font-size:.9rem}.setup-notice a{color:var(--color-primary);font-weight:700}.error-message{border-radius:var(--radius-control);color:#8c2020;margin:0 0 var(--space-4);padding:var(--space-3);background:#fff0f0;border:1px solid #e5b5b5}.page-error{margin:0 auto var(--space-6);max-width:48rem}.loading-message{color:var(--color-text-muted);font-weight:700}.brief-account,.header-actions{align-items:center;gap:var(--space-3);display:flex}.brief-account{float:right}.brief-account .text-button,.header-actions .text-button{margin-top:0}.form-grid{gap:0 var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid .form-group:first-child,.form-grid .form-group:nth-child(3){grid-column:1/-1}@media (width<=800px){.app-header{height:auto;min-height:4.5rem;padding:var(--space-3) var(--space-4)}.app-brand small{display:none}.prototype-badge{font-size:.7rem}.header-actions .text-button{display:none}.workspace{min-height:calc(100vh - 4.5rem);display:block}.step-sidebar{display:none}.main-content{padding:var(--space-6) var(--space-4) 7rem}.mobile-progress{gap:var(--space-1);margin:0 auto var(--space-4);flex-direction:column;max-width:48rem;display:flex}.mobile-progress span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.mobile-progress>div{background:#e3e6ed;border-radius:999px;height:.25rem;overflow:hidden}.mobile-progress i{background:var(--color-primary);height:100%;display:block}.scenario-reminder{margin-bottom:var(--space-6)}.review-grid,.summary-card.compact{grid-template-columns:1fr}.flow-footer{padding:var(--space-3) var(--space-4)}}@media (width<=520px){.brief-shell{align-items:flex-start;padding:0}.brief-card{box-shadow:none;min-height:100vh;padding:var(--space-6) var(--space-4);border:0;border-radius:0}.task-card dl div{grid-template-columns:1fr}.timeline li{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.timeline .status-badge{grid-column:2;justify-self:start}.button-row{flex-direction:column}.button-row .button{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .form-group{grid-column:auto}}
