:root{--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--bg: #f6f7f9;--bg-elev: #ffffff;--bg-sunken: #eef0f3;--bg-hover: #eaedf1;--bg-selected: #dbe7ff;--bg-unread: #ffffff;--fg: #16181d;--fg-muted: #5f6672;--fg-faint: #9aa1ab;--border: #e1e4e8;--border-strong: #c9ced6;--btn-bg: #fafbfc;--btn-border: #c4c9d1;--btn-hover: #eceff3;--input-border: #d3d7dd;--accent: #2f6fed;--accent-fg: #ffffff;--accent-soft: #e4ecff;--danger: #d64545;--danger-soft: #fde8e8;--warn: #c8821a;--warn-soft: #fff3df;--ok: #2e9e5b;--ok-soft: #e3f5ea;--sent: #7c3aed;--sent-soft: #efe7ff;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .06);--radius: 8px;--radius-sm: 6px;--t-fast: .12s;--t-med: .18s;--ease: cubic-bezier(.2, .7, .3, 1);--sidebar-w: 248px;--list-w: 400px;--row-h: 74px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f1115;--bg-elev: #171a21;--bg-sunken: #0b0d11;--bg-hover: #1f232c;--bg-selected: #203457;--bg-unread: #1a1e27;--fg: #e8eaee;--fg-muted: #a4abb6;--fg-faint: #6b7280;--border: #262b35;--border-strong: #353b47;--btn-bg: #1c2028;--btn-border: #3d4350;--btn-hover: #262b35;--input-border: #343a46;--accent: #6b9bff;--accent-fg: #0b1220;--accent-soft: #1b2a4a;--danger: #ff6b6b;--danger-soft: #3a1b1b;--warn: #f0b24a;--warn-soft: #3a2d14;--ok: #5ad48a;--ok-soft: #153224;--sent: #b38cff;--sent-soft: #2a1d45;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .5);color-scheme:dark}}:root[data-theme=dark]{--bg: #0f1115;--bg-elev: #171a21;--bg-sunken: #0b0d11;--bg-hover: #1f232c;--bg-selected: #203457;--bg-unread: #1a1e27;--fg: #e8eaee;--fg-muted: #a4abb6;--fg-faint: #6b7280;--border: #262b35;--border-strong: #353b47;--btn-bg: #1c2028;--btn-border: #3d4350;--btn-hover: #262b35;--input-border: #343a46;--accent: #6b9bff;--accent-fg: #0b1220;--accent-soft: #1b2a4a;--danger: #ff6b6b;--danger-soft: #3a1b1b;--warn: #f0b24a;--warn-soft: #3a2d14;--ok: #5ad48a;--ok-soft: #153224;--sent: #b38cff;--sent-soft: #2a1d45;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .5);color-scheme:dark}:root[data-density=compact]{--row-h: 50px}:root[data-density=comfortable]{--row-h: 84px}@media(prefers-reduced-motion:reduce){:root{--t-fast: 0ms;--t-med: 0ms}}:root[data-motion=reduce]{--t-fast: 0ms;--t-med: 0ms}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);font-size:14px;line-height:1.4;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent-soft)}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--fg);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.btn:hover{background:var(--btn-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:transparent}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--danger)}.btn.danger:hover{background:var(--danger-soft)}.btn.danger.solid{background:var(--danger);color:#fff;border-color:transparent}.btn.danger.solid:hover{background:var(--danger);filter:brightness(1.08)}.btn.ghost.icon,:is(.seg,.tabs,.view-switch,[role=radiogroup],[role=tablist])>.btn.ghost{border-color:transparent;background:transparent}.btn.ghost.icon:hover,:is(.seg,.tabs,.view-switch,[role=radiogroup],[role=tablist])>.btn.ghost:hover{background:var(--bg-hover)}.btn.icon{width:32px;padding:0;justify-content:center}.btn.link,.btn.link:hover{border-color:transparent;background:transparent;box-shadow:none}.btn.link{color:var(--fg-muted);padding:0 4px}.btn.link:hover{color:var(--accent);text-decoration:underline}.btn.sm{height:26px;padding:0 8px;font-size:12.5px}.btn.sm.icon{width:26px}.input{height:32px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--input-border);background:var(--bg-elev);color:var(--fg);outline:none;width:100%;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--fg-faint)}.input:disabled{background:var(--bg-sunken);color:var(--fg-muted);cursor:not-allowed}textarea.input{height:auto;padding:8px 10px;resize:vertical;font-family:var(--mono);font-size:13px}select.input{padding-right:24px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-size:12.5px;color:var(--fg-muted)}.chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;font-size:12px;background:var(--bg-sunken);color:var(--fg-muted);border:1px solid transparent}.chip.active{background:var(--accent-soft);color:var(--accent)}.chip.removable{padding-right:4px}.chip button{border:0;background:transparent;cursor:pointer;padding:0 2px;line-height:1;color:inherit}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:11px;font-weight:600;background:var(--accent);color:var(--accent-fg)}.switch{position:relative;width:38px;height:22px;border-radius:11px;border:0;padding:0;background:var(--border-strong);cursor:pointer;transition:background var(--t-fast) var(--ease);flex:none}.switch .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform var(--t-fast) var(--ease)}.switch.on{background:var(--accent)}.switch.on .knob{transform:translate(16px)}.switch:disabled{opacity:.5;cursor:default}.muted{color:var(--fg-muted)}.faint{color:var(--fg-faint)}.mono{font-family:var(--mono);font-size:12.5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.spinner{width:16px;height:16px;flex:none;box-sizing:border-box;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--t-med) var(--ease)}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}@keyframes dialogIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.divider{height:1px;background:var(--border);margin:8px 0}.kbd{font-family:var(--mono);font-size:11px;padding:1px 5px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;background:var(--bg-sunken);color:var(--fg-muted)}.seg{display:inline-flex;gap:2px;padding:3px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm)}.seg .btn,.seg .seg-btn{color:var(--fg-muted);border:1px solid transparent;background:transparent}.seg .btn:hover,.seg .seg-btn:hover{color:var(--fg);background:var(--bg-hover)}.seg .btn.on,.seg .btn.on:hover,.seg .seg-btn.on,.seg .seg-btn.on:hover{background:var(--accent);color:var(--accent-fg);border-color:transparent;box-shadow:0 1px 2px #0000002e}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;color:#fff;flex:none;text-transform:uppercase}.avatar.sm{width:24px;height:24px;font-size:10px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:3px solid transparent;background-clip:content-box}.toasts{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:1000}.toast{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius);background:var(--fg);color:var(--bg);box-shadow:var(--shadow);animation:fadeIn var(--t-med) var(--ease)}.toast .btn{height:26px;background:transparent;color:inherit;border-color:#ffffff4d}.toast.error{background:var(--danger);color:#fff}html.smail-dragging iframe{pointer-events:none}html.smail-dragging,html.smail-dragging *{-webkit-user-select:none;user-select:none}.menu{min-width:180px;padding:4px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:fadeIn var(--t-fast) var(--ease)}.menu .item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:0;background:transparent;border-radius:var(--radius-sm);cursor:pointer;text-align:left;color:var(--fg)}.menu .item:hover{background:var(--bg-hover)}.menu .item.danger{color:var(--danger)}.menu .item .kbd{margin-left:auto}.backdrop{position:fixed;inset:0;background:#00000059;z-index:900;animation:fadeIn var(--t-fast)}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:901;width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);overflow:auto;padding:20px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);animation:dialogIn var(--t-med) var(--ease)}.dialog h2{margin:0 0 12px;font-size:16px}.dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.dialog.modal{display:flex;flex-direction:column;padding:0;overflow:hidden;width:min(640px,100vw - 32px)}.dialog.modal.sm{width:min(440px,100vw - 32px)}.dialog.modal.lg{width:min(820px,100vw - 32px)}.dialog.modal:focus{outline:none}.dialog.modal>.m-head{display:flex;align-items:center;gap:8px;flex:none;padding:12px 12px 12px 20px;border-bottom:1px solid var(--border)}.dialog.modal>.m-head h2{flex:1;min-width:0;margin:0;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog.modal>.m-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 20px 20px}.dialog.modal>.m-body:has(.modal-actions){padding-bottom:0}.dialog.modal .modal-actions{position:sticky;bottom:0;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:20px -20px 0;padding:12px 20px;background:var(--bg-elev);border-top:1px solid var(--border)}.dialog.modal .modal-actions .spacer{flex:1}@media(max-width:600px){.dialog.modal,.dialog.modal.sm,.dialog.modal.lg{top:auto;bottom:0;left:0;width:100vw;max-height:100dvh;transform:none;border-width:1px 0 0;border-radius:14px 14px 0 0;animation:sheetIn var(--t-med) var(--ease)}}@keyframes sheetIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:900px){:root{--sidebar-w: 0px}}