html,body{width:760px;height:580px;overflow:hidden}html.window,html.window body{width:100%;height:100%}#app{height:100%}.shell{display:grid;grid-template-columns:212px minmax(0,1fr);width:100%;height:100%;transition:grid-template-columns .24s cubic-bezier(.16,1,.3,1)}.shell.rail{grid-template-columns:60px minmax(0,1fr)}.shell.loading{background:var(--bg)}.side{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--side);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 10px 0 18px;flex-shrink:0}.brand-name{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.fold{width:28px;height:28px;color:var(--muted)}.fold:hover{color:var(--ink)}.accounts{display:flex;flex-direction:column;gap:2px;padding:4px 8px 0;overflow-y:auto;min-height:0}.account{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;height:48px;flex-shrink:0;padding:0 10px 0 8px;border:0;border-radius:8px;background:transparent;text-align:left;transition:background-color .16s cubic-bezier(.16,1,.3,1)}.account:hover{background:var(--hover)}.account.picked{background:var(--sel)}.tile{position:relative;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--acct) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acct) 32%,transparent);color:color-mix(in srgb,var(--acct) 62%,var(--ink));font-size:13px;font-weight:700;line-height:1;transition:background-color .2s cubic-bezier(.16,1,.3,1),color .2s}.tile.lit{background:var(--acct);box-shadow:none;color:var(--on-acct)}.tile.out{filter:grayscale(1);opacity:.55}.tile.all{flex-wrap:wrap;align-content:center;gap:3px;padding:0 5px;background:var(--field);box-shadow:inset 0 0 0 1px var(--line-strong)}.pip{width:5px;height:5px;border-radius:50%;box-shadow:inset 0 0 0 1.25px var(--acct)}.pip.lit{background:var(--acct);box-shadow:none}.account-text{display:flex;flex-direction:column;min-width:0}.account-label{font-size:13px;font-weight:500}.account.picked .account-label{font-weight:650}.account-sub{font-size:12px;color:var(--muted)}.count{min-width:20px;padding:0 2px;color:var(--ink);font-size:13px;font-weight:650;text-align:right;font-variant-numeric:tabular-nums}.tag-warn{height:20px;padding:0 7px;border-radius:10px;border:1px solid var(--warn);color:var(--warn);font-size:12px;font-weight:600;line-height:18px}.side-foot{margin-top:auto;padding:8px;border-top:1px solid var(--line);flex-shrink:0}.side-foot-row{display:flex;align-items:center;gap:4px}.side-foot-row .side-link{flex:1 1 auto;min-width:0}.theme-switch{display:inline-flex;flex-shrink:0;padding:2px;border-radius:8px;background:var(--field)}.theme-switch button{width:26px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--muted);transition:background-color .16s cubic-bezier(.16,1,.3,1),color .16s}.theme-switch button:hover{color:var(--ink)}.theme-switch button[aria-checked=true]{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px #0000001f}.side-foot p{margin:2px 10px 4px;font-size:12px;line-height:1.4;color:var(--muted);white-space:nowrap}.rail .brand{justify-content:center;padding:0}.rail .brand-name,.rail .account-text,.rail .side-foot p,.rail .side-link-text{display:none}.rail .accounts{padding-inline:8px;align-items:center}.rail .account{position:relative;width:44px;height:44px;grid-template-columns:28px;justify-content:center;padding:0}.rail .account .count{position:absolute;top:3px;right:1px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--ink);color:var(--bg);box-shadow:0 0 0 2px var(--side);font-size:11px;line-height:16px;text-align:center}.rail .account.picked .count,.rail .account:hover .count{box-shadow:0 0 0 2px var(--sel)}.rail .tag-warn{position:absolute;top:4px;right:2px;width:10px;height:10px;padding:0;border-radius:50%;border:0;background:var(--warn);font-size:0;box-shadow:0 0 0 2px var(--side)}.rail .side-foot{padding:8px 0}.rail .side-foot-row{flex-direction:column;gap:2px}.rail .side-link{width:36px;height:34px;justify-content:center;padding:0}.theme-cycle{width:36px;height:34px;color:var(--soft)}.side-link{width:100%;height:34px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--soft);font-size:13px}.side-link:hover{background:var(--hover)}.main{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.head{display:flex;align-items:center;gap:8px;height:56px;padding:0 12px 0 20px;border-bottom:1px solid var(--line);flex-shrink:0}.head-title{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.head-title h1{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em}.head-title p{margin:0;font-size:12px;color:var(--muted)}.head-title p.warn{color:var(--warn)}.search{display:flex;align-items:center;gap:8px;flex:0 1 176px;min-width:140px;height:32px;padding:0 8px 0 10px;border-radius:8px;background:var(--field);color:var(--muted);transition:flex-basis .24s cubic-bezier(.16,1,.3,1)}.rail .search{flex-basis:320px}.search:focus-within{outline:2px solid var(--focus);outline-offset:0}.search input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:var(--ink);font-size:13px;outline:none}.search input::placeholder{color:var(--muted)}.search input::-webkit-search-cancel-button{display:none}kbd{display:inline-flex;align-items:center;height:18px;padding:0 5px;border-radius:4px;border:1px solid var(--line-strong);font:500 11px var(--font);color:var(--muted)}.menu-anchor{position:relative}.spinning svg{animation:spin .9s linear infinite}.list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 10px 64px;scroll-padding:12px}.group-head{display:flex;align-items:center;gap:8px;padding:16px 12px 6px;font-size:12px;font-weight:600;color:var(--soft)}.group-head .n{color:var(--muted);font-weight:500}.group-head .rule{flex:1 1 auto;height:1px;background:var(--line)}.row{border-radius:10px;transition:background-color .16s,box-shadow .2s cubic-bezier(.16,1,.3,1)}.row.open{background:var(--card);box-shadow:var(--card-shadow);margin:6px 0}.row-main{width:100%;display:grid;align-items:start;grid-template-columns:8px 24px 124px minmax(0,1fr) auto;column-gap:12px;padding:9px 12px;border:0;border-radius:8px;background:transparent;text-align:left;line-height:18px}.row:not(.open) .row-main:hover{background:var(--hover)}.row.cont .row-main{padding-top:3px}.compact .row-main{padding-block:5px}.compact .row.cont .row-main{padding-top:2px}.avatar{width:24px;height:24px;margin-top:-3px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--field);color:var(--soft);font-size:12px;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none}.avatar.site{background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.avatar.site.on-dark{background:#1d1d22;box-shadow:none}.avatar.site.on-light{background:#fff;box-shadow:inset 0 0 0 1px #00000014}.avatar img{width:16px;height:16px;border-radius:3px}.compact .avatar{width:20px;height:20px;margin-top:-1px;font-size:11px}.compact .avatar img{width:14px;height:14px}.mark{width:8px;height:8px;margin-top:5px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--acct)}.row.strong .mark{background:var(--acct);box-shadow:none}.who,.what{display:flex;flex-direction:column;min-width:0}.from{font-size:13px;font-weight:500;color:var(--soft)}.acct{font-size:12px;color:var(--muted)}.subject{font-size:13px;color:var(--soft)}.snippet{font-size:13px;color:var(--muted)}.time{font-size:12px;color:var(--muted);white-space:nowrap;text-align:right}.row.strong .from{font-weight:650;color:var(--ink)}.row.cont:not(.strong) .from{font-weight:400;color:var(--muted)}.row.strong .subject{font-weight:550;color:var(--ink)}.row.strong .time{color:var(--ink)}.row-main .time{display:flex;flex-direction:column;align-items:flex-end}.topic{display:flex;align-items:center;gap:8px;min-width:0}.topic .subject{flex:0 1 auto}.stack-n{flex-shrink:0;min-width:22px;height:18px;padding:0 6px;border-radius:9px;background:var(--field);color:var(--soft);font-size:12px;font-weight:600;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.chev{flex-shrink:0;color:var(--muted);transition:transform .2s cubic-bezier(.16,1,.3,1)}.stack.open .chev{transform:rotate(180deg)}.stack.sel:not(.open) .row-main{background:var(--hover)}.stack{border-radius:10px;transition:background-color .16s,box-shadow .2s cubic-bezier(.16,1,.3,1)}.stack.open{background:var(--card);box-shadow:var(--card-shadow);margin:6px 0;padding-bottom:6px}.stack.open .stack-head .row-main:hover{background:transparent}.stack-bar{display:flex;gap:6px;padding:0 12px 8px 32px}.stack-bar .btn svg{color:var(--muted)}.row.member .row-main{grid-template-columns:8px minmax(0,1fr) auto;padding-block:6px}.stack .row.open{background:var(--field);box-shadow:none;margin:2px 6px}.stack .row.open .row-main{padding-inline:6px}.stack .row.open .preview{margin-left:26px;margin-right:6px}.preview{margin:2px 12px 0 32px;padding:10px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;animation:rise .22s cubic-bezier(.16,1,.3,1) both}.preview .meta{display:flex;gap:6px;min-width:0;margin:0 0 6px;font-size:12px;color:var(--muted)}.preview .meta .to{flex-shrink:0}.preview .body{margin:0 0 12px;max-width:64ch;font-size:13px;line-height:1.55;color:var(--soft);overflow-wrap:anywhere}.actions{display:flex;align-items:center;gap:6px}.actions .grow{flex:1 1 auto}.actions .icon-btn{width:28px;height:28px;border-radius:7px;color:var(--muted)}.actions .icon-btn:hover{color:var(--ink)}.btn.sm{height:26px;padding:0 9px;gap:6px;border-radius:7px;font-size:12px;font-weight:600}.hint{display:flex;align-items:center;gap:12px;margin:10px 4px 2px;padding:10px 6px 10px 14px;border-radius:10px;background:var(--field);color:var(--soft);font-size:13px;line-height:1.45}.hint p{margin:0;flex:1 1 auto}.hint strong{color:var(--ink)}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:80px 48px;text-align:center}.empty-title{margin:0;font-size:16px;font-weight:650}.empty-body{margin:0 0 8px;max-width:320px;line-height:1.5;color:var(--muted)}.foot{display:flex;align-items:center;gap:14px;height:34px;padding:0 20px;border-top:1px solid var(--line);flex-shrink:0;font-size:12px;color:var(--muted)}.foot>span:first-child{margin-right:auto}.foot .keys{display:inline-flex;align-items:center;gap:4px}.foot .keys kbd{height:16px;padding:0 4px}.foot-error{color:var(--warn)}.toast{position:absolute;left:50%;bottom:46px;transform:translate(-50%);z-index:30;max-width:440px;display:flex;align-items:center;gap:12px;height:38px;padding:0 6px 0 14px;border-radius:9px;background:var(--toast);color:var(--on-toast);box-shadow:0 10px 24px #00000040;font-size:13px;animation:toastIn .24s cubic-bezier(.16,1,.3,1) both}.toast.error{padding-right:6px}.toast button{height:28px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--on-toast);font-weight:650}.toast button:hover{background:#7f7f7f2e}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}