*{box-sizing:border-box}body{color:#18181b;background:#f4f4f5;margin:0;font-family:system-ui,sans-serif}.container{max-width:900px;margin:0 auto;padding:16px}nav{background:#18181b;gap:12px;padding:12px 16px;display:flex}nav button{color:#e4e4e7;cursor:pointer;background:0 0;border:none;font-size:15px}nav button.active{color:#fff;font-weight:700;text-decoration:underline}button.primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;padding:10px 18px;font-size:15px}button.primary:disabled{opacity:.5;cursor:not-allowed}label{margin:12px 0 4px;font-weight:600;display:block}input[type=text],input[type=password],textarea,select{border:1px solid #d4d4d8;border-radius:6px;width:100%;padding:8px;font-family:inherit;font-size:14px}.round-divider{color:#71717a;align-items:center;gap:8px;margin:20px 0 8px;font-size:13px;display:flex}.round-divider:before,.round-divider:after{content:"";background:#d4d4d8;flex:1;height:1px}.bubble{background:#fff;border-left:4px solid #7c3aed;border-radius:12px;margin:8px 0;padding:10px 14px;box-shadow:0 1px 2px #0000000f}.bubble .who{margin-bottom:4px;font-size:13px;font-weight:700}.bubble .text{white-space:pre-wrap;font-size:14px}.bubble.skipped{opacity:.6;font-style:italic}.thinking{color:#71717a;margin:6px 0;font-size:13px;font-style:italic}.synthesis{background:#fff;border:1px solid #d4d4d8;border-radius:12px;margin-top:24px;padding:16px 20px}.status-failed{color:#dc2626;font-weight:600}