:root{--bg-app: #f4f1ea;--bg-panel: #faf8f4;--bg-surface: #ffffff;--bg-hover: #f0ece3;--bg-selected: #ecf5f1;--bg-accent-soft: #e6f4ef;--border: #e7e2d8;--border-strong: #d8d2c4;--text: #1c1c1f;--text-muted: #6a665e;--text-faint: #9b968b;--text-on-accent: #ffffff;--accent: #0d8f6f;--accent-hover: #0a7358;--accent-soft: #e6f4ef;--accent-ring: rgba(13, 143, 111, .32);--danger: #d63b3b;--warning: #b78103;--success: #2e7d4f;--info: #2f6fb0;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 14px;--fs-lg: 15px;--fs-xl: 19px;--fs-xxl: 26px;--fs-display: 30px;--fs-base: var(--fs-md);--lh: 1.5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--rail-w: 56px;--list-w: 320px;--reading-max: 760px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-bubble: 16px;--t-fast: .12s ease;--t-med: .18s ease;--t-slow: .24s ease;--shadow-sm: 0 1px 2px rgba(60, 50, 30, .06), 0 1px 3px rgba(60, 50, 30, .05);--shadow-md: 0 2px 8px rgba(60, 50, 30, .08), 0 1px 3px rgba(60, 50, 30, .06);--shadow-accent: 0 2px 10px rgba(13, 143, 111, .18)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg-app);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;transition:transform var(--t-fast)}button:active{transform:scale(.94)}@media(prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:#0d8f6f29}:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:var(--r-sm)}.app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px 1fr;height:100vh;overflow:hidden;background:var(--bg-panel);container-type:inline-size;container-name:app}.icon{width:16px;height:16px;stroke-width:1.5;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:14px;height:14px}.icon-lg{width:20px;height:20px}.topbar{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);background:var(--bg-surface);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.topbar .brand{display:inline-flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3) 0 var(--sp-1);height:30px;border-radius:var(--r-sm);font-size:var(--fs-md);font-weight:600;color:var(--text)}.topbar .brand .logo{width:24px;height:24px;border-radius:var(--r-sm);background:var(--accent);display:grid;place-items:center;color:var(--text-on-accent);font-size:14px;font-weight:700}.topbar .spacer{flex:1}.topbar>.popover-root{align-items:center}.topbar .icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--text-muted)}.topbar .icon-btn:hover{background:var(--bg-hover);color:var(--text)}.topbar .avatar{width:28px;height:28px;border-radius:50%;background:#f9ebdc;margin-left:var(--sp-2);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--text)}.topbar>.popover-root:has(.topbar-search){flex:1 1 auto;max-width:560px;height:32px;align-self:center}.topbar-search{position:relative;display:flex;align-items:center;align-self:center;flex:1;min-width:0;margin:0 var(--sp-4);height:32px}.topbar-search .search{display:flex;margin:0;flex:1;min-width:0;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);height:32px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-faint);font-size:var(--fs-md)}.topbar-search .search:focus-within{border-color:var(--accent);background:var(--bg-surface)}.topbar-search .search input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.topbar-search .search input::placeholder{color:var(--text-faint)}.topbar-search .clear-btn{display:grid;place-items:center;width:20px;height:20px;color:var(--text-faint);border-radius:50%}.topbar-search .clear-btn:hover{color:var(--text)}.search-popover{width:360px;max-height:400px;overflow:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);padding:4px}.search-empty{padding:var(--sp-3);font-size:var(--fs-sm);color:var(--text-faint);text-align:center}.search-result{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);text-align:left;cursor:pointer;background:transparent}.search-result:hover{background:var(--bg-hover)}.result-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-xs);font-weight:600;color:#fff;flex-shrink:0}.result-body{flex:1;min-width:0;display:flex;flex-direction:column}.result-name{font-size:var(--fs-md);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-subject{font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-time{font-size:var(--fs-xs);color:var(--text-faint);white-space:nowrap;flex-shrink:0}.search-footer{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;padding:var(--sp-2);border-top:1px solid var(--border);margin-top:4px;font-size:var(--fs-sm);color:var(--accent);background:transparent;cursor:pointer;border-radius:0 0 var(--r-md) var(--r-md)}.search-footer:hover{background:var(--bg-hover)}.notif-btn{position:relative}.notif-badge{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:var(--text-on-accent);font-size:10px;font-weight:600;display:grid;place-items:center;line-height:1;pointer-events:none}.notif-badge.pop{animation:badge-pop .24s ease-out}@keyframes badge-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.notif-popover-content{width:320px;max-height:400px;overflow:auto}.notif-head{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-md);font-weight:600;color:var(--text);border-bottom:1px solid var(--border)}.notif-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);text-align:left;cursor:pointer;background:transparent;border-bottom:1px solid var(--border)}.notif-item:hover{background:var(--bg-hover)}.notif-item.read{opacity:.6}.notif-icon{width:28px;height:28px;border-radius:50%;background:var(--bg-panel);display:grid;place-items:center;color:var(--text-muted);flex-shrink:0}.notif-body{flex:1;min-width:0;display:flex;flex-direction:column}.notif-title{font-size:var(--fs-md);color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-time{font-size:var(--fs-xs);color:var(--text-faint)}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.notif-footer{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;padding:var(--sp-2);font-size:var(--fs-sm);color:var(--accent);background:transparent;cursor:pointer}.notif-footer:hover{background:var(--bg-hover)}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:var(--sp-3);width:240px}.app-tile{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-2);border-radius:var(--r-sm);cursor:pointer;background:transparent}.app-tile:hover{background:var(--bg-hover)}.app-icon{width:32px;height:32px;border-radius:var(--r-md);background:var(--bg-panel);display:grid;place-items:center;color:var(--text-muted)}.app-name{font-size:var(--fs-xs);color:var(--text-muted)}.avatar-btn{display:inline-flex;padding:0;margin-left:var(--sp-2)}.shell{display:grid;grid-template-columns:var(--rail-w) var(--list-w) 1fr;height:100%;min-height:0;min-width:0;overflow:hidden;container-type:inline-size;container-name:shell}.shell>*{min-width:0}.rail{display:flex;flex-direction:column;align-items:center;padding:var(--sp-3) 0;gap:var(--sp-1);background:var(--bg-panel);border-right:1px solid var(--border)}.rail-item{position:relative;width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r-md);color:var(--text-muted);transition:background var(--t-fast),color var(--t-fast)}.rail-item:hover{background:var(--bg-hover);color:var(--text)}.rail-item.active{background:var(--bg-selected);color:var(--accent)}.rail-item.active:before{content:"";position:absolute;left:-10px;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--accent)}.rail-item .badge{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:var(--text-on-accent);font-size:10px;font-weight:600;display:grid;place-items:center;line-height:1}.rail-divider{width:24px;height:1px;background:var(--border);margin:var(--sp-2) 0}.rail-spacer{flex:1}.list{display:flex;flex-direction:column;min-height:0;background:var(--bg-surface);border-right:1px solid var(--border)}.list-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-4) var(--sp-2)}.list-head h1{margin:0;font-size:var(--fs-xl);font-weight:600;letter-spacing:-.01em}.list-head .sort{display:inline-flex;align-items:center;gap:2px;color:var(--text-muted);font-size:var(--fs-md);padding:4px 8px;border-radius:var(--r-sm)}.list-head .sort:hover{background:var(--bg-hover)}.list-head .filter{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:var(--fs-md);padding:4px 8px;border-radius:var(--r-sm);max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-head .filter:hover{background:var(--bg-hover)}.list-head .filter.is-active{color:var(--accent)}.list-head .filter .filter-trigger{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;color:inherit;font:inherit;padding:0;cursor:pointer}.search{margin:0 var(--sp-4) var(--sp-3);display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);height:32px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-faint);font-size:var(--fs-md)}.search input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.search input::placeholder{color:var(--text-faint)}.list-body{flex:1;overflow:auto;padding:0 var(--sp-2) var(--sp-3)}.list-item{display:grid;grid-template-columns:32px 1fr;column-gap:var(--sp-3);padding:var(--sp-3) var(--sp-8) var(--sp-3) var(--sp-3);border-radius:var(--r-md);cursor:pointer;margin-bottom:2px;text-align:left;transition:background var(--t-fast);background:transparent;border:none;font:inherit;color:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%}.list-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.list-item:hover{background:var(--bg-hover)}.list-item.active{background:var(--bg-selected)}.list-item.active .name{color:var(--accent)}.list-item .avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border);display:grid;place-items:center;font-size:var(--fs-sm);font-weight:600;color:var(--text);flex-shrink:0;position:relative}.list-item .avatar .dot{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-panel)}.list-item.unread .avatar .dot{background:var(--accent)}.list-item:not(.unread) .avatar .dot{display:none}.list-item.urgent .avatar:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--danger);top:-2px;left:-2px;border:2px solid var(--bg-panel)}.list-item .meta{display:flex;align-items:baseline;gap:var(--sp-2);min-width:0}.list-item .name{font-weight:600;color:var(--text);font-size:var(--fs-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.list-item .time{font-size:var(--fs-xs);color:var(--text-faint);white-space:nowrap;flex-shrink:0}.list-item .paperclip{position:absolute;right:var(--sp-3);top:var(--sp-4);width:12px;height:12px;color:var(--text-faint)}.list-item .subject{font-size:var(--fs-md);color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.list-item .preview{font-size:var(--fs-sm);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:1px}.list-item.unread .name{font-weight:700}.list-item.unread .subject{font-weight:600}.list-item-wrap .pin-toggle{position:absolute;right:var(--sp-3);top:var(--sp-3);width:22px;height:22px;display:grid;place-items:center;background:transparent;border:0;border-radius:var(--r-sm);color:var(--text-faint);cursor:pointer;opacity:0;transition:opacity var(--t-fast),background var(--t-fast),color var(--t-fast)}.list-item-wrap:hover .pin-toggle,.list-item.pinned~.pin-toggle,.list-item-wrap:has(.list-item.pinned) .pin-toggle{opacity:1}.list-item-wrap:has(.list-item.pinned) .pin-toggle{color:var(--accent)}.list-item-wrap .pin-toggle:hover{background:var(--bg-hover);color:var(--accent)}.list-item-wrap .pin-toggle:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:1px}.reading{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;background:var(--bg-surface);container-type:inline-size;container-name:reading;position:relative}.reading-scroll{flex:1;min-height:0;overflow:auto;padding:var(--sp-3) var(--sp-5) var(--sp-6)}.reading-foot-wrap{border-top:1px solid var(--border);background:var(--bg-panel)}.reading-head{display:flex;align-items:center;gap:4px;padding:8px var(--sp-4);background:var(--bg-panel);border-bottom:1px solid var(--border);flex-wrap:nowrap}.reading-head .head-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.reading-head .action-row{display:flex;align-items:center;gap:2px;min-width:0}.reading-head .icon-btn.back-btn{display:none}.reading-head .icon-btn{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-md);color:var(--text-muted);flex-shrink:0}.reading-head .icon-btn:hover{background:var(--bg-hover);color:var(--text)}.reading-head .pager{display:inline-flex;align-items:center;gap:2px;margin-left:auto;color:var(--text-muted);font-size:var(--fs-md);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.reading-head .pager button{width:24px;height:24px;border-radius:var(--r-sm);color:var(--text-muted);display:grid;place-items:center}.reading-head .pager button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.reading-head .pager span{padding:0 4px}.reading-head .conv-meta{display:flex;align-items:center;gap:6px;flex:1 1 auto;flex-wrap:wrap;min-width:0}.reading-head .conv-meta>*{min-width:0}.reading-head .conv-meta .dropdown-trigger,.reading-head .conv-meta .assignee-trigger,.reading-head .conv-meta .status-trigger{min-width:0;max-width:240px}.reading-head .conv-meta .assignee-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-head .ai-hint{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--fs-xs);color:var(--text-muted);background:transparent;border:1px dashed var(--border);border-radius:var(--r-sm);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);white-space:nowrap}.reading-head .ai-hint:hover{color:var(--accent);background:var(--bg-hover)}.reading-head .snooze-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;margin-left:6px;font-size:var(--fs-xs);font-weight:500;color:var(--text-on-accent);background:var(--text-muted);border:none;border-radius:var(--r-md);cursor:pointer;white-space:nowrap}.reading-head .snooze-badge:hover{background:var(--text)}.message{display:flex;flex-direction:column;max-width:82%;align-self:flex-start}.message .from{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:6px}.message .from .avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:var(--fs-sm);flex-shrink:0}.message .from .name{font-weight:600;font-size:var(--fs-md);color:var(--text)}.message .from .email{font-size:var(--fs-sm);color:var(--text-muted)}.message .from .time{margin-left:auto;font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap}.reading .subject,.message .subject{max-width:var(--reading-max);font-size:var(--fs-display);font-weight:650;letter-spacing:-.02em;line-height:1.25;color:var(--text)}.message .body{max-width:none}.message .body p{margin:0 0 var(--sp-3)}.message .body p:last-child{margin-bottom:0}.message .body a{color:var(--accent)}.message .body img,.message-thread .msg .body img{max-width:100%;height:auto}.message-thread{max-width:var(--reading-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-4)}.message-thread .msg{display:flex;flex-direction:column;align-self:stretch;max-width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5)}.message-thread .msg.msg-in{align-self:stretch}.message-thread .msg.msg-out{align-self:stretch;align-items:stretch}.message-thread .msg-in .body,.message.msg-in .body,.message-thread .msg-out .body{background:transparent;border:0;border-radius:0;padding:var(--sp-3) 0 0;box-shadow:none;color:var(--text)}.message-thread .msg .from{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:6px}.message-thread .msg.msg-out .from{flex-direction:row;text-align:left}.message-thread .msg.msg-out .from .ts{margin-left:auto;margin-right:0}.message-thread .msg .avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:var(--fs-sm);flex-shrink:0}.message-thread .msg .who{display:flex;flex-direction:column;min-width:0}.message-thread .msg .who .name{font-weight:600;font-size:var(--fs-md);color:var(--text)}.message-thread .msg .who .email{font-size:var(--fs-sm);color:var(--text-muted)}.message-thread .msg .ts{font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap}.message-thread .msg .body{max-width:none}.message-thread .msg.note{max-width:100%;align-self:stretch;padding-left:12px;background:#b781030a;border-radius:0 var(--r-md) var(--r-md) 0}.message-thread .note-badge{display:inline-block;padding:1px 6px;margin-left:6px;font-size:10px;font-weight:600;color:var(--warning);background:#b781031f;border-radius:3px;vertical-align:middle}.attachments{max-width:var(--reading-max);margin:var(--sp-3) auto 0}.attachments .head{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-md);color:var(--text);margin-bottom:var(--sp-2)}.attachments .head .count{color:var(--text-muted);margin-left:var(--sp-1)}.attachments .head a{font-size:var(--fs-sm)}.attachments .row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.attachment{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-sm)}.attachment .ai-panel{max-width:var(--reading-max);margin:0 auto var(--sp-3);padding:var(--sp-4);background:linear-gradient(180deg,var(--accent-soft),color-mix(in srgb,var(--accent-soft) 60%,var(--bg-surface)));border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:var(--r-md);box-shadow:var(--shadow-sm);font-size:var(--fs-sm);color:var(--text)}.attachment .ai-panel-stub{background:transparent;border:1px dashed var(--border);color:var(--text-muted)}.attachment .ai-panel-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.attachment .ai-panel-title{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:600;flex:1 1 auto;color:var(--accent)}.attachment .ai-panel-confidence{color:var(--text-faint);font-size:.85em;font-weight:500}.attachment .ai-panel .needs-human{font-weight:500;color:var(--warning);background:#b781031f;padding:1px 8px;border-radius:999px;font-size:var(--fs-xs)}.attachment .ai-triage-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;color:var(--accent);border:1px solid var(--border);padding:4px 10px;border-radius:var(--r-sm);font-size:var(--fs-xs);cursor:pointer}.attachment .ai-triage-btn:hover{background:var(--accent-soft)}.attachment .ai-triage-btn:disabled{opacity:.6;cursor:default}.attachment .ai-panel-summary{margin:0 0 var(--sp-2);color:var(--text-muted)}.attachment .ai-panel-details{display:grid;grid-template-columns:max-content 1fr;gap:var(--sp-1) var(--sp-3);margin:0 0 var(--sp-2);padding:0}.attachment .ai-panel-details .row{display:contents}.attachment .ai-panel-details dt{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-self:center}.attachment .ai-panel-details dd{margin:0;font-size:var(--fs-sm);color:var(--text)}.attachment .ai-panel-details .pct{margin-left:var(--sp-1);color:var(--text-muted);font-variant-numeric:tabular-nums}.attachment .ai-panel-draft{margin:var(--sp-2) 0;padding:var(--sp-2);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-sm)}.attachment .ai-panel-draft-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);margin-bottom:var(--sp-1)}.attachment .ai-panel-draft-preview{color:var(--text);font-size:var(--fs-sm);line-height:1.55;margin-bottom:var(--sp-2)}.attachment .ai-panel-draft-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.attachment .ai-panel-draft-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;color:var(--text);border:1px solid var(--border);padding:4px 10px;border-radius:var(--r-sm);font-size:var(--fs-xs)}.attachment .ai-panel-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.ai-panel-draft-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.ai-panel-draft-preview{font-size:var(--fs-sm);color:var(--text);max-height:120px;overflow-y:auto;margin-bottom:var(--sp-2)}.ai-panel-draft-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.ai-panel-draft-btn{display:inline-flex;align-items:center;gap:4px;background:var(--bg-surface);color:var(--text);border:1px solid var(--border);padding:4px 10px;border-radius:var(--r-sm);font-size:var(--fs-xs);cursor:pointer}.ai-panel-draft-btn:hover{background:var(--bg-hover)}.ai-panel-actions{display:flex;gap:var(--sp-2)}.ai-undo-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 16px;background:var(--text);color:var(--text-on-accent);border-radius:var(--r-md);font-size:var(--fs-sm);display:inline-flex;align-items:center;gap:var(--sp-3);z-index:60;box-shadow:0 4px 12px #0003}.undo-link{color:var(--accent);background:transparent;border:none;cursor:pointer;font-weight:600}.reading-scroll .conv-labels-inline{display:flex;gap:var(--sp-1);flex-wrap:wrap;max-width:var(--reading-max);margin:0 auto var(--sp-3)}.reading-scroll .conv-labels-inline .conv-label{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-sm);background:var(--bg-surface);border:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap}.reading-scroll .conv-labels-inline .conv-label .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.ghost-btn{font-style:normal;font-size:var(--fs-xs);color:var(--text-muted);background:transparent;border:none;padding:4px 8px;border-radius:var(--r-sm);cursor:pointer}.ghost-btn:hover{color:var(--text);background:var(--bg-hover)}.text-btn{font:inherit;color:var(--text-muted);background:transparent;border:none;padding:4px 6px;border-radius:var(--r-sm);cursor:pointer}.text-btn:hover{color:var(--text);background:var(--bg-hover)}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:var(--fs-sm)}.back-link:hover{text-decoration:underline}.canned-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--t-med),opacity var(--t-med);background:var(--bg-panel);overflow:hidden;border-top:0 solid var(--border)}@container reading (min-width: 420.01px){.canned-panel{display:none}}.canned-panel.open{grid-template-rows:1fr;opacity:1;border-top-width:1px}.canned-panel>.inner{display:flex;flex-direction:column;gap:2px;min-height:0;padding:var(--sp-2);max-height:280px;overflow:auto}.canned-panel .head{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.canned-item{display:grid;grid-template-columns:1fr auto auto;gap:var(--sp-2);align-items:center;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);text-align:left;width:100%}.canned-item:hover{background:var(--bg-hover)}.canned-item .title{font-size:var(--fs-md);color:var(--text)}.canned-item .cat{font-size:var(--fs-xs);color:var(--text-muted)}.canned-item .code{font-size:var(--fs-xs);color:var(--text-faint);font-family:var(--font-mono)}.canned-suggestion-popup{position:fixed;z-index:100;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:0 4px 12px #0000001a;max-height:320px;overflow-y:auto;min-width:240px;max-width:360px;display:flex;flex-direction:column}.canned-suggestion-popup .head{padding:8px 12px;font-size:var(--fs-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.canned-suggestion-popup .suggestion-list{display:flex;flex-direction:column;padding:4px;gap:1px}.canned-suggestion-popup .suggestion-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;font-size:var(--fs-sm);color:var(--text);background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--t-fast);border-radius:var(--r-sm)}.canned-suggestion-popup .suggestion-item:hover,.canned-suggestion-popup .suggestion-item.selected{background:var(--bg-hover)}.canned-suggestion-popup .suggestion-item .title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canned-suggestion-popup .suggestion-item .shortcode{font-size:var(--fs-xs);color:var(--text-faint);font-family:var(--font-mono);flex-shrink:0}.canned-suggestion-popup .empty{padding:16px;text-align:center;font-size:var(--fs-sm);color:var(--text-faint)}.dropdown{position:relative;display:inline-flex}.dropdown-trigger{display:inline-flex;align-items:center;gap:var(--sp-1);height:28px;padding:0 var(--sp-2);background:transparent;border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--text);border:1px solid transparent;white-space:nowrap;max-width:100%}.dropdown-trigger:hover{background:var(--bg-hover)}.dropdown-trigger .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dropdown-trigger .x-down{color:var(--text-muted);transition:transform var(--t-fast);flex-shrink:0}.dropdown.open .dropdown-trigger .x-down{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);z-index:20;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);min-width:180px;display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--t-med),opacity var(--t-med)}.dropdown-menu.align-left{left:0}.dropdown-menu.align-right{right:0}.dropdown.open .dropdown-menu{grid-template-rows:1fr;opacity:1}.dropdown-menu>.inner{overflow:hidden;padding:4px}.dropdown-menu .item{display:flex;align-items:center;gap:var(--sp-2);height:32px;padding:0 var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-md);color:var(--text);cursor:pointer;background:transparent;width:100%;text-align:left}.dropdown-menu .item:hover{background:var(--bg-hover)}.dropdown-menu .item .dot{width:8px;height:8px;border-radius:50%}.dropdown-menu .item .check{margin-left:auto;color:var(--accent);opacity:0}.dropdown-menu .item.selected .check{opacity:1}.assignee-trigger{display:inline-flex;align-items:center;justify-content:center;padding:2px;border-radius:50%;color:var(--text);background:transparent;border:1px solid var(--border);cursor:pointer;transition:background var(--t-fast)}.assignee-trigger:hover{background:var(--bg-hover)}.assignee-trigger.unassigned{color:var(--text-muted)}.assignee-avatar{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--text);flex-shrink:0}.assignee-avatar.empty{background:var(--bg-hover);color:var(--text-faint)}.assignee-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee-trigger .chevron,.status-trigger .chevron{opacity:.5;flex-shrink:0}.status-trigger{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:500;color:var(--text);background:transparent;border:1px solid var(--border);cursor:pointer;transition:background var(--t-fast);white-space:nowrap;height:28px}.status-trigger:hover{background:var(--bg-hover)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-label{min-width:56px;text-align:left}.reading-empty{display:grid;place-items:center;height:100%;background:var(--bg-surface);color:var(--text-muted);text-align:center;padding:var(--sp-6)}.empty-inner{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.empty-inner h2{margin:0;font-size:var(--fs-xl);font-weight:600;color:var(--text)}.empty-icon{width:56px;height:56px;border-radius:50%;background:var(--bg-panel);display:grid;place-items:center;color:var(--text-faint);margin-bottom:var(--sp-2)}.settings-page{height:100%;background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden}.settings-head{padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-2)}.settings-head h1{margin:0;font-size:var(--fs-xxl);font-weight:600;color:var(--text)}.settings-body{flex:1;display:grid;grid-template-columns:210px 1fr;min-height:0;overflow:hidden}.settings-tabs{display:flex;flex-direction:column;padding:var(--sp-3);gap:2px;border-right:1px solid var(--border);overflow-y:auto}.tab-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-md);color:var(--text-muted);text-align:left;width:100%;white-space:nowrap}.tab-item:hover{background:var(--bg-hover);color:var(--text)}.tab-item.active{background:var(--bg-selected);color:var(--accent)}.settings-content{padding:var(--sp-6);overflow-y:auto}.settings-section h2{margin:0 0 var(--sp-4);font-size:var(--fs-xl);font-weight:600}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) 0;border-bottom:1px solid var(--border);gap:var(--sp-4)}.setting-info{display:flex;flex-direction:column;gap:2px;min-width:0}.setting-label{font-size:var(--fs-md);font-weight:500;color:var(--text)}.setting-desc{font-size:var(--fs-sm);color:var(--text-muted)}.setting-input{width:240px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--fs-md);color:var(--text);background:var(--bg-surface)}.setting-input:focus{border-color:var(--accent);outline:none}.setting-slider{width:200px;accent-color:var(--accent)}.setting-slider-row{display:flex;align-items:center;gap:8px}.setting-number{width:64px;padding:4px 6px;border:1px solid var(--border, var(--text-faint));border-radius:var(--r-sm);font-size:var(--fs-md);color:var(--text);background:var(--bg-surface)}.setting-number:focus{border-color:var(--accent);outline:none}.setting-unit{color:var(--text-faint);font-size:.9em}.toggle{position:relative;width:36px;height:20px;border-radius:10px;background:var(--border-strong);transition:background var(--t-fast);flex-shrink:0}.toggle.on{background:var(--accent)}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--t-fast)}.toggle.on .toggle-knob{transform:translate(16px)}.automations-page{height:100%;background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden}.rule-list{display:flex;flex-direction:column;gap:2px;padding:var(--sp-3);border-right:1px solid var(--border);overflow-y:auto;min-width:260px}.rule-list-head{display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-2) var(--sp-3)}.rule-list-head h2{margin:0;font-size:var(--fs-lg);font-weight:600}.rule-item{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);cursor:pointer;border:1px solid transparent}.rule-item:hover{background:var(--bg-hover)}.rule-item.active{background:var(--bg-selected);border-color:var(--border)}.rule-item-top{display:flex;align-items:center;gap:var(--sp-2)}.rule-item-name{font-size:var(--fs-md);font-weight:500;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-item-meta{font-size:var(--fs-xs);color:var(--text-faint)}.rule-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rule-status-dot.ok{background:var(--success)}.rule-status-dot.partial{background:var(--warning)}.rule-status-dot.error{background:var(--danger)}.rule-status-dot.never{background:var(--text-faint)}.badge-pill{font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px;color:var(--text-on-accent)}.badge-pill.draft{background:var(--warning)}.badge-pill.auto{background:var(--accent)}.rule-editor{padding:var(--sp-6);overflow-y:auto;flex:1}.rule-section{padding:var(--sp-4) 0;border-bottom:1px solid var(--border)}.rule-section:last-child{border-bottom:none}.rule-section h3{margin:0 0 var(--sp-3);font-size:var(--fs-lg);font-weight:600}.rule-field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-3)}.rule-field label{font-size:var(--fs-sm);color:var(--text-muted)}.rule-field input,.rule-field select,.rule-field textarea{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--fs-md);background:var(--bg-surface);color:var(--text)}.rule-field input:focus,.rule-field select:focus,.rule-field textarea:focus{outline:none;border-color:var(--accent)}.rule-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.rule-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-3)}.merge-hint{font-size:var(--fs-xs);color:var(--text-faint);font-family:var(--font-mono)}.cond-builder{display:flex;flex-direction:column;gap:var(--sp-2)}.cond-row{display:grid;grid-template-columns:1.4fr 1fr 1.4fr auto;gap:var(--sp-2);align-items:center}.cond-row select,.cond-row input{padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--fs-sm);background:var(--bg-surface)}.cond-remove{background:none;border:none;color:var(--text-faint);cursor:pointer;padding:var(--sp-1) var(--sp-2)}.cond-remove:hover{color:var(--danger)}.cond-add{align-self:flex-start;background:none;border:1px dashed var(--border-strong);color:var(--text-muted);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm)}.cond-add:hover{border-color:var(--accent);color:var(--accent)}.match-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.match-toggle button{padding:var(--sp-1) var(--sp-3);background:var(--bg-surface);border:none;font-size:var(--fs-sm);color:var(--text-muted);cursor:pointer}.match-toggle button.active{background:var(--accent);color:var(--text-on-accent)}.rule-actions{display:flex;gap:var(--sp-2);padding-top:var(--sp-4)}.btn{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);font-size:var(--fs-md);cursor:pointer}.btn:hover{background:var(--bg-hover)}.btn-primary{background:var(--accent-hover);color:var(--text-on-accent);border-color:var(--accent-hover)}.btn-primary:hover{background:#085f49}.btn-danger{color:var(--danger)}.btn-danger:hover{background:#d63b3b14}.preview-panel{margin-top:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel)}.preview-count{font-size:var(--fs-md);font-weight:600;margin-bottom:var(--sp-2)}.preview-sample{font-size:var(--fs-sm);color:var(--text-muted);padding:var(--sp-2);border-left:2px solid var(--border);margin-bottom:var(--sp-2)}.preview-sample .subj{font-weight:600;color:var(--text)}.pending-list{display:flex;flex-direction:column;gap:var(--sp-2)}.pending-card{padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface)}.pending-card .to{font-size:var(--fs-sm);color:var(--text-muted)}.pending-card .subj{font-size:var(--fs-md);font-weight:600;margin:var(--sp-1) 0}.pending-card .body{font-size:var(--fs-sm);color:var(--text-muted);max-height:80px;overflow:hidden;position:relative}.pending-card .body:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24px;background:linear-gradient(to bottom,transparent,var(--bg-surface));pointer-events:none}.pending-card .meta{font-size:var(--fs-xs);color:var(--text-faint);margin-top:var(--sp-2)}.pending-card .actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.empty-state{padding:var(--sp-8);text-align:center;color:var(--text-faint);font-size:var(--fs-md)}.recipient-input{display:flex;align-items:center;flex-wrap:wrap;gap:4px;flex:1;min-width:0;padding:2px 4px;border-radius:var(--r-sm);background:transparent}.recipient-input:focus-within{outline:none}.recipient-input .chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px 2px 8px;border-radius:var(--r-sm);background:var(--bg-panel);font-size:var(--fs-sm);font-weight:500}.recipient-input .chip .x{width:14px;height:14px;display:grid;place-items:center;border-radius:50%;color:currentColor;cursor:pointer;opacity:.7}.recipient-input .chip .x:hover{opacity:1}.recipient-input .input{flex:1;min-width:100px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;padding:2px 0}.triage-btn{color:var(--text-muted)}.triage-btn:hover:not(:disabled){color:var(--accent)}.triage-btn:disabled{opacity:.6;cursor:wait}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--text-faint);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#0000001f;border-radius:6px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#00000038;background-clip:padding-box;border:2px solid transparent}*::-webkit-scrollbar-track{background:transparent}@container app (max-width: 1023px){.shell{--list-w: 280px}}@container app (max-width: 820px){.shell{--list-w: 260px}}@container app (max-width: 720px){.shell{--list-w: 240px}}@container app (max-width: 900px){.topbar .brand .wordmark{display:none}}@container app (max-width: 720px){.topbar-search{margin:0 var(--sp-3)}}@container reading (max-width: 820px){.reading-head .ai-hint{display:none}}@container reading (max-width: 720px){.reading-head .snooze-badge{display:none}}@container reading (max-width: 620px){.reading-head .conv-labels-inline{display:flex}}.shell>.reading-slot{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;height:100%}@container app (max-width: 639px){.shell{grid-template-columns:minmax(0,1fr);grid-auto-columns:minmax(0,1fr);grid-template-rows:1fr auto}.rail{position:fixed;bottom:0;left:0;right:0;height:56px;flex-direction:row;border-top:1px solid var(--border);border-right:0;background:var(--bg-surface);z-index:30;padding:0 var(--sp-2);justify-content:space-between;gap:0}.rail .rail-item.hide-mobile,.rail .rail-divider.hide-mobile,.rail-spacer{display:none}.list{width:100%;border-right:0}.shell>.reading-slot{position:fixed;top:44px;right:0;bottom:56px;left:0;background:var(--bg-surface);transform:translate(100%);transition:transform var(--t-slow);z-index:20}.shell>.reading-slot.mobile-shown{transform:translate(0)}.reading-head .icon-btn.back-btn{display:inline-flex}.topbar .wordmark{display:none}.reading-scroll{padding-bottom:120px}}.compose-shell.svelte-qqq4cv{position:fixed;z-index:50;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 12px 40px #0000002e,0 2px 6px #0000000f;display:flex;flex-direction:column;overflow:hidden;font-family:inherit}.compose-head.svelte-qqq4cv{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--bg-panel);color:inherit;width:100%;-webkit-user-select:none;user-select:none}.compose-title-btn.svelte-qqq4cv{flex:1;display:flex;align-items:center;background:transparent;border:0;padding:4px 6px;margin-left:-6px;border-radius:var(--r-sm);color:inherit;font:inherit;cursor:pointer;min-width:0}.compose-title-btn.svelte-qqq4cv:hover{background:var(--bg-hover)}.compose-head-actions.svelte-qqq4cv{display:inline-flex;align-items:center;gap:2px}.compose-title.svelte-qqq4cv{font-size:var(--fs-md);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;flex:1}.icon-btn.svelte-qqq4cv{display:grid;place-items:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;flex-shrink:0}.icon-btn.svelte-qqq4cv:hover{background:var(--bg-hover);color:var(--text)}.compose-body.svelte-qqq4cv{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:var(--bg-surface)}.composer-row.svelte-qqq4cv{display:flex;align-items:center;gap:var(--sp-2);padding:5px var(--sp-3);border-bottom:1px solid var(--border);position:relative}.from-row.svelte-qqq4cv{background:var(--bg-panel)}.from-btn.svelte-qqq4cv{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;color:var(--text);font:inherit;padding:3px 6px;border-radius:var(--r-sm);cursor:pointer}.from-btn.svelte-qqq4cv:hover{background:var(--bg-hover)}.from-email.svelte-qqq4cv{font-size:var(--fs-sm);color:var(--text-muted)}.row-label.svelte-qqq4cv{color:var(--text-faint);font-size:var(--fs-xs);font-weight:500;min-width:42px;text-align:right;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.row-right.svelte-qqq4cv{margin-left:auto;flex-shrink:0}.row-right.svelte-qqq4cv .text-btn:where(.svelte-qqq4cv){color:var(--text-muted);background:transparent;border:none;font-size:var(--fs-xs);padding:4px 6px;border-radius:var(--r-sm);cursor:pointer}.row-right.svelte-qqq4cv .text-btn:where(.svelte-qqq4cv):hover{color:var(--text);background:var(--bg-hover)}.cc-bcc.svelte-qqq4cv{background:var(--bg-panel)}.cc-bcc.svelte-qqq4cv>.inner:where(.svelte-qqq4cv){display:flex;flex-direction:column;width:100%}.cc-row.svelte-qqq4cv{display:flex;align-items:center;gap:var(--sp-2);padding:4px var(--sp-3)}.compose-subject-row.svelte-qqq4cv{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);font-size:var(--fs-md)}.compose-subject-row.svelte-qqq4cv .subject-input:where(.svelte-qqq4cv){flex:1;border:0;outline:0;background:transparent;color:var(--text);font:inherit;min-width:0}.compose-subject-row.svelte-qqq4cv .subject-input:where(.svelte-qqq4cv)::placeholder{color:var(--text-faint)}.compose-editor-wrap.svelte-qqq4cv{flex:1;min-height:140px;display:flex;flex-direction:column;position:relative}.compose-editor-wrap.svelte-qqq4cv>.tiptap-editor{flex:1}.compose-editor-wrap.svelte-qqq4cv .tiptap{min-height:140px;padding:var(--sp-3) var(--sp-4)}.composer-foot.svelte-qqq4cv{display:flex;align-items:center;gap:var(--sp-2);padding:5px var(--sp-3);border-top:1px solid var(--border);background:var(--bg-surface);flex-wrap:wrap}.canned-popover.svelte-qqq4cv{position:absolute;left:var(--sp-3);right:var(--sp-3);bottom:calc(100% - var(--sp-2));background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:0 -8px 24px #0000001f;padding:8px;z-index:2;max-height:240px;display:flex;flex-direction:column;gap:6px}.canned-search.svelte-qqq4cv{height:30px;border:1px solid var(--border);border-radius:var(--r-sm);padding:0 8px;font-size:var(--fs-sm);color:var(--text);background:var(--bg-panel);outline:none}.canned-search.svelte-qqq4cv:focus{border-color:var(--accent)}.canned-list.svelte-qqq4cv{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:2px}.canned-row.svelte-qqq4cv{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:transparent;border:0;border-radius:var(--r-sm);text-align:left;cursor:pointer;font-size:var(--fs-sm);color:var(--text)}.canned-row.svelte-qqq4cv:hover{background:var(--bg-hover)}.canned-title.svelte-qqq4cv{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canned-code.svelte-qqq4cv{font-size:var(--fs-xs);color:var(--text-faint)}.canned-empty.svelte-qqq4cv{padding:8px;text-align:center;color:var(--text-faint);font-size:var(--fs-sm)}.foot-format.svelte-qqq4cv{display:flex;align-items:center;gap:2px;flex:1;min-width:0;flex-wrap:wrap}.foot-format.svelte-qqq4cv .fbtn:where(.svelte-qqq4cv){width:30px;height:30px;display:grid;place-items:center;background:transparent;border:none;border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;flex-shrink:0}.foot-format.svelte-qqq4cv .fbtn:where(.svelte-qqq4cv):hover{background:var(--bg-hover);color:var(--text)}.foot-format.svelte-qqq4cv .fbtn.active:where(.svelte-qqq4cv){background:var(--bg-selected);color:var(--accent)}.foot-format.svelte-qqq4cv .ftdiv:where(.svelte-qqq4cv){width:1px;height:18px;background:var(--border);margin:0 4px}.foot-actions.svelte-qqq4cv{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.canned-btn.svelte-qqq4cv{display:grid;place-items:center;height:32px;width:32px;background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer}.canned-btn.svelte-qqq4cv:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-strong)}.sig-select.svelte-qqq4cv{height:32px;background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-sm);padding:0 8px;max-width:160px}.btn-send.svelte-qqq4cv{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;background:var(--accent);color:var(--text-on-accent);border:0;font-size:var(--fs-sm);font-weight:500;border-radius:var(--r-md);cursor:pointer}.btn-send.svelte-qqq4cv:disabled{opacity:.5;cursor:not-allowed}.btn-send.svelte-qqq4cv:hover:not(:disabled){background:var(--accent-hover)}.send-spin.svelte-qqq4cv{width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:svelte-qqq4cv-send-spin .7s linear infinite;display:inline-block}@keyframes svelte-qqq4cv-send-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.send-spin.svelte-qqq4cv{animation:none;border-top-color:currentColor}}@media(max-width:640px){.compose-shell.svelte-qqq4cv{right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;border-radius:0!important}}.item-tags.svelte-mf8ba8{margin-top:4px}.inbox-switch.svelte-g5rufv{display:flex;align-items:center;gap:var(--sp-1);padding:4px;margin-left:-4px;border-radius:var(--r-md);background:transparent;border:0;color:var(--text);cursor:pointer;min-width:0;flex:1 1 0%;max-width:100%}.inbox-switch.svelte-g5rufv:hover{background:var(--bg-hover)}.inbox-switch.svelte-g5rufv .title:where(.svelte-g5rufv){font-size:var(--fs-xl);font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.inbox-switch.svelte-g5rufv .count:where(.svelte-g5rufv){font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);background:var(--bg-hover);border-radius:10px;padding:1px 7px;line-height:1.4;flex-shrink:0}.inbox-switch.svelte-g5rufv svg{flex-shrink:0}.inbox-menu.svelte-g5rufv{padding:6px;max-height:min(70vh,520px);overflow-y:auto}.section-label.svelte-g5rufv{font-size:var(--fs-xs, 11px);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);padding:8px 8px 4px}.row.svelte-g5rufv{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:6px 8px;border-radius:var(--r-sm);background:transparent;border:0;color:var(--text);cursor:pointer;text-align:left}.row.svelte-g5rufv:hover{background:var(--bg-hover)}.row.active.svelte-g5rufv{background:var(--bg-selected)}.row.svelte-g5rufv .av:where(.svelte-g5rufv){width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text);flex-shrink:0}.row.svelte-g5rufv .av.icon:where(.svelte-g5rufv){background:var(--bg-hover);color:var(--text-muted)}.row.svelte-g5rufv .label:where(.svelte-g5rufv){display:flex;flex-direction:column;min-width:0;font-size:var(--fs-md);flex:1}.row.svelte-g5rufv .label:where(.svelte-g5rufv) .sub:where(.svelte-g5rufv){font-size:var(--fs-xs, 11px);color:var(--text-faint);font-weight:400}.row.svelte-g5rufv .n:where(.svelte-g5rufv){font-size:var(--fs-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.row.active.svelte-g5rufv .n:where(.svelte-g5rufv){color:var(--accent);font-weight:600}.row.svelte-g5rufv .tick:where(.svelte-g5rufv){color:var(--accent);display:inline-flex;flex-shrink:0}.list-head.svelte-10jhjw1{display:flex;align-items:center;gap:var(--sp-2)}.list-search.svelte-10jhjw1{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);color:var(--text-faint)}.list-search.svelte-10jhjw1 input:where(.svelte-10jhjw1){flex:1;min-width:0;border:0;background:transparent;color:var(--text);font-size:var(--fs-sm);outline:none}.list-search-clear.svelte-10jhjw1{display:inline-flex;border:0;background:transparent;color:var(--text-faint);cursor:pointer;padding:0}.list-search-hint.svelte-10jhjw1{margin:0;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--text-faint);text-align:center}.list-empty.svelte-10jhjw1{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4);color:var(--text-faint);font-size:var(--fs-md);text-align:center}.list-empty.svelte-10jhjw1 p:where(.svelte-10jhjw1){margin:0}.skeleton-row.svelte-10jhjw1{padding:var(--sp-2) var(--sp-3)}.sort-menu.svelte-10jhjw1{display:flex;flex-direction:column;min-width:180px;padding:4px}.sort-item.svelte-10jhjw1{display:flex;align-items:center;gap:8px;padding:6px 8px;border:0;background:transparent;color:inherit;text-align:left;border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm)}.sort-item.svelte-10jhjw1:hover{background:var(--bg-hover, rgba(0, 0, 0, .05))}.load-sentinel.svelte-10jhjw1{padding:8px 16px;min-height:16px}.sort-item.active.svelte-10jhjw1{font-weight:600}.sort-item.svelte-10jhjw1 .blank:where(.svelte-10jhjw1){width:14px;display:inline-block}.lookup-backdrop.svelte-xtw6x7{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0006;display:flex;align-items:center;justify-content:center;padding:20px}.lookup-dialog.svelte-xtw6x7{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.lookup-header.svelte-xtw6x7{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.lookup-header.svelte-xtw6x7 h3:where(.svelte-xtw6x7){font-size:var(--fs-lg);font-weight:600;color:var(--text);margin:0}.lookup-body.svelte-xtw6x7{padding:20px;overflow-y:auto}.lookup-fields.svelte-xtw6x7{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.field.svelte-xtw6x7{display:flex;flex-direction:column;gap:4px}.field.svelte-xtw6x7 label:where(.svelte-xtw6x7){font-size:var(--fs-sm);font-weight:500;color:var(--text-muted)}.field.svelte-xtw6x7 input:where(.svelte-xtw6x7){height:36px;padding:0 12px;font-size:var(--fs-md);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface);color:var(--text);outline:none}.field.svelte-xtw6x7 input:where(.svelte-xtw6x7):focus{border-color:var(--accent)}.btn-search.svelte-xtw6x7{width:100%;height:36px;font-size:var(--fs-md);font-weight:500;color:var(--text-on-accent);background:var(--accent);border:none;border-radius:var(--r-md);cursor:pointer;transition:background var(--t-fast)}.btn-search.svelte-xtw6x7:hover{background:var(--accent-hover)}.btn-search.svelte-xtw6x7:disabled{opacity:.5;cursor:not-allowed}.lookup-error.svelte-xtw6x7{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--bg-danger-subtle, rgba(220, 38, 38, .08));border:1px solid var(--danger, #dc2626);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--text)}.lookup-error-msg.svelte-xtw6x7{overflow:hidden;text-overflow:ellipsis;min-width:0}.btn-retry.svelte-xtw6x7{flex-shrink:0;padding:4px 10px;background:transparent;border:1px solid var(--danger, #dc2626);border-radius:var(--r-sm);color:var(--danger, #dc2626);cursor:pointer;font-size:var(--fs-xs);font-weight:500}.btn-retry.svelte-xtw6x7:hover{background:var(--danger, #dc2626);color:var(--text-on-accent, white)}.lookup-matched-by.svelte-xtw6x7{margin-top:12px;font-size:var(--fs-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.lookup-results.svelte-xtw6x7{margin-top:8px;border-top:1px solid var(--border);padding-top:12px}.empty-state.svelte-xtw6x7{padding:20px;text-align:center;font-size:var(--fs-sm);color:var(--text-faint)}.result-row.svelte-xtw6x7{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.result-row.svelte-xtw6x7:last-child{border-bottom:0}.result-info.svelte-xtw6x7{display:flex;flex-direction:column;gap:2px;min-width:0}.result-kind.svelte-xtw6x7{font-size:var(--fs-xs);font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.result-label.svelte-xtw6x7{font-size:var(--fs-md);font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-sublabel.svelte-xtw6x7{font-size:var(--fs-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-open.svelte-xtw6x7{flex-shrink:0;padding:4px 12px;font-size:var(--fs-sm);font-weight:500;color:var(--accent);background:transparent;border:1px solid var(--accent);border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast)}.btn-open.svelte-xtw6x7:hover{background:var(--accent);color:var(--text-on-accent)}.btn-compose.svelte-xtw6x7{flex-shrink:0;padding:4px 12px;font-size:var(--fs-sm);font-weight:500;color:var(--text-on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast)}.btn-compose.svelte-xtw6x7:hover{background:var(--accent-hover)}.me-menu.svelte-xuy8as{padding:6px;min-width:200px}.me-head.svelte-xuy8as{font-size:var(--fs-xs, 11px);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);padding:6px 8px}.me-empty.svelte-xuy8as{padding:8px;color:var(--text-faint);font-size:var(--fs-sm)}.me-row.svelte-xuy8as{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:6px 8px;border-radius:var(--r-sm);background:transparent;border:0;color:var(--text);cursor:pointer;text-align:left}.me-row.svelte-xuy8as:hover{background:var(--bg-hover)}.me-row.active.svelte-xuy8as{background:var(--bg-selected)}.me-info.svelte-xuy8as{display:flex;flex-direction:column;min-width:0;flex:1}.me-name.svelte-xuy8as{font-size:var(--fs-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-title.svelte-xuy8as{font-size:var(--fs-xs, 11px);color:var(--text-faint)}.me-row.svelte-xuy8as .tick:where(.svelte-xuy8as){color:var(--accent);display:inline-flex}.toaster.svelte-1kymlcg{position:fixed;bottom:var(--sp-4);left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast.svelte-1kymlcg{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--text, #1a1a1a);color:var(--bg-surface, #fff);border-radius:var(--r-md);box-shadow:0 4px 16px #0003;font-size:var(--fs-sm);pointer-events:auto;min-width:280px;max-width:480px}.toast-msg.svelte-1kymlcg{flex:1;font-weight:500}.toast-action.svelte-1kymlcg{background:transparent;border:none;color:var(--accent, #4c9aff);font-size:var(--fs-sm);font-weight:600;cursor:pointer;padding:2px 4px;border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.03em}.toast-action.svelte-1kymlcg:hover{text-decoration:underline}.toast-close.svelte-1kymlcg{display:grid;place-items:center;width:24px;height:24px;background:transparent;border:none;color:inherit;opacity:.6;cursor:pointer;border-radius:var(--r-sm);flex-shrink:0}.toast-close.svelte-1kymlcg:hover{opacity:1;background:#ffffff1f}.menu.svelte-15gydnd{padding:4px;min-width:180px}.menu-item.svelte-15gydnd{display:flex;align-items:center;gap:var(--sp-2);width:100%;height:32px;padding:0 var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-md);color:var(--text);text-align:left;background:transparent;cursor:pointer}.menu-item.svelte-15gydnd:hover{background:var(--bg-hover)}.menu-item.danger.svelte-15gydnd{color:var(--danger)}.menu-item.danger.svelte-15gydnd:hover{background:#d63b3b14}.menu-icon.svelte-15gydnd{display:inline-flex;color:var(--text-muted)}.menu-item.danger.svelte-15gydnd .menu-icon:where(.svelte-15gydnd){color:var(--danger)}.menu-label.svelte-15gydnd{flex:1}.menu-shortcut.svelte-15gydnd{font-size:var(--fs-xs);color:var(--text-faint);margin-left:var(--sp-4)}.reading-slot.svelte-12qhfyh{min-width:0;overflow:hidden;display:flex;flex-direction:column;height:100%}.reading-transition.svelte-12qhfyh{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.settings-shell.svelte-12qhfyh{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1 1 auto;overflow:auto}