:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#e8ecf4;background:#0b1020;line-height:1.4;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top,rgba(102,126,234,.25),transparent 30%),linear-gradient(180deg,#0b1020,#11172a 38%,#0d1324)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{max-width:1440px;margin:0 auto;padding:32px}.panel{background:#0e1424cc;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000059;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px}.hero{padding:28px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}.hero h1,.panel h2,.panel h3{margin:6px 0 8px}.hero p,.panel p{margin:0;color:#aab4ca;max-width:880px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#8da2ff}.hero-stats,.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px}.compact-stats{grid-template-columns:repeat(4,minmax(120px,1fr))}.stat{background:#ffffff0a;padding:16px;border-radius:18px;min-width:120px}.stat.success{background:#1f7d532e}.stat.warn{background:#b65d1c2e}.stat.info{background:#3d70c42e}.stat.highlight{background:#7458d633}.stat-value{font-size:24px;font-weight:700}.stat-label{color:#9eabc4;font-size:13px}.speed-frame{padding:24px;margin-bottom:18px}.speed-frame-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.flow-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.flow-step{padding:10px 14px;border-radius:999px;background:#ffffff0d;color:#d7e0f6;font-size:14px}.flow-step.active{background:linear-gradient(135deg,#7c8cff47,#5ae0c038);color:#f7fbff}.flow-arrow{color:#7988aa}.principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.principle-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px}.principle-card strong{display:block;margin-bottom:8px;color:#eff4ff}.principle-card p{font-size:14px}.framework-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.framework-card{text-align:left;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;border-radius:20px;padding:18px;color:#e8ecf4}.framework-card.selected{border-color:#7c8cff8c;box-shadow:inset 0 0 0 1px #7c8cff4d;background:linear-gradient(180deg,#7c8cff1f,#ffffff0a)}.framework-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.framework-card h3{margin:0 0 6px}.framework-card p{margin-bottom:14px;min-height:42px}.framework-tradeoff{border-top:1px solid rgba(255,255,255,.08);padding-top:12px;display:grid;gap:4px}.framework-tradeoff strong{font-size:13px;color:#c8d5f3}.framework-tradeoff span{color:#9eabc4;font-size:14px}.mode-cue{margin-top:12px;font-size:13px;color:#d8e1f9}.toggle-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;margin-bottom:20px;background:#ffffff0d;border-radius:18px;border:1px solid rgba(255,255,255,.08)}.toggle-wrap button{border:0;color:#d8def0;background:transparent;padding:12px 14px;border-radius:12px;display:grid;gap:4px;text-align:left}.toggle-wrap button small{color:#9eabc4;font-size:12px}.toggle-wrap button.active{background:linear-gradient(135deg,#7c8cff,#5ae0c0);color:#07101f;font-weight:700}.toggle-wrap button.active small{color:#07101fb8}.experience-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:20px}.side-stack{display:grid;gap:20px;align-content:start}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.pill{padding:10px 14px;border-radius:999px;font-size:13px;white-space:nowrap;border:1px solid rgba(255,255,255,.08)}.pill.warn{background:#b65d1c2e;color:#ffd5b0}.pill.success{background:#1f7d5333;color:#bbf7df}.pill.info{background:#3d70c438;color:#cae0ff}.pill.highlight{background:#7458d638;color:#ddd2ff}.form-panel,.agent-panel,.summary-panel,.note-panel,.document-panel,.draft-panel{padding:24px}.intent-panel{border-color:#5ae0c024}.document-panel{border-color:#72a4ff29}.draft-panel{border-color:#a47bff2e}.strong-mode{background:linear-gradient(180deg,#a47bff14,#0e1424e0)}.mode-banner{display:grid;gap:6px;padding:16px 18px;border-radius:18px;margin-bottom:18px;border:1px solid rgba(255,255,255,.08)}.mode-banner strong{color:#f4f7ff}.mode-banner span{color:#d2dcf2}.mode-banner.success{background:#1f7d531f}.mode-banner.info{background:#3d70c424}.mode-banner.highlight{background:#7458d629}.progress-row{display:flex;gap:12px;align-items:center;color:#aab4ca;font-size:14px;margin-bottom:18px}.progress-bar{height:10px;background:#ffffff0f;border-radius:999px;overflow:hidden;flex:1}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#ffb15c,#ff7a7a);border-radius:999px}.form-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label,fieldset{display:flex;flex-direction:column;gap:8px;min-width:0}label span,legend{color:#cdd6ea;font-size:14px}input,select,textarea{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#f2f5fb;border-radius:14px;padding:12px 14px;outline:none}textarea{resize:vertical}fieldset{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 14px}.full{grid-column:1 / -1}.radio-row{display:flex;gap:18px;flex-wrap:wrap}.radio-row label,.check{flex-direction:row;align-items:center}.check input,.draft-main input{width:auto}.actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.actions button,.quick-replies button,.artifact-card,.framework-card,.toggle-wrap button{transition:.18s ease}.actions button,.quick-replies button{border:0;padding:12px 16px;border-radius:14px}button.primary{background:linear-gradient(135deg,#7c8cff,#5ae0c0);color:#07101f;font-weight:700}button.ghost,.quick-replies button{background:#ffffff0f;color:#dce4f5;border:1px solid rgba(255,255,255,.08)}button:hover,.artifact-card:hover,.framework-card:hover{transform:translateY(-1px)}.pain-list{margin:12px 0 0;padding-left:18px;color:#c4cee1}.pain-list li+li{margin-top:10px}.pain-list.compact li+li{margin-top:6px}.chat-shell{display:grid;grid-template-columns:1fr;gap:18px}.chat-log{min-height:320px;display:flex;flex-direction:column;gap:12px;padding:4px}.bubble{max-width:84%;padding:14px 16px;border-radius:18px;animation:rise .28s ease}.bubble.assistant{background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.bubble.user{background:linear-gradient(135deg,#7c8cff47,#5ae0c038);align-self:flex-end;border:1px solid rgba(124,140,255,.24)}.composer textarea{min-height:130px}.quick-replies{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.summary-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.status-dot{width:12px;height:12px;border-radius:999px;background:#5ae0c0;box-shadow:0 0 0 6px #5ae0c01f}.status-dot.amber{background:#ffbe6b;box-shadow:0 0 0 6px #ffbe6b1f}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-grid div,.summary-card{background:#ffffff0a;border-radius:16px;padding:14px;border:1px solid rgba(255,255,255,.08)}.summary-card.large{padding:18px}.summary-grid strong,.summary-card strong{display:block;margin-bottom:6px;font-size:13px;color:#9eb0d7}.summary-grid span{color:#f4f7ff}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.chip{padding:8px 10px;border-radius:999px;background:#5ae0c01f;color:#bbf7df}.chip.muted{background:#7c8cff1f;color:#cfd8ff}.better-note{border-color:#5ae0c033}.doc-dropzone{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-radius:18px;border:1px dashed rgba(114,164,255,.45);background:#597dda14;margin-bottom:16px}.artifact-list{display:grid;gap:12px;margin-bottom:18px}.artifact-card{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0a;padding:16px;color:#edf3ff;display:flex;justify-content:space-between;gap:16px;align-items:center;text-align:left}.artifact-card span{display:block;color:#aab4ca}.artifact-card.selected{border-color:#72a4ff80;background:linear-gradient(180deg,#72a4ff29,#ffffff0a)}.confidence{color:#cae0ff!important;font-weight:600;white-space:nowrap}.extraction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.confidence-list{display:grid;gap:10px}.confidence-list div{display:flex;justify-content:space-between;gap:12px;color:#dce6fb}.draft-headline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#7c8cff24,#a47bff1f);border:1px solid rgba(164,123,255,.2)}.grouped-summary{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:18px}.grouped-card,.decisions-card{border-color:#a47bff2e}.group-blocks{display:grid;gap:12px;margin-top:8px}.group-blocks div{padding:14px;border-radius:14px;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.group-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#b7c4e8;margin-bottom:6px}.decision-count{margin-top:8px;font-size:28px;font-weight:700;color:#f4f7ff}.decision-list{margin:12px 0 0;padding-left:18px;color:#d4ddf2}.decision-list li+li{margin-top:8px}.draft-list{display:grid;gap:12px;margin-bottom:18px}.draft-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.draft-row.attention{border-color:#ffb15c61;background:linear-gradient(180deg,#b65d1c1f,#ffffff0a)}.draft-main{display:flex;gap:14px;align-items:flex-start}.draft-main strong,.draft-main span,.draft-main small{display:block}.draft-main span{color:#eef3ff}.draft-main small{color:#9ca9c8;margin-top:6px}.draft-side{display:grid;justify-items:end;gap:8px}.draft-status{text-transform:capitalize;font-size:12px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.draft-status.ready{background:#1f7d532e;color:#bbf7df}.draft-status.review{background:#3d70c433;color:#cae0ff}.draft-status.attention{background:#b65d1c2e;color:#ffd5b0}.confidence-badge{font-size:12px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.confidence-badge.high{background:#1f7d5329;color:#bbf7df}.confidence-badge.medium{background:#3d70c42e;color:#cae0ff}.confidence-badge.low{background:#b65d1c2e;color:#ffd5b0}.review-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.review-card{border-color:#a47bff2e}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1180px){.framework-grid,.toggle-wrap,.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-grid,.grouped-summary{grid-template-columns:1fr}.hero,.speed-frame-top{flex-direction:column}}@media (max-width: 720px){.app-shell{padding:18px}.form-layout,.summary-grid,.hero-stats,.mini-stats,.compact-stats,.extraction-grid,.review-fields,.framework-grid,.toggle-wrap,.principle-grid{grid-template-columns:1fr}.panel-header,.doc-dropzone,.draft-headline{flex-direction:column}.artifact-card,.draft-row,.draft-side{flex-direction:column;align-items:flex-start;justify-items:start}.flow-strip{align-items:flex-start}}