:root{--bg: #fafafa;--bg-1: #ffffff;--bg-2: #f4f4f5;--bg-3: #ececef;--bg-hover: #f0f0f3;--text: #18181b;--text-2: #3f3f46;--text-3: #71717a;--text-4: #a1a1aa;--border: #e4e4e7;--border-2: #d4d4d8;--accent: #5b5bd6;--accent-2: #4f46e5;--accent-soft: #eef2ff;--accent-text: #4338ca;--green: #16a34a;--green-soft: #dcfce7;--green-text: #15803d;--amber: #d97706;--amber-soft: #fef3c7;--amber-text: #b45309;--red: #dc2626;--red-soft: #fee2e2;--red-text: #b91c1c;--blue: #2563eb;--blue-soft: #dbeafe;--blue-text: #1d4ed8;--purple: #9333ea;--purple-soft: #f3e8ff;--purple-text: #7e22ce;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 10px 30px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.04);--radius: 6px;--radius-lg: 10px}.dark{--bg: #09090b;--bg-1: #0f0f12;--bg-2: #18181b;--bg-3: #1f1f24;--bg-hover: #1c1c20;--text: #fafafa;--text-2: #d4d4d8;--text-3: #a1a1aa;--text-4: #71717a;--border: #27272a;--border-2: #3f3f46;--accent: #818cf8;--accent-2: #6366f1;--accent-soft: #1e1b4b;--accent-text: #c7d2fe;--green: #22c55e;--green-soft: #052e16;--green-text: #86efac;--amber: #f59e0b;--amber-soft: #2a1d05;--amber-text: #fcd34d;--red: #ef4444;--red-soft: #2a0a0a;--red-text: #fca5a5;--blue: #60a5fa;--blue-soft: #0a1f3d;--blue-text: #93c5fd;--purple: #c084fc;--purple-soft: #2a103d;--purple-text: #d8b4fe;--shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 1px 2px rgba(0,0,0,.6);--shadow-lg: 0 20px 50px rgba(0,0,0,.6), 0 4px 8px rgba(0,0,0,.4);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:Inter Tight,ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased}html,body{overflow:hidden}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"ss01" on}#root{height:100vh;width:100vw;overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column;min-height:0;min-width:1280px;overflow:hidden}.topbar{height:40px;background:var(--bg-1);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 12px 0 0;gap:10px;flex-shrink:0}.topbar .brand{display:flex;align-items:center;gap:8px;padding:0 12px;border-right:1px solid var(--border);height:100%;width:var(--c-sidebar, 220px);box-sizing:border-box;flex-shrink:0}.brand-mark{width:22px;height:22px;background:#071512 url(/brand/yachew-mark.svg) center / 100% 100% no-repeat;border-radius:5px;display:flex;align-items:center;justify-content:center;color:transparent;font-size:0;box-shadow:var(--shadow);overflow:hidden}.brand-name{font-weight:600;letter-spacing:-.01em;white-space:nowrap}.live-banner{display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:3px 10px 3px 8px;font-size:12px;cursor:pointer;flex:1;max-width:720px;transition:all .15s}.live-banner:hover{border-color:var(--border-2);background:var(--bg-hover)}.live-banner .live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);position:relative}.live-banner .live-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:var(--green);opacity:.3;animation:ping 1.6s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.live-banner .label{color:var(--text-3)}.live-banner .subject{font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-banner .step{color:var(--text-3);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.kbd{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;border:1px solid var(--border-2);border-bottom-width:2px;border-radius:4px;padding:0 4px;background:var(--bg-2);color:var(--text-3);height:18px;display:inline-flex;align-items:center;min-width:18px;justify-content:center}.kbd-on-primary{border-color:#fff6;color:#ffffffd9;background:#ffffff1a}.btn{font-family:inherit;font-size:12px;font-weight:500;height:28px;padding:0 10px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);display:inline-flex;align-items:center;gap:6px;transition:background .12s,border-color .12s;white-space:nowrap}.btn:hover{background:var(--bg-hover);border-color:var(--border-2)}.btn-primary{background:var(--accent-2);color:#fff;border-color:var(--accent-2);box-shadow:0 1px #0000001a inset,0 1px 2px #0000001a}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--bg-hover)}.btn-danger{color:var(--red-text)}.btn-danger:hover{background:var(--red-soft);border-color:var(--red)}.btn-sm{height:24px;padding:0 8px;font-size:11px}.btn-lg{height:36px;padding:0 14px;font-size:13px}.btn-icon{width:28px;padding:0;justify-content:center}.btn-icon.btn-sm{width:24px}.pill{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:4px;font-size:11px;font-weight:500;background:var(--bg-2);color:var(--text-2);border:1px solid var(--border);white-space:nowrap;height:18px}.pill-mono{font-family:JetBrains Mono,monospace;font-size:10px}.pill-green{background:var(--green-soft);color:var(--green-text);border-color:transparent}.pill-amber{background:var(--amber-soft);color:var(--amber-text);border-color:transparent}.pill-red{background:var(--red-soft);color:var(--red-text);border-color:transparent}.pill-blue{background:var(--blue-soft);color:var(--blue-text);border-color:transparent}.pill-purple{background:var(--purple-soft);color:var(--purple-text);border-color:transparent}.pill-accent{background:var(--accent-soft);color:var(--accent-text);border-color:transparent}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block}.status-dot.live{background:var(--green);position:relative}.status-dot.live:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid var(--green);opacity:.4;animation:ping 1.6s cubic-bezier(0,0,.2,1) infinite}.status-dot.draft{background:var(--accent)}.status-dot.attn{background:var(--red)}.status-dot.idle{background:var(--text-4);opacity:.5}.status-dot.archived{background:transparent;border:1px solid var(--text-4)}.status-dot.error{background:var(--red)}.spin{display:inline-block;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pinch{image-rendering:pixelated;flex-shrink:0;vertical-align:middle}.live-banner .pinch.clawd-banner{margin:-48px 0 -16px -16px;position:relative;z-index:2}.icon{width:14px;height:14px;flex-shrink:0;stroke-width:1.6}.icon-lg{width:16px;height:16px}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg)}.card-pad{padding:16px 20px}.page{flex:1;overflow-y:auto}.page-header{padding:32px 48px 20px;max-width:1100px}.page-h{font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:0}.page-sub{font-size:14px;color:var(--text-3);margin-top:6px}.page-body{padding:0 48px 64px;max-width:1100px}.section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-4);margin:24px 0 8px}.cmdk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.cmdk{width:640px;max-width:92vw;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.cmdk-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.cmdk-input{flex:1;background:transparent;border:none;outline:none;font-family:inherit;font-size:15px;color:var(--text)}.cmdk-input::placeholder{color:var(--text-4)}.cmdk-list{max-height:56vh;overflow-y:auto;padding:6px}.cmdk-group{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-4);padding:8px 10px 4px}.cmdk-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);cursor:pointer;font-size:13px}.cmdk-item:hover,.cmdk-item.active{background:var(--accent-soft);color:var(--accent-text)}.cmdk-item .ic-wrap{width:18px;display:flex;justify-content:center;flex-shrink:0;color:var(--text-3)}.cmdk-item.active .ic-wrap,.cmdk-item:hover .ic-wrap{color:var(--accent-text)}.cmdk-item .meta{margin-left:auto;font-size:11px;color:var(--text-3);font-family:JetBrains Mono,monospace}.cmdk-foot{padding:8px 14px;border-top:1px solid var(--border);display:flex;gap:12px;align-items:center;font-size:11px;color:var(--text-3);background:var(--bg-2)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-4);padding:8px 12px;border-bottom:1px solid var(--border)}.table td{padding:10px 12px;border-bottom:1px solid var(--border)}.table tr:hover td{background:var(--bg-1)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-3);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;color:var(--text-2);flex-shrink:0}.avatar.bot{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.diff{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);overflow:hidden}.diff-row{padding:1px 12px;border-left:3px solid transparent;white-space:pre-wrap}.diff-row.add{background:var(--green-soft);color:var(--green-text);border-left-color:var(--green)}.diff-row.rem{background:var(--red-soft);color:var(--red-text);border-left-color:var(--red);text-decoration:line-through;opacity:.85}.diff-row.ctx{color:var(--text-3)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;gap:12px;color:var(--text-3)}.empty-icon{width:56px;height:56px;border-radius:50%;background:var(--bg-2);display:flex;align-items:center;justify-content:center;color:var(--text-3)}.empty h2{font-size:18px;font-weight:600;color:var(--text);margin:0;letter-spacing:-.01em}.empty p{margin:0;font-size:13px;max-width:420px;line-height:1.55}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}*::-webkit-scrollbar-track{background:transparent}.shell{flex:1;display:grid;grid-template-columns:220px 1fr;min-height:0}.shell-aside{background:var(--bg-1);border-right:1px solid var(--border);padding:12px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.shell-main{overflow-y:auto;min-width:0}.snav-item{display:flex;align-items:center;gap:8px;padding:4px 8px;height:26px;border-radius:var(--radius);font-size:12.5px;color:var(--text-2);cursor:pointer;transition:background .1s;text-decoration:none}.snav-item:hover{background:var(--bg-hover);color:var(--text)}.snav-item[data-active=true]{background:var(--accent-soft);color:var(--accent-text);font-weight:500}.snav-item[data-active=true] .count{color:var(--accent-text)}.snav-item .nav-icon{width:14px;height:14px;flex-shrink:0;opacity:.85}.snav-item>span:not(.count){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.snav-item .count{margin-left:auto;font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums}.snav-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-4);padding:0 8px 4px}.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.field label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}.field .hint{font-size:11.5px;color:var(--text-3);line-height:1.5;margin-top:2px}.input,.textarea,.select{font-family:inherit;font-size:13px;padding:7px 10px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{min-height:76px;resize:vertical;line-height:1.55;font-family:JetBrains Mono,monospace;font-size:12px}.checkbox-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;cursor:pointer}.checkbox-row input{margin-top:3px;flex-shrink:0;accent-color:var(--accent-2)}.checkbox-row .row-label{font-size:13px;font-weight:500}.checkbox-row .row-hint{font-size:11.5px;color:var(--text-3);margin-top:2px;line-height:1.45}.toggle{width:32px;height:18px;background:var(--bg-3);border-radius:999px;position:relative;cursor:pointer;transition:background .15s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px #00000026}.toggle.on{background:var(--accent-2)}.toggle.on:after{transform:translate(14px)}.stepper{display:flex;align-items:center;gap:0;margin-bottom:32px}.step{display:flex;align-items:center;gap:8px}.step+.step:before{content:"";width:32px;height:1px;background:var(--border-2);margin:0 6px}.step .num{width:22px;height:22px;border-radius:50%;background:var(--bg-3);color:var(--text-3);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.step.active .num{background:var(--accent-2);color:#fff}.step.done .num{background:var(--green);color:#fff}.step .lbl{font-size:12px;color:var(--text-3)}.step.active .lbl,.step.done .lbl{color:var(--text);font-weight:500}.timeline-row{display:grid;grid-template-columns:100px 1fr auto;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);align-items:start;cursor:pointer}.timeline-row:hover{background:var(--bg-1)}.timeline-row .ts{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-3);padding-top:2px}.timeline-row .body-col{min-width:0}.timeline-row .body-col .title{font-size:13px;font-weight:500;line-height:1.4}.timeline-row .body-col .meta{font-size:11.5px;color:var(--text-3);margin-top:2px}.timeline-row .right-col{display:flex;gap:6px;align-items:center;flex-shrink:0}.mobile-shell{display:flex;align-items:center;justify-content:center;padding:32px;gap:32px;flex-wrap:wrap;min-height:100vh;background:var(--bg-2)}.phone{width:390px;height:780px;background:var(--bg);border:12px solid #1a1a1a;border-radius:44px;box-shadow:0 30px 80px #00000040,0 10px 20px #0000001a;overflow:hidden;position:relative;display:flex;flex-direction:column}.phone .notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:110px;height:28px;background:#1a1a1a;border-radius:999px;z-index:10}.phone .ios-status{padding:16px 28px 8px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;flex-shrink:0}.phone-body{flex:1;min-height:0;overflow-y:auto}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:20}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--bg-1);border-radius:20px 20px 0 0;box-shadow:0 -8px 30px #00000026;z-index:21;padding:12px 16px 24px;max-height:75%;overflow-y:auto}.sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--bg-3);margin:0 auto 14px}.banner{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:var(--radius-lg);border:1px solid var(--border)}.banner.banner-red{background:var(--red-soft);border-color:var(--red);color:var(--red-text)}.banner.banner-amber{background:var(--amber-soft);border-color:var(--amber);color:var(--amber-text)}.banner.banner-green{background:var(--green-soft);border-color:var(--green);color:var(--green-text)}.banner h4{margin:0 0 4px;font-size:14px;font-weight:600}.banner p{margin:0;font-size:12.5px;line-height:1.5;opacity:.9}.code{font-family:JetBrains Mono,monospace;font-size:11.5px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;line-height:1.55;color:var(--text-2);overflow-x:auto;white-space:pre}.code .red{color:var(--red-text)}.code .gray{color:var(--text-4)}.queue-card{display:grid;grid-template-columns:240px 1fr 200px;gap:16px;padding:16px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-1);margin-bottom:12px;align-items:start;transition:all .12s;cursor:pointer}.queue-card:hover{border-color:var(--border-2);box-shadow:var(--shadow)}.queue-card.featured{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.queue-meta{display:flex;flex-direction:column;gap:4px}.queue-from{font-size:13px;font-weight:600}.queue-subj{font-size:13px;line-height:1.4}.queue-preview{font-size:12px;color:var(--text-3);margin-top:6px;line-height:1.5;padding:8px 10px;background:var(--bg);border-radius:var(--radius);border-left:2px solid var(--accent-soft)}.queue-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}.rule-card{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-1);margin-bottom:10px}.rule-card .rule-trigger{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--accent-text);background:var(--accent-soft);padding:2px 6px;border-radius:4px;display:inline-block}.rule-card .rule-action{font-size:13px;line-height:1.55;margin-top:8px}.rule-card .rule-action b{font-weight:600}.body{flex:1;display:grid;grid-template-columns:var(--c-sidebar, 220px) var(--c-threadlist, 380px) 1fr;min-height:0;position:relative;background:var(--bg-2)}.body[data-agent-open=true]{grid-template-columns:var(--c-sidebar, 220px) var(--c-threadlist, 380px) 1fr var(--c-agent, 400px)}.resizer{position:absolute;top:0;bottom:0;width:5px;cursor:col-resize;z-index:10;transition:background .15s;transform:translate(-2px)}.resizer:before{content:"";position:absolute;left:2px;top:0;bottom:0;width:1px;background:var(--border);transition:background .15s}.resizer:hover:before,.resizer.resizer-active:before{background:var(--accent);width:2px;left:1.5px}.resizer-sidebar{left:var(--c-sidebar, 220px)}.resizer-threadlist{left:calc(var(--c-sidebar, 220px) + var(--c-threadlist, 380px))}.resizer-agent{right:var(--c-agent, 400px)}.detail{background:var(--bg);display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.email-header{padding:20px 32px 16px;border-bottom:1px solid var(--border);background:var(--bg-1);flex-shrink:0}.email-crumbs{font-size:11px;color:var(--text-3);display:flex;gap:6px;align-items:center;margin-bottom:8px;font-family:JetBrains Mono,monospace;letter-spacing:.02em;text-transform:uppercase}.email-subject{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.25;margin:0 0 10px}.email-meta-row{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--text-3)}.email-meta-row .from-name{color:var(--text);font-weight:600;font-size:13px}.email-meta-row .from-email{font-family:JetBrains Mono,monospace;font-size:11.5px}.email-actions{display:flex;gap:6px;margin-left:auto}.email-scroll{flex:1;overflow-y:auto;padding:20px 32px 32px;width:100%;align-self:start}.body[data-agent-open=true] .email-scroll,.body[data-agent-open=true] .email-header{max-width:980px}.email-body{font-size:14px;line-height:1.65;color:var(--text-2);white-space:pre-wrap}.email-body-placeholder{padding:32px;background:var(--bg-1);border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-3);font-size:13px;line-height:1.6}.email-body-placeholder a{color:var(--accent-text)}.email-thread{display:flex;flex-direction:column;gap:8px}.email-msg{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.email-msg-head{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;cursor:pointer}.email-msg-head:hover{background:var(--bg-hover)}.email-msg-from{font-size:13px;font-weight:600;color:var(--text)}.email-msg-tometa{font-size:11.5px;color:var(--text-3);margin-top:2px}.email-msg-snippet{font-size:12px;color:var(--text-3);margin-top:2px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-msg-date{font-size:11px;color:var(--text-3);flex-shrink:0;padding-top:2px;font-variant-numeric:tabular-nums}.email-msg-body{padding:14px 18px 18px;border-top:1px solid var(--border)}.email-body-text{font-family:Inter Tight,ui-sans-serif,system-ui,sans-serif;font-size:13.5px;line-height:1.65;color:var(--text-2);white-space:pre-wrap;word-wrap:break-word;margin:0}.email-body-html{font-size:13.5px;line-height:1.65;color:var(--text-2)}.email-body-html img{max-width:100%;height:auto}.email-body-html a{color:var(--blue-text)}.email-body-html blockquote{border-left:2px solid var(--border-2);padding-left:12px;margin-left:0;color:var(--text-3)}.action-banner{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius);font-size:12px;font-weight:500;margin-bottom:12px}.action-banner.running{background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent-soft)}.action-banner.done{background:var(--green-soft);color:var(--green-text);border:1px solid var(--green-soft)}.action-banner.error{background:var(--red-soft);color:var(--red-text);border:1px solid var(--red-soft)}.email-html-frame{position:relative;border-radius:var(--radius);background:#fff}.email-html-frame iframe{background:#fff}.email-html-load-remote{position:absolute;top:8px;right:8px;z-index:2;background:var(--bg-1);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.agent-float{margin:14px 14px 14px 0;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px #0000000f,0 2px 6px #0000000a;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.agent-float-close{background:transparent;border:1px solid transparent;color:var(--text-3);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-left:4px}.agent-float-close:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border)}.topbar-agent{display:inline-flex;align-items:center;gap:8px;padding:0 8px 0 4px;height:26px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:11.5px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}.topbar-agent:hover{background:var(--accent-soft);border-color:var(--accent)}.topbar-agent .agent-orb{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.topbar-agent .agent-orb .pinch{margin:-10px -2px -6px}.topbar-agent .agent-meta{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-3)}.threadlist{background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.threadlist-header{padding:12px 16px 10px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-1)}.threadlist-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.threadlist-sub{font-size:11px;color:var(--text-3);margin-top:2px}.search{margin-top:10px;display:flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:0 8px;height:28px;color:var(--text-3);font-size:12px;cursor:text}.threadlist-scroll{flex:1;overflow-y:auto}.thread{position:relative;padding:10px 16px 11px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.thread:hover,.thread[data-selected=true]{background:var(--bg-1)}.thread[data-selected=true]:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:var(--accent)}.thread[data-unread=true] .t-from,.thread[data-unread=true] .t-subject{font-weight:600}.t-row1{display:flex;align-items:center;gap:6px}.t-from{font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-time{font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums}.t-subject{font-size:13px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-preview{font-size:12px;color:var(--text-3);margin-top:2px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.t-tags{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.detail{background:var(--bg);display:flex;flex-direction:column;min-width:0;min-height:0}.detail-header{padding:14px 24px 12px;border-bottom:1px solid var(--border);background:var(--bg-1);flex-shrink:0}.crumbs{font-size:11px;color:var(--text-3);display:flex;gap:6px;align-items:center;margin-bottom:6px;font-family:JetBrains Mono,monospace;letter-spacing:.02em;text-transform:uppercase}.detail-title{font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.2;margin:0}.detail-actions{display:flex;gap:6px}.detail-meta{font-size:12px;color:var(--text-3);margin-top:4px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.detail-meta a{color:var(--blue-text);text-decoration:none}.detail-scroll{flex:1;overflow-y:auto;padding:16px 24px 24px}.msg{display:flex;gap:12px;margin-bottom:18px}.msg-body{flex:1;min-width:0}.msg-head{display:flex;gap:8px;align-items:baseline;margin-bottom:4px;flex-wrap:wrap}.msg-name{font-size:13px;font-weight:600}.msg-email{font-size:11px;color:var(--text-3);font-family:JetBrains Mono,monospace}.msg-time{font-size:11px;color:var(--text-3);margin-left:auto}.msg-content{font-size:13.5px;line-height:1.6;color:var(--text)}.cite{background:var(--accent-soft);color:var(--accent-text);border-radius:3px;padding:0 3px;cursor:pointer;transition:all .15s;font-weight:500;border-bottom:1.5px dotted var(--accent)}.cite:hover{background:var(--accent);color:#fff}.evidence-card.pulse{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);animation:pulse-shadow 1.4s ease-out}@keyframes pulse-shadow{0%{box-shadow:0 0 0 0 var(--accent)}to{box-shadow:0 0 0 8px transparent}}.compose-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-1);overflow:hidden;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}.compose-card.focused,.compose-card:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.compose-head{padding:6px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--green-soft);color:var(--green-text);border-bottom:1px solid var(--border);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.compose-head>span:first-child{overflow:hidden;text-overflow:ellipsis;min-width:0}.compose-head .compose-actions{display:flex;gap:4px;flex-shrink:0}.compose-head .btn{background:transparent;border-color:transparent;color:var(--green-text);height:22px;padding:0 6px;font-size:11px;text-transform:none;letter-spacing:0;font-weight:500}.compose-head .btn:hover{background:#16a34a1f}.compose-fields{padding:8px 14px;display:flex;flex-direction:column;gap:4px;border-bottom:1px dashed var(--border);font-size:12.5px;color:var(--text-2)}.compose-fields .row{display:flex;gap:8px;align-items:center}.compose-fields .label{width:50px;color:var(--text-4);font-size:11px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.compose-fields .val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-fields .val.editable{padding:2px 6px;border-radius:4px;cursor:text}.compose-fields .val.editable:hover{background:var(--bg-hover)}.compose-body{padding:14px 18px 16px;font-size:14px;line-height:1.65;outline:none;min-height:200px;font-family:inherit}.compose-toolbar{padding:6px 12px;border-top:1px solid var(--border);display:flex;gap:4px;align-items:center;background:var(--bg-2)}.attach-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;background:var(--bg-2);border:1px solid var(--border);border-radius:4px;font-size:11px}.attach-chip svg{width:12px;height:12px;flex-shrink:0}.footer-bar{padding:10px 24px;border-top:1px solid var(--border);background:var(--bg-1);display:flex;gap:8px;align-items:center;flex-shrink:0}.footer-info{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3)}.footer-info b{color:var(--text)}.seg{display:inline-flex;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:2px;gap:2px}.seg button{background:transparent;border:none;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;color:var(--text-3);cursor:pointer;font-family:inherit}.seg button.active{background:var(--bg-1);color:var(--text);box-shadow:var(--shadow-sm)}.agent{background:var(--bg-1);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.agent-head{padding:10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-shrink:0}.agent-title{font-size:14px;font-weight:600}.agent-head .meta{margin-left:auto;font-size:10px;color:var(--text-3);font-family:JetBrains Mono,monospace}.agent-scroll{flex:1;overflow-y:auto;padding:12px 16px 8px}.agent-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-4);margin:16px 0 6px}.agent-section-label:first-child{margin-top:0}.agent-classify{font-size:11px;color:var(--text-3);margin-bottom:12px;padding:6px 10px;background:var(--bg-2);border-radius:4px;border-left:2px solid var(--accent)}.agent-classify b{color:var(--text);font-family:JetBrains Mono,monospace;font-size:10px}.tool-card{border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;margin-bottom:6px;font-size:12px;background:var(--bg)}.tool-card .tool-row{display:flex;align-items:center;gap:6px}.tool-card .tool-name{font-family:JetBrains Mono,monospace;font-size:11.5px;flex:1}.tool-card .tool-status{font-size:14px;line-height:1}.tool-card .tool-summary{color:var(--text-3);font-size:11.5px;margin-top:2px;padding-left:18px;line-height:1.5}.tool-card.live{border-color:var(--accent);background:var(--accent-soft)}.tool-card.live .tool-status{color:var(--accent-text)}.agent-live-header{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--accent-soft) 0%,var(--bg-1) 100%);font-size:13px;color:var(--accent-text);flex-shrink:0;animation:agent-live-fade .22s cubic-bezier(.2,.8,.2,1)}.agent-live-header.done{background:linear-gradient(180deg,var(--green-soft) 0%,var(--bg-1) 100%);color:var(--green-text)}.agent-live-pinch{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--accent) 0%,var(--accent-2) 60%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;flex-shrink:0;box-shadow:0 6px 18px #5b5bd659,0 2px 4px #5b5bd62e;position:relative;overflow:hidden;animation:agent-live-orb-pulse 2.6s ease-in-out infinite}.agent-live-pinch .pinch{margin-top:-16px;margin-bottom:-8px;position:relative;z-index:1}.agent-live-header.done .agent-live-pinch{background:radial-gradient(circle at 30% 30%,var(--green) 0%,var(--green-text) 70%,transparent 100%);box-shadow:0 6px 18px #16a34a4d,0 2px 4px #16a34a2e;animation:none}@keyframes agent-live-orb-pulse{0%,to{box-shadow:0 6px 18px #5b5bd659,0 2px 4px #5b5bd62e,0 0 #5b5bd666}50%{box-shadow:0 6px 18px #5b5bd673,0 2px 4px #5b5bd638,0 0 0 8px #5b5bd600}}.agent-live-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-live-dots{display:inline-block;width:14px;height:1em;flex-shrink:0;position:relative;color:var(--accent)}.agent-live-dots:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-25%);animation:agent-live-dots 1.4s steps(4,end) infinite}@keyframes agent-live-dots{0%{content:""}25%{content:"·"}50%{content:"··"}75%{content:"···"}to{content:""}}@keyframes agent-live-spark{0%,to{transform:scale(1) rotate(0);opacity:.85}50%{transform:scale(1.15) rotate(8deg);opacity:1}}@keyframes agent-live-fade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.tool-line{display:flex;align-items:flex-start;gap:9px;padding:4px 2px;font-size:12.5px;line-height:1.5;color:var(--text-2);transition:color .24s ease;animation:agent-live-fade .22s cubic-bezier(.2,.8,.2,1)}.tool-line-bullet{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0;background:var(--text-4);transition:background .24s ease,box-shadow .24s ease,transform .24s ease}.tool-line.live{color:var(--accent-text);font-weight:500}.tool-line.live .tool-line-bullet{background:var(--accent);animation:agent-live-breathe 1.6s ease-in-out infinite}.tool-line.done .tool-line-bullet{background:var(--green)}.tool-line.erred{color:var(--red-text)}.tool-line.erred .tool-line-bullet{background:var(--red-text)}.tool-line-body{flex:1;min-width:0;display:flex;flex-direction:column}.tool-line-text{min-width:0;flex:1}.tool-line-detail{font-size:11.5px;color:var(--text-3);margin-top:2px;font-family:JetBrains Mono,ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-line-time{flex-shrink:0;margin-left:8px;font-size:10.5px;color:var(--text-4);font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em;align-self:flex-start;margin-top:4px}.tool-line.live .tool-line-time{color:var(--accent-text);opacity:.7}.tool-line.erred .tool-line-time{color:var(--red-text);opacity:.75}@keyframes agent-live-breathe{0%,to{transform:scale(1);box-shadow:0 0 0 0 var(--accent)}50%{transform:scale(1.15);box-shadow:0 0 0 4px transparent}}.text-bubble{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 11px;font-size:12.5px;line-height:1.55;color:var(--text-2);margin-bottom:6px}.user-bubble{background:var(--accent-soft);color:var(--accent-text);border-radius:var(--radius);padding:8px 11px;font-size:12.5px;line-height:1.5;margin-left:30px;margin-bottom:6px;border:1px solid transparent}.user-bubble .who{font-size:10px;opacity:.7;margin-top:4px;font-family:JetBrains Mono,monospace}.milestone{display:flex;align-items:center;gap:10px;margin:10px 0 4px;padding:0;font-size:11px;color:var(--text-4);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.milestone:before,.milestone:after{content:"";flex:1;height:1px;background:var(--border)}.milestone-text{flex-shrink:0}.milestone-time{flex-shrink:0;font-size:10.5px;color:var(--text-4);font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:-.01em}.text-bubble-time{display:block;font-size:10.5px;color:var(--text-4);font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;margin-bottom:4px}.evidence-card{border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;margin-bottom:5px;font-size:12px;background:var(--bg);display:flex;align-items:flex-start;gap:8px;cursor:pointer;transition:border-color .1s,box-shadow .3s}.evidence-card:hover{border-color:var(--border-2);background:var(--bg-hover)}.evidence-card .ev-icon{width:16px;height:16px;color:var(--text-3);flex-shrink:0;margin-top:1px}.evidence-card .ev-label{font-weight:500;line-height:1.35}.evidence-card .ev-meta{color:var(--text-3);font-size:11px;margin-top:1px}.talk-back{border-top:1px solid var(--border);padding:10px 14px 12px;background:var(--bg-1);flex-shrink:0}.talk-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font-size:13px;min-height:56px;color:var(--text);outline:none;font-family:inherit}.talk-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.talk-actions{display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin-top:6px}.slash{font-family:JetBrains Mono,monospace;font-size:10.5px;padding:2px 6px;border-radius:4px;background:var(--bg-2);color:var(--text-2);border:1px solid var(--border);cursor:pointer}.slash:hover{background:var(--bg-hover);border-color:var(--border-2)}.agent-response .agent-summary{font-size:12px;color:var(--text-2);padding:8px 11px;background:var(--accent-soft);border-radius:var(--radius);margin-bottom:10px;line-height:1.55;display:flex;gap:8px;align-items:flex-start}.agent-response .agent-summary-label{font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--accent-text);flex-shrink:0;padding-top:1px}.agent-response .agent-body{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 18px}.md-root{font-size:13.5px;line-height:1.65;color:var(--text)}.md-root>*:first-child{margin-top:0}.md-root>*:last-child{margin-bottom:0}.md-h1{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:22px 0 8px;color:var(--text)}.md-h2{font-size:14px;font-weight:600;letter-spacing:-.005em;margin:20px 0 6px;color:var(--text);text-transform:none}.md-h3{font-size:13px;font-weight:600;margin:16px 0 4px;color:var(--text-2)}.md-h1:first-child,.md-h2:first-child,.md-h3:first-child{margin-top:0}.md-p{margin:8px 0}.md-list{margin:8px 0;padding-left:22px}.md-list li{margin:4px 0;padding-left:4px}.md-list li::marker{color:var(--text-4)}.md-code-inline{font-family:JetBrains Mono,monospace;font-size:11.5px;padding:1px 5px;background:var(--bg-2);border:1px solid var(--border);border-radius:3px;color:var(--accent-text)}.md-code-block{font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.55;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;margin:10px 0;color:var(--text-2)}.md-code-block code{background:transparent;border:none;padding:0;color:inherit;font:inherit}.md-root strong{font-weight:600;color:var(--text)}.md-root em{font-style:italic}.md-root a{color:var(--blue-text);text-decoration:underline;text-underline-offset:2px}.md-root a:hover{color:var(--accent-text)}.toast-viewport{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none}.toast{position:relative;display:flex;align-items:center;gap:10px;min-width:280px;max-width:460px;padding:10px 12px 10px 14px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:12.5px;color:var(--text-2);pointer-events:auto;overflow:hidden;animation:toast-slide-in .2s cubic-bezier(.2,.8,.2,1)}@keyframes toast-slide-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-icon{display:inline-flex;flex-shrink:0;color:var(--text-3)}.toast-success .toast-icon{color:var(--green-text)}.toast-error .toast-icon{color:var(--red-text)}.toast-undo .toast-icon{color:var(--accent-text)}.toast-msg{flex:1;min-width:0;line-height:1.4;color:var(--text)}.toast-msg b,.toast-msg strong{color:var(--text);font-weight:600}.toast-action{flex-shrink:0;background:transparent;border:1px solid var(--border-2);border-radius:4px;padding:3px 9px;font-size:11.5px;font-weight:500;color:var(--accent-text);cursor:pointer}.toast-action:hover{background:var(--accent-soft);border-color:var(--accent)}.toast-close{flex-shrink:0;background:transparent;border:none;padding:4px;border-radius:3px;color:var(--text-4);cursor:pointer;display:inline-flex}.toast-close:hover{color:var(--text-2);background:var(--bg-2)}.toast-bar{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);transition:width .1s linear}.toast-error{border-left:3px solid var(--red);padding-left:11px}.toast-success{border-left:3px solid var(--green);padding-left:11px}.cmdk-root{display:flex;flex-direction:column;width:100%;background:var(--bg-1);border-radius:var(--radius-lg);overflow:hidden}.cmdk-input-wrap{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.cmdk-input-wrap input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--text);font-family:inherit}.cmdk-input-wrap input::placeholder{color:var(--text-4)}.cmdk-list-scroll{max-height:360px;overflow-y:auto;padding:6px}.cmdk-group-label{padding:8px 10px 4px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-4)}[cmdk-item]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);font-size:12.5px;color:var(--text);cursor:pointer}[cmdk-item][data-selected=true]{background:var(--accent-soft);color:var(--accent-text)}[cmdk-item] .cmdk-meta{margin-left:auto;color:var(--text-4);font-size:11px;font-family:JetBrains Mono,monospace}.cmdk-empty{padding:24px 14px;text-align:center;font-size:12px;color:var(--text-3)}.cmdk-ask-panel{padding:16px 18px;border-top:1px solid var(--border);max-height:320px;overflow-y:auto}.cmdk-ask-thinking{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3);padding:12px 4px}.shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f1280;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9000;animation:toast-slide-in .16s ease-out}.shortcuts-modal{width:min(640px,90vw);max-height:80vh;overflow-y:auto;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:20px 22px}.shortcuts-title{font-size:13px;font-weight:600;margin:0 0 14px;color:var(--text)}.shortcuts-group{margin-bottom:18px}.shortcuts-group:last-child{margin-bottom:0}.shortcuts-group h4{margin:0 0 6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-4);font-weight:600}.shortcuts-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:12px;color:var(--text-2);border-bottom:1px solid var(--border)}.shortcuts-row:last-child{border-bottom:none}.shortcuts-keys{display:inline-flex;gap:4px}.snooze-popover{position:absolute;z-index:100;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:6px;min-width:220px;font-size:12.5px;animation:toast-slide-in .14s ease-out}.snooze-popover button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:var(--radius);text-align:left;font-size:inherit;color:var(--text);cursor:pointer}.snooze-popover button:hover{background:var(--accent-soft);color:var(--accent-text)}.snooze-popover .when{font-size:11px;color:var(--text-4);font-family:JetBrains Mono,monospace}.snooze-divider{height:1px;background:var(--border);margin:4px 0}.snooze-custom{padding:8px 10px;display:flex;gap:6px;align-items:center}.snooze-custom input{flex:1;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:4px 8px;font-family:inherit;font-size:11.5px;color:var(--text)}.feedback-row{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.feedback-btn{background:transparent;border:1px solid transparent;border-radius:4px;padding:3px 6px;font-size:13px;line-height:1;cursor:pointer;color:var(--text-4);transition:color .1s ease,background .1s ease,border-color .1s ease}.feedback-btn:hover{color:var(--text-2);background:var(--bg-2)}.feedback-btn[data-active=up]{color:var(--green-text);background:var(--green-soft);border-color:var(--green)}.feedback-btn[data-active=down]{color:var(--red-text);background:var(--red-soft);border-color:var(--red)}.feedback-note{margin-top:6px;width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px;font-family:inherit;font-size:12px;color:var(--text);resize:vertical;min-height:50px}.insights-page{padding:20px 28px;overflow-y:auto;height:100%}.insights-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.insights-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-sm)}.insights-card .label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-4)}.insights-card .value{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--text)}.insights-card .sub{font-size:11px;color:var(--text-3)}.insights-section{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.insights-section h3{font-size:12px;font-weight:600;margin:0 0 12px;color:var(--text);letter-spacing:-.005em}.insights-bars{display:flex;align-items:end;gap:3px;height:80px;padding-top:4px}.insights-bars .bar{flex:1;background:var(--accent);border-radius:1px 1px 0 0;min-height:1px;opacity:.85}.insights-bars .bar:hover{opacity:1}.insights-mix{display:flex;height:22px;border-radius:4px;overflow:hidden;border:1px solid var(--border)}.insights-mix-seg{display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:500}.insights-mix-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 12px;margin-top:10px;font-size:11px;color:var(--text-3)}.insights-mix-legend .swatch{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:middle}.insights-table{width:100%;font-size:12px;color:var(--text-2);border-collapse:collapse}.insights-table th{font-size:10px;text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-4);font-weight:500;padding:4px 8px;border-bottom:1px solid var(--border)}.insights-table td{padding:6px 8px;border-bottom:1px solid var(--border)}.insights-table tr:last-child td{border-bottom:none}.sparkline{display:block}body.dark .toast{background:var(--bg-2);border-color:var(--border-2)}body.dark .insights-mix{border-color:var(--border-2)}.draft-editor{display:flex;flex-direction:column}.draft-toolbar{display:flex;align-items:center;gap:4px;padding:6px 10px;border-bottom:1px solid var(--border);background:var(--bg-2);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.draft-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--text-3);cursor:pointer;padding:0}.draft-tool-btn:hover{color:var(--text);background:var(--bg-3)}.draft-tool-btn[data-active=true]{color:var(--accent-text);background:var(--accent-soft)}.draft-tool-sep{display:inline-block;width:1px;height:14px;background:var(--border);margin:0 6px}.draft-tool-hint{margin-left:auto;font-size:10.5px;color:var(--text-4);letter-spacing:.01em}.draft-editor-content{padding:14px 16px;font-size:13px;line-height:1.6;color:var(--text);min-height:180px;outline:none}.draft-editor-content:focus{outline:none}.draft-editor-content p{margin:0 0 10px}.draft-editor-content p:last-child{margin-bottom:0}.draft-editor-content strong{font-weight:600}.draft-editor-content em{font-style:italic}.draft-editor-content a{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}.draft-editor-content ul,.draft-editor-content ol{margin:8px 0;padding-left:22px}.draft-editor-content ul li,.draft-editor-content ol li{margin:4px 0}.draft-editor-content code{background:var(--bg-2);padding:1px 5px;border-radius:3px;font-family:JetBrains Mono,monospace;font-size:11.5px}.draft-editor-placeholder{padding:20px;font-size:12px;color:var(--text-3);font-style:italic}.compose-body-rendered:has(.draft-editor){padding:0}