*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family,"Segoe UI",system-ui,sans-serif);color:#1e293b;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:1.5rem 1rem;display:flex;overflow-y:auto}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:1.5rem 2rem;box-shadow:0 1px 6px #00000012}h1{color:#0f172a;margin-bottom:.5rem;font-size:1.6rem;font-weight:700}h2{color:#0f172a;margin-bottom:1rem;font-size:1.2rem;font-weight:600}p{color:#334155;margin-bottom:1rem;line-height:1.65}.btn{cursor:pointer;border:none;border-radius:8px;padding:.65rem 1.6rem;font-size:1rem;font-weight:600;transition:opacity .15s,transform .1s;display:inline-block}.btn:hover{opacity:.88}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent,#2563eb);color:#fff}.btn-outline{border:2px solid var(--accent,#2563eb);color:var(--accent,#2563eb);background:0 0}.agent-bubble{background:var(--agent-bg,#f1f5f9);border:1px solid var(--agent-border,#94a3b8);border-radius:10px;min-height:190px;margin-bottom:1.5rem;padding:1.2rem 1.4rem}.agent-header{align-items:center;gap:.6rem;margin-bottom:.7rem;display:flex}.agent-avatar{background:var(--accent,#2563eb);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.8rem;font-weight:700;display:flex}.agent-name{color:var(--agent-text,#1e293b);font-size:.95rem;font-weight:700}.agent-message{color:var(--agent-text,#1e293b);line-height:1.6}.agent-message strong{color:var(--accent,#2563eb)}.scenario-box{border-left:4px solid var(--accent,#2563eb);background:#f8fafc;border-radius:6px;min-height:80px;margin-bottom:1.5rem;padding:1rem 1.2rem}.scenario-label{letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:.4rem;font-size:.72rem;font-weight:700}.options-grid{grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1.5rem;display:grid}@media (max-width:520px){.options-grid{grid-template-columns:1fr}}.option-card{cursor:pointer;text-align:left;border:2px solid #e2e8f0;border-radius:8px;padding:.9rem 1rem;transition:border-color .15s,background .15s}.option-card:hover,.option-card.selected{border-color:var(--accent,#2563eb);background:var(--accent-light,#dbeafe)}.option-key{letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#2563eb);margin-bottom:.3rem;font-size:.72rem;font-weight:700}.decision-row{gap:.9rem;margin-top:.5rem;display:flex}.btn-accept{background:var(--accent,#2563eb);color:#fff;flex:1}.btn-override{color:#475569;background:#f1f5f9;border:2px solid #cbd5e1;flex:1}.btn-override:hover{border-color:#94a3b8}.progress-wrap{width:100%;margin-bottom:1rem}.progress-label{color:#64748b;justify-content:space-between;margin-bottom:.3rem;font-size:.78rem;display:flex}.progress-bar{background:#e2e8f0;border-radius:99px;height:6px;overflow:hidden}.progress-fill{background:var(--accent,#2563eb);border-radius:99px;height:100%;transition:width .3s}.agent-footer{color:#94a3b8;text-align:right;margin-top:1rem;font-size:.7rem}.consent-list{color:#334155;margin-bottom:1.2rem;padding-left:1.4rem;line-height:1.8;list-style:outside}.slider-wrap{margin-bottom:1.2rem}.slider-wrap label{color:#475569;margin-bottom:.4rem;font-size:.9rem;display:block}.slider-wrap input[type=range]{width:100%;accent-color:var(--accent,#2563eb)}.slider-labels{color:#94a3b8;justify-content:space-between;font-size:.72rem;display:flex}.export-grid{grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem;display:grid}@media (max-width:400px){.export-grid{grid-template-columns:1fr}}.badge{background:var(--accent-light,#dbeafe);color:var(--accent,#2563eb);border-radius:99px;margin-bottom:.8rem;padding:.15rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}