*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}:root{--bg:#f8fafc;--card:#fff;--border:#e2e8f0;--text:#1e293b;--muted:#64748b;--light:#94a3b8;--primary:#2563eb;--primary-bg:#eff6ff;--success:#059669;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--danger:#dc2626;--danger-bg:#fef2f2;--purple:#7c3aed;--purple-bg:#f5f3ff;--cyan:#0891b2;--cyan-bg:#ecfeff;--indigo:#4f46e5;--indigo-bg:#eef2ff;--rose:#e11d48;--rose-bg:#fff1f2}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px}.card-clickable{cursor:pointer;transition:box-shadow .15s}.card-clickable:hover{box-shadow:0 4px 12px #00000014}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-purple{background:var(--purple);color:#fff}.btn-cyan{background:var(--cyan);color:#fff}.btn-indigo{background:var(--indigo);color:#fff}.btn-rose{background:var(--rose);color:#fff}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:#fff}.btn-ghost{color:var(--muted);border:1px solid var(--border);background:#fff}.badge{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.badge-blue{background:var(--primary-bg);color:var(--primary)}.badge-green{background:var(--success-bg);color:var(--success)}.badge-amber{background:var(--warning-bg);color:var(--warning)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.badge-cyan{background:var(--cyan-bg);color:var(--cyan)}.badge-indigo{background:var(--indigo-bg);color:var(--indigo)}.badge-rose{background:var(--rose-bg);color:var(--rose)}.badge-emerald{background:var(--success-bg);color:var(--success)}.input{border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--primary)}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.container{max-width:960px;min-height:100vh;margin:0 auto;padding:32px 24px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.text-center{text-align:center}.review-banner{background:var(--warning-bg);border-radius:8px;align-items:flex-start;gap:12px;padding:16px;display:flex}.success-banner{background:var(--success-bg);color:var(--success);border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.loading-banner{border-radius:8px;align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:600;display:flex}.stage-active{border:2px solid var(--primary)!important}.stage-warning{border:2px solid var(--warning)!important}.stage-indigo{border:2px solid var(--indigo)!important}.stage-rose{border:2px solid var(--rose)!important}.stage-bar{align-items:center;gap:3px;margin-bottom:28px;padding-bottom:4px;display:flex;overflow-x:auto}.stage-item{white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.stage-item-active{background:var(--primary-bg);border:1.5px solid var(--primary);color:var(--primary);font-weight:700}.stage-item-done{background:var(--success-bg);border:1.5px solid var(--success);color:var(--success)}.stage-item-future{border:1.5px solid var(--border);color:var(--muted);opacity:.45;background:#f8fafc}.letter-preview{border:1px solid var(--border);background:#fafafa;border-radius:8px;padding:24px;font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.8}.scope-highlight{border-left:3px solid var(--warning);background:#fff3cd;border-radius:4px;margin:8px 0;padding:10px 12px}@media (max-width:768px){.grid-2{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.container{padding:16px}}