:root{--r-lg: 22px;--r-md: 14px;--r-sm: 10px;--r-xs: 7px;--ease: cubic-bezier(.22,.61,.36,1);--font-ui: "Inter", system-ui, sans-serif;--font-read: "Inter", system-ui, sans-serif;--accent: #1f8a5b;--accent-ink: #ffffff}.theme-light{--ink: #16181c;--ink-2: #5d636c;--ink-3: #8b929b;--ink-4: #b6bcc4;--hair: rgba(18,22,28,.09);--hair-2: rgba(18,22,28,.05);--glass: rgba(255,255,255,.62);--glass-strong: rgba(255,255,255,.8);--glass-solid: rgba(255,255,255,.92);--hover: rgba(18,22,28,.045);--active: rgba(18,22,28,.07);--sel: rgba(255,255,255,.92);--shadow: 0 1px 2px rgba(18,22,28,.04), 0 12px 34px -12px rgba(18,22,28,.18);--shadow-pop: 0 2px 6px rgba(18,22,28,.06), 0 28px 60px -16px rgba(18,22,28,.3);--canvas-a: #f4f5f6;--canvas-b: #e9ebed;--blob-1: rgba(31,138,91,.07);--blob-2: rgba(18,22,28,.05)}.theme-light,.theme-dark{color:var(--ink)}.theme-dark{--ink: #edeff2;--ink-2: #9aa1ab;--ink-3: #6b727c;--ink-4: #474d56;--hair: rgba(255,255,255,.1);--hair-2: rgba(255,255,255,.055);--glass: rgba(255,255,255,.045);--glass-strong: rgba(255,255,255,.07);--glass-solid: rgba(28,30,34,.86);--hover: rgba(255,255,255,.05);--active: rgba(255,255,255,.08);--sel: rgba(255,255,255,.085);--shadow: 0 1px 2px rgba(0,0,0,.4), 0 16px 40px -14px rgba(0,0,0,.6);--shadow-pop: 0 2px 8px rgba(0,0,0,.5), 0 36px 70px -18px rgba(0,0,0,.75);--canvas-a: #0a0b0d;--canvas-b: #101216;--blob-1: rgba(31,138,91,.16);--blob-2: rgba(255,255,255,.05)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-ui);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}::selection{background:color-mix(in oklab,var(--accent) 28%,transparent)}.canvas{position:fixed;inset:0;z-index:0;background:radial-gradient(60vw 50vh at 78% -8%,var(--blob-1),transparent 60%),radial-gradient(48vw 44vh at 6% 110%,var(--blob-2),transparent 62%),linear-gradient(165deg,var(--canvas-a),var(--canvas-b))}.canvas:after{content:"";position:absolute;inset:0;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.glass{background:var(--glass);backdrop-filter:blur(26px) saturate(1.6);-webkit-backdrop-filter:blur(26px) saturate(1.6);border:1px solid var(--hair);box-shadow:var(--shadow),inset 0 1px #ffffff2e;border-radius:var(--r-lg)}.theme-dark .glass{box-shadow:var(--shadow),inset 0 1px #ffffff0a}.palette,.compose-win,.uploader,.dock,.toast,.pop{zoom:var(--ui-zoom, 1)}.shell{position:relative;z-index:1;height:calc(100vh / var(--ui-zoom, 1));width:calc(100vw / var(--ui-zoom, 1));zoom:var(--ui-zoom, 1);display:flex;gap:12px;padding:12px 12px 78px}.shell.col{flex-direction:column}.shell-row{flex:1;display:flex;gap:12px;min-height:0}.suitebar{display:flex;align-items:center;gap:14px;padding:9px 12px 9px 14px;flex:none}.sb-brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:650;letter-spacing:-.02em}.sb-brand .brand-mark{width:24px;height:24px}.sb-brand .brand-mark:before{inset:6px}.sb-word{white-space:nowrap}.sb-switch{display:flex;gap:2px;padding:3px;background:var(--hover);border:1px solid var(--hair-2);border-radius:11px}.sb-app{display:inline-flex;align-items:center;height:30px;padding:0 15px;border-radius:8px;cursor:pointer;font-family:var(--font-ui);font-size:12.5px;font-weight:600;color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:all .13s}.sb-app:hover{color:var(--ink);background:var(--hover)}.sb-app.on{background:var(--glass-solid);color:var(--ink);box-shadow:var(--shadow);cursor:default}.sb-crumb{font-size:14px;color:var(--ink-3);font-weight:500;letter-spacing:-.01em;white-space:nowrap}.suitebar .spacer{flex:1}.sb-stat{text-align:right;padding:0 2px}.sb-stat b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;display:block;line-height:1.1}.sb-stat span{font-size:10px;color:var(--ink-3);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sb-div{width:1px;height:28px;background:var(--hair)}.sb-btn{height:34px;padding:0 17px;border-radius:var(--r-md);border:none;cursor:pointer;background:var(--ink);color:var(--canvas-a);font-family:var(--font-ui);font-weight:650;font-size:13px;box-shadow:0 6px 16px -6px #12161c80;transition:transform .12s var(--ease),filter .15s;white-space:nowrap}.sb-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.sb-btn.ghost{background:transparent;color:var(--ink-2);border:1px solid var(--hair);box-shadow:none}.sb-btn.ghost:hover{background:var(--hover);color:var(--ink);transform:none}.sb-gear{height:34px;padding:0 14px;border-radius:var(--r-md);border:1px solid var(--hair);cursor:pointer;background:transparent;font-family:var(--font-ui);font-weight:600;font-size:13px;color:var(--ink-2);white-space:nowrap}.sb-gear:hover{background:var(--hover);color:var(--ink)}.sb-theme{height:34px;padding:0 13px;border-radius:var(--r-md);border:1px solid var(--hair);cursor:pointer;background:transparent;font-family:var(--font-ui);font-weight:600;font-size:13px;color:var(--ink-2);white-space:nowrap}.sb-theme:hover{background:var(--hover);color:var(--ink)}@media (max-width: 720px){.sb-word{display:none}}.sidenav,.col-list,.col-reader,.cal-rail,.cal-grid-col,.camp-rail,.inspector,.palette-rail{position:relative}.corner-grip{position:absolute;width:26px;height:26px;z-index:9}.cg-br{right:0;bottom:0;cursor:nwse-resize}.cg-bl{left:0;bottom:0;cursor:nesw-resize}.cg-tr{right:0;top:0;cursor:nesw-resize}.cg-tl{left:0;top:0;cursor:nwse-resize}.corner-grip:before{content:"";position:absolute;inset:0;opacity:.5;transition:opacity .15s}.cg-br:before{background:radial-gradient(20px at 100% 100%,color-mix(in oklab,var(--accent) 30%,transparent),transparent 72%)}.cg-bl:before{background:radial-gradient(20px at 0% 100%,color-mix(in oklab,var(--accent) 30%,transparent),transparent 72%)}.cg-tr:before{background:radial-gradient(20px at 100% 0%,color-mix(in oklab,var(--accent) 30%,transparent),transparent 72%)}.cg-tl:before{background:radial-gradient(20px at 0% 0%,color-mix(in oklab,var(--accent) 30%,transparent),transparent 72%)}.corner-grip:hover:before{opacity:1}.corner-grip .divot{position:absolute;width:13px;height:13px;border:2px solid color-mix(in oklab,var(--accent) 60%,transparent);transition:border-color .15s,transform .12s}.cg-br .divot{right:5px;bottom:5px;border-top:none;border-left:none;border-bottom-right-radius:var(--r-lg)}.cg-bl .divot{left:5px;bottom:5px;border-top:none;border-right:none;border-bottom-left-radius:var(--r-lg)}.cg-tr .divot{right:5px;top:5px;border-bottom:none;border-left:none;border-top-right-radius:var(--r-lg)}.cg-tl .divot{left:5px;top:5px;border-bottom:none;border-right:none;border-top-left-radius:var(--r-lg)}.corner-grip:hover .divot{border-color:var(--accent);transform:scale(1.15)}body.resizing .corner-grip .divot{border-color:var(--accent);transform:scale(1.2)}.suitedock{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;padding:7px;border-radius:999px}.suitedock .sb-switch{border:none;background:transparent;padding:0;gap:3px}.suitedock .sb-app{height:36px}.suitedock .sd-div{height:24px;margin:0 1px}.suitedock .sb-btn{height:36px}.main{flex:1;min-width:0;display:flex;gap:12px}.main.pane-bottom{flex-direction:column}.col-list{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.main.pane-right .col-list{width:var(--list-w, 392px);flex:none}.main.pane-bottom .col-list,.main.pane-off .col-list{width:100%;flex:1 1 auto}.col-reader{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.main.pane-right .col-reader{flex:1 1 auto}.main.pane-bottom .col-reader{height:var(--reader-h, 46%);flex:none}.resizer{width:8px;flex:none;cursor:col-resize;position:relative;align-self:stretch}.shell-row>.resizer{align-self:stretch}.resizer:before{content:"";position:absolute;inset:30% 50%;width:2px;transform:translate(-1px);border-radius:2px;background:var(--hair);transition:background .15s}.resizer:hover:before{background:var(--accent);inset:12% 50%}.main.pane-bottom .resizer,.main.pane-off .resizer{display:none}.sidenav{width:246px;flex:none;display:flex;flex-direction:column;padding:14px;transition:width .26s var(--ease);overflow:hidden}.sidenav.collapsed{width:72px;padding:14px 10px}.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 16px}.brand-mark{width:30px;height:30px;flex:none;border-radius:9px;background:var(--ink);position:relative}.brand-mark:before{content:"";position:absolute;inset:7px;border-radius:50%;border:2px solid var(--canvas-a)}.brand-mark:after{content:"";position:absolute;left:50%;top:-3px;width:2px;height:8px;background:var(--accent);transform:translate(-1px);border-radius:2px}.brand-name{font-weight:650;letter-spacing:-.02em;font-size:16px;white-space:nowrap}.brand-name b{color:var(--accent);font-weight:650}.sidenav.collapsed .brand-name,.sidenav.collapsed .compose-cta span,.sidenav.collapsed .nav-meta,.sidenav.collapsed .side-section,.sidenav.collapsed .acct-text,.sidenav.collapsed .nav-glyph,.sidenav.collapsed .nav-item .dot{display:none}.sidenav.collapsed .nav-item{flex-direction:column;justify-content:center;gap:0;height:40px}.sidenav.collapsed .nav-label{display:block;width:100%;flex:none;text-align:center;font-size:8px;line-height:1.05;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose-cta{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:var(--r-md);border:none;cursor:pointer;background:var(--ink);color:var(--canvas-a);font-family:var(--font-ui);font-weight:600;font-size:13.5px;letter-spacing:-.01em;margin-bottom:16px;transition:transform .12s var(--ease),filter .15s;box-shadow:0 6px 16px -6px #12161c80}.compose-cta:hover{transform:translateY(-1px);filter:brightness(1.08)}.compose-cta:active{transform:translateY(0)}.sidenav.collapsed .compose-cta{padding:0}.compose-cta .plus{font-size:17px;font-weight:400;line-height:1}.side-section{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:var(--r-sm);cursor:pointer;color:var(--ink-2);font-size:13.5px;font-weight:500;white-space:nowrap;position:relative;transition:background .14s,color .14s}.nav-item:hover{background:var(--hover);color:var(--ink)}.nav-item.active{background:var(--sel);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 1px var(--hair-2),var(--shadow)}.theme-dark .nav-item.active{box-shadow:inset 0 0 0 1px var(--hair)}.nav-item .dot{width:7px;height:7px;border-radius:50%;flex:none}.nav-glyph{width:18px;flex:none;text-align:center;font-size:12px;font-weight:700;color:var(--ink-3);letter-spacing:-.04em}.nav-item.active .nav-glyph{color:var(--accent)}.sidenav:not(.collapsed) .nav-glyph{display:none}.sidenav:not(.collapsed) .nav-item.active:before{content:"";position:absolute;left:-6px;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--accent)}.nav-label{flex:1}.nav-meta{font-size:11.5px;color:var(--ink-3);font-weight:600;font-variant-numeric:tabular-nums}.nav-item.active .nav-meta{color:var(--ink-2)}.sidenav.collapsed .nav-item{justify-content:center;padding:0}.side-scroll{flex:1;overflow-y:auto;margin:0 -4px;padding:0 4px}.side-scroll::-webkit-scrollbar{width:0}.alias-row{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;font-size:12.5px;color:var(--ink-2);border-radius:var(--r-xs);cursor:default}.alias-row:hover{background:var(--hover)}.alias-addr{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alias-count{font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}.alias-off{opacity:.42}.acct{display:flex;align-items:center;gap:10px;padding:10px 8px 4px;margin-top:8px;border-top:1px solid var(--hair-2);cursor:pointer;border-radius:0 0 12px 12px}.acct-text{min-width:0}.acct-name{font-size:13px;font-weight:600;line-height:1.2}.acct-mail{font-size:11.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-wrap{position:relative;margin-top:8px}.acct{margin-top:0;border-radius:10px;transition:background .14s}.acct:hover,.acct.open{background:var(--hover)}.acct-caret{margin-left:auto;flex:none;color:var(--ink-3);font-size:13px;line-height:1;transition:transform .18s var(--ease);transform:rotate(180deg)}.acct-caret.up{transform:rotate(0)}.sidenav.collapsed .acct-caret{display:none}.acct-menu{position:absolute;left:6px;right:6px;bottom:calc(100% + 8px);padding:8px;border-radius:14px;z-index:60;transform-origin:bottom center;animation:acctPop .15s var(--ease)}@keyframes acctPop{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}.sidenav.collapsed .acct-menu{left:4px;width:232px;right:auto}.acct-menu-head{display:flex;align-items:center;gap:10px;padding:8px 8px 10px;border-bottom:1px solid var(--hair-2);margin-bottom:6px}.acct-menu-id{min-width:0}.acct-menu-name{font-size:13px;font-weight:650;letter-spacing:-.01em;line-height:1.2}.acct-menu-mail{font-size:11.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-menu-list{display:flex;flex-direction:column;gap:1px}.acct-menu-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:8px 9px;border:none;background:transparent;border-radius:9px;cursor:pointer;font-family:var(--font-ui);transition:background .12s}.acct-menu-item:hover{background:var(--hover)}.acct-menu-glyph{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:7px;background:var(--hover);border:1px solid var(--hair-2);font-size:12px;font-weight:700;color:var(--ink-2);letter-spacing:-.03em}.acct-menu-item:hover .acct-menu-glyph{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 32%,transparent)}.acct-menu-itxt{display:flex;flex-direction:column;min-width:0}.acct-menu-ilabel{font-size:13px;font-weight:600;color:var(--ink);line-height:1.25}.acct-menu-isub{font-size:11px;color:var(--ink-3);line-height:1.25}.acct-menu-foot{margin-top:6px;padding-top:6px;border-top:1px solid var(--hair-2)}.acct-menu-signout{width:100%;padding:8px 9px;border:none;background:transparent;cursor:pointer;border-radius:9px;font-family:var(--font-ui);font-size:12.5px;font-weight:600;color:var(--ink-2);text-align:left;transition:background .12s,color .12s}.acct-menu-signout:hover{background:color-mix(in oklab,#d4493f 12%,transparent);color:#d4493f}.av{flex:none;border-radius:50%;display:grid;place-items:center;font-weight:650;letter-spacing:-.02em;color:#fff;user-select:none;background:linear-gradient(150deg,var(--ink-2),var(--ink))}.av.sm{width:30px;height:30px;font-size:11.5px}.av.md{width:38px;height:38px;font-size:13px}.av.lg{width:44px;height:44px;font-size:15px}.av.sys{background:linear-gradient(150deg,var(--accent),#14694a)}.list-head{padding:14px 16px 10px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--hair-2)}.list-titlerow{display:flex;align-items:center;gap:10px}.list-title{font-size:18px;font-weight:650;letter-spacing:-.025em}.list-count{font-size:12px;color:var(--ink-3);font-weight:600;margin-left:2px;font-variant-numeric:tabular-nums;white-space:nowrap}.list-head .spacer{flex:1}.search{display:flex;align-items:center;gap:9px;height:38px;padding:0 12px;border-radius:var(--r-md);background:var(--hover);border:1px solid transparent;transition:border-color .15s,background .15s}.search:focus-within{border-color:var(--hair);background:var(--glass-strong)}.search input{flex:1;border:none;background:none;outline:none;color:var(--ink);font-family:var(--font-ui);font-size:13.5px}.search input::placeholder{color:var(--ink-3)}.search .kbd{font-size:11px;color:var(--ink-3);font-weight:600;padding:2px 6px;border:1px solid var(--hair);border-radius:6px}.filters{display:flex;gap:6px;flex-wrap:wrap}.chip{height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--hair);background:transparent;color:var(--ink-2);font-family:var(--font-ui);font-size:12px;font-weight:550;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:all .14s}.chip:hover{background:var(--hover);color:var(--ink)}.chip.on{background:var(--ink);color:var(--canvas-a);border-color:var(--ink)}.chip .cdot{width:6px;height:6px;border-radius:50%}.list-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px}.list-scroll::-webkit-scrollbar{width:8px}.list-scroll::-webkit-scrollbar-thumb{background:var(--hair);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.row{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:var(--row-pad, 13px 14px);border-radius:var(--r-md);cursor:pointer;transition:background .12s}.row+.row{margin-top:2px}.row:hover{background:var(--hover)}.row.sel{background:var(--sel);box-shadow:inset 0 0 0 1px var(--hair-2),var(--shadow)}.theme-dark .row.sel{box-shadow:inset 0 0 0 1px var(--hair)}.row.checked{background:color-mix(in oklab,var(--accent) 9%,transparent)}.row-rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:2px}.row-check{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--ink-4);display:grid;place-items:center;cursor:pointer;flex:none;opacity:0;transition:opacity .12s,border-color .12s,background .12s}.row:hover .row-check,.row.checked .row-check,.has-checks .row-check{opacity:1}.row-check.on{background:var(--accent);border-color:var(--accent)}.row-check.on:after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}.row-body{min-width:0}.row-l1{display:flex;align-items:baseline;gap:8px}.row-from{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;min-width:0}.row.read .row-from{font-weight:500;color:var(--ink-2)}.row-time{margin-left:auto;font-size:11.5px;color:var(--ink-3);font-weight:550;flex:none;font-variant-numeric:tabular-nums;padding-left:8px;white-space:nowrap}.row-subj{font-size:13px;font-weight:550;color:var(--ink);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.read .row-subj{font-weight:500;color:var(--ink-2)}.row-prev{font-size:12.5px;color:var(--ink-3);margin-top:2px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:var(--prev-lines, 1);-webkit-box-orient:vertical;overflow:hidden}.row-tags{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.compact .row-prev{display:none}.compact .row-tags{margin-top:5px}.row-actions{position:absolute;right:10px;top:8px;display:flex;gap:4px;opacity:0;transform:translateY(-2px);transition:opacity .12s,transform .12s;background:var(--glass-solid);backdrop-filter:blur(10px);padding:3px;border-radius:9px;border:1px solid var(--hair);box-shadow:var(--shadow)}.row:hover .row-actions{opacity:1;transform:translateY(0)}.qa{height:26px;padding:0 9px;border:none;background:transparent;cursor:pointer;font-family:var(--font-ui);font-size:11.5px;font-weight:600;color:var(--ink-2);border-radius:7px;white-space:nowrap}.qa:hover{background:var(--hover);color:var(--ink)}.qa.danger:hover{color:#c4493f}.tag{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em;border:1px solid var(--hair);color:var(--ink-2)}.tag .tdot{width:6px;height:6px;border-radius:50%}.tag.lab{background:var(--hover)}.sec{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;border-radius:999px;font-size:10.5px;font-weight:650;letter-spacing:.01em;white-space:nowrap}.sec.lock{color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,transparent);border:1px solid color-mix(in oklab,var(--accent) 26%,transparent)}.sec.lock:before{content:"";width:7px;height:7px;border-radius:2px;background:var(--accent)}.sec.verified{color:var(--accent)}.sec.verified:before{content:"✓";font-size:11px;font-weight:800}.sec.alias{color:var(--ink-2);background:var(--hover);border:1px solid var(--hair)}.sec.alias:before{content:"";width:12px;height:1.5px;background:var(--ink-3)}.sec.expire{color:#b5742a;background:color-mix(in oklab,#d4922f 13%,transparent);border:1px solid color-mix(in oklab,#d4922f 30%,transparent)}.sec.expire:before{content:"";width:6px;height:6px;border-radius:50%;background:#d4922f;animation:pulse 2s infinite}.sec.trackers{color:var(--ink-2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.reader-empty{flex:1;display:grid;place-items:center;text-align:center;padding:40px}.reader-empty .em-mark{width:54px;height:54px;border-radius:16px;border:1.5px solid var(--hair);margin:0 auto 18px;position:relative}.reader-empty .em-mark:after{content:"";position:absolute;inset:14px;border-radius:50%;border:1.5px solid var(--hair)}.reader-empty h3{font-size:16px;font-weight:600;margin:0 0 6px;letter-spacing:-.02em}.reader-empty p{font-size:13px;color:var(--ink-3);margin:0;max-width:280px}.reader-head{padding:18px 22px 14px;border-bottom:1px solid var(--hair-2)}.reader-toolbar{display:flex;align-items:center;gap:4px;margin-bottom:16px;flex-wrap:wrap}.tbtn{height:32px;padding:0 13px;border-radius:var(--r-sm);border:1px solid var(--hair);background:transparent;cursor:pointer;font-family:var(--font-ui);font-size:12.5px;font-weight:600;color:var(--ink-2);transition:all .13s}.tbtn:hover{background:var(--hover);color:var(--ink);border-color:var(--hair)}.tbtn.primary{background:var(--ink);color:var(--canvas-a);border-color:var(--ink)}.tbtn.primary:hover{filter:brightness(1.1)}.reader-toolbar .spacer{flex:1}.reader-x{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid var(--hair);background:transparent;cursor:pointer;color:var(--ink-2);font-size:16px;line-height:1}.reader-x:hover{background:var(--hover);color:var(--ink)}.reader-subject{font-size:22px;font-weight:680;letter-spacing:-.03em;line-height:1.2;margin:0 0 14px;text-wrap:pretty}.reader-from{display:flex;align-items:center;gap:12px}.reader-from .rf-text{min-width:0;flex:1}.rf-name{font-size:14px;font-weight:650}.rf-mail{font-size:12.5px;color:var(--ink-3)}.rf-time{font-size:12px;color:var(--ink-3);font-weight:550;white-space:nowrap;flex:none}.reader-secbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 22px;background:color-mix(in oklab,var(--accent) 5%,transparent);border-bottom:1px solid var(--hair-2);font-size:12px;color:var(--ink-2)}.reader-secbar .lead{font-weight:650;color:var(--accent)}.reader-scroll{flex:1;overflow-y:auto;padding:24px 22px 40px}.reader-scroll::-webkit-scrollbar{width:8px}.reader-scroll::-webkit-scrollbar-thumb{background:var(--hair);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.mailbody{max-width:660px;font-family:var(--font-read);font-size:15px;line-height:1.7;color:var(--ink)}.mailbody p{margin:0 0 16px;text-wrap:pretty}.mailbody p:first-child{margin-top:0}.attach{display:inline-flex;align-items:center;gap:11px;padding:11px 14px;margin:6px 0;border:1px solid var(--hair);border-radius:var(--r-md);background:var(--hover);max-width:360px}.attach .a-mark{width:34px;height:34px;border-radius:9px;flex:none;display:grid;place-items:center;background:color-mix(in oklab,var(--accent) 14%,transparent);color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.04em}.attach .a-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach .a-meta{font-size:11.5px;color:var(--ink-3)}.reader-reply{padding:14px 22px 18px;border-top:1px solid var(--hair-2)}.reply-stub{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border:1px solid var(--hair);border-radius:var(--r-md);color:var(--ink-3);font-size:13.5px;cursor:text;background:var(--hover)}.reply-stub:hover{border-color:var(--accent);color:var(--ink-2)}.compose-win{position:fixed;z-index:60;width:600px;height:560px;display:flex;flex-direction:column;overflow:hidden;min-width:380px;min-height:320px;box-shadow:var(--shadow-pop),inset 0 1px #fff3;background:var(--glass-strong);backdrop-filter:blur(30px) saturate(1.7);-webkit-backdrop-filter:blur(30px) saturate(1.7);border:1px solid var(--hair);border-radius:var(--r-lg);animation:rise .26s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.985)}}.compose-head{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:grab;border-bottom:1px solid var(--hair-2);user-select:none}.compose-head:active{cursor:grabbing}.compose-title{font-size:13px;font-weight:650;letter-spacing:-.01em}.compose-head .spacer{flex:1}.win-dot{width:11px;height:11px;border-radius:50%;border:none;cursor:pointer}.win-dot.close{background:#e0655b}.win-dot.min{background:#e6b54b}.win-dot.max{background:var(--accent)}.compose-fields{padding:4px 16px}.cfield{display:flex;align-items:center;gap:10px;height:42px;border-bottom:1px solid var(--hair-2)}.cfield label{font-size:12px;color:var(--ink-3);font-weight:600;width:42px;flex:none}.cfield input{flex:1;border:none;background:none;outline:none;color:var(--ink);font-family:var(--font-ui);font-size:13.5px}.cfield .alias-pick{font-size:11.5px;color:var(--accent);font-weight:650;cursor:pointer;padding:3px 8px;border-radius:7px;border:1px solid color-mix(in oklab,var(--accent) 26%,transparent)}.compose-body{flex:1;padding:16px}.compose-body textarea{width:100%;height:100%;border:none;outline:none;resize:none;background:none;color:var(--ink);font-family:var(--font-read);font-size:14.5px;line-height:1.65}.compose-foot{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--hair-2);flex-wrap:wrap}.compose-foot .spacer{flex:1}.send-btn{height:38px;padding:0 20px;border-radius:var(--r-md);border:none;cursor:pointer;background:var(--ink);color:var(--canvas-a);font-family:var(--font-ui);font-weight:650;font-size:13.5px;box-shadow:0 6px 16px -6px #12161c80;transition:transform .12s,filter .15s}.send-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.compose-resize{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize}.compose-resize:after{content:"";position:absolute;right:4px;bottom:4px;width:7px;height:7px;border-right:2px solid var(--ink-4);border-bottom:2px solid var(--ink-4)}.csec{display:flex;align-items:center;gap:8px;padding:0 16px 10px;font-size:11.5px;color:var(--ink-2)}.csec-tog{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.csec-sw{width:30px;height:18px;border-radius:999px;background:var(--accent);position:relative;transition:background .15s}.csec-sw.off{background:var(--ink-4)}.csec-sw:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .16s}.csec-sw:not(.off):after{transform:translate(12px)}.overlay{position:fixed;inset:0;z-index:80;background:#0a0b0d52;backdrop-filter:blur(3px);display:grid;place-items:start center;padding-top:14vh;animation:fade .16s var(--ease)}@keyframes fade{0%{opacity:0}}.palette{width:min(620px,92vw);overflow:hidden;animation:rise .22s var(--ease);background:var(--glass-solid);backdrop-filter:blur(30px) saturate(1.6);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--shadow-pop)}.pal-input{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--hair-2)}.pal-input input{flex:1;border:none;outline:none;background:none;color:var(--ink);font-family:var(--font-ui);font-size:17px;letter-spacing:-.01em}.pal-input input::placeholder{color:var(--ink-3)}.pal-input .esc{font-size:11px;color:var(--ink-3);font-weight:600;border:1px solid var(--hair);padding:3px 7px;border-radius:6px}.pal-list{max-height:46vh;overflow-y:auto;padding:8px}.pal-sec{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding:10px 12px 5px}.pal-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--r-sm);cursor:pointer}.pal-item.on{background:var(--sel);box-shadow:inset 0 0 0 1px var(--hair-2)}.pal-glyph{width:26px;height:26px;flex:none;border-radius:7px;background:var(--hover);display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--ink-2);letter-spacing:-.03em}.pal-label{flex:1;font-size:13.5px;font-weight:550}.pal-sub{font-size:11.5px;color:var(--ink-3)}.pal-kbd{font-size:11px;color:var(--ink-3);font-weight:650;border:1px solid var(--hair);padding:2px 7px;border-radius:6px}.dock{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--glass-solid);backdrop-filter:blur(26px) saturate(1.7);border:1px solid var(--hair);border-radius:999px;box-shadow:var(--shadow-pop);animation:rise .24s var(--ease)}.dock .dcount{font-size:12.5px;font-weight:650;padding:0 10px 0 8px;color:var(--ink);font-variant-numeric:tabular-nums}.dock .ddiv{width:1px;height:20px;background:var(--hair);margin:0 2px}.dbtn{height:32px;padding:0 13px;border:none;background:transparent;cursor:pointer;font-family:var(--font-ui);font-size:12.5px;font-weight:600;color:var(--ink-2);border-radius:999px}.dbtn:hover{background:var(--hover);color:var(--ink)}.dbtn.danger:hover{color:#c4493f}.ghost-btn{width:32px;height:32px;flex:none;display:grid;place-items:center;cursor:pointer;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--ink-3);font-size:15px;line-height:1;transition:all .13s}.ghost-btn:hover{background:var(--hover);color:var(--ink);border-color:var(--hair)}.pop{position:absolute;z-index:70;min-width:200px;padding:6px;background:var(--glass-solid);backdrop-filter:blur(24px);border:1px solid var(--hair);border-radius:var(--r-md);box-shadow:var(--shadow-pop);animation:rise .16s var(--ease)}.pop-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 11px;border-radius:var(--r-xs);cursor:pointer;font-size:13px;font-weight:550;color:var(--ink)}.pop-item:hover{background:var(--hover)}.pop-item .when{font-size:11.5px;color:var(--ink-3);font-weight:600}.pop-sec{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding:9px 11px 4px}.toast-wrap{position:fixed;bottom:70px;left:50%;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{display:flex;align-items:center;gap:14px;padding:11px 14px 11px 16px;background:var(--ink);color:var(--canvas-a);border-radius:999px;font-size:13px;font-weight:550;box-shadow:var(--shadow-pop);animation:rise .2s var(--ease)}.toast .undo{font-weight:700;color:#fff;cursor:pointer;background:#ffffff26;padding:4px 11px;border-radius:999px}.theme-dark .toast{background:#f2f3f5;color:#15171a}.theme-dark .toast .undo{background:#0000001f;color:#15171a}@media (max-width: 920px){.main.pane-right{flex-direction:column}.main.pane-right .col-list{width:100%;flex:1}.main.pane-right .resizer{display:none}}.suitedock{--dock-clear: 78px}.dock{bottom:88px}@media (max-width: 1000px){.suitebar .sb-crumb{display:none}}@media (max-width: 880px){.shell{padding:8px 8px 72px}.shell-row{gap:8px}.suitebar .sb-stat,.suitebar .sb-div{display:none}.suitebar{gap:10px;padding:8px 10px}.list-scroll,.reader-scroll,.vscroll,.detail-scroll{padding-bottom:84px}}@media (max-width: 760px){.sidenav:not(.collapsed){width:62px!important;height:auto!important;padding:12px 8px}.sidenav:not(.collapsed) .brand-name,.sidenav:not(.collapsed) .compose-cta span,.sidenav:not(.collapsed) .nav-meta,.sidenav:not(.collapsed) .side-section,.sidenav:not(.collapsed) .acct-text,.sidenav:not(.collapsed) .alias-row,.sidenav:not(.collapsed) .nav-glyph{display:none}.sidenav:not(.collapsed) .nav-item{flex-direction:column;justify-content:center;gap:0;height:40px}.sidenav:not(.collapsed) .nav-item .dot{display:none}.sidenav:not(.collapsed) .nav-label{display:block;width:100%;flex:none;text-align:center;font-size:8px;line-height:1.05;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resizer,.corner-grip{display:none}.aria-fab{bottom:78px}}@media (max-width: 720px){.suitedock{left:8px;right:8px;bottom:8px;transform:none;justify-content:center;border-radius:16px}.suitedock .sb-switch{flex:1}.suitedock .sb-app{flex:1;justify-content:center;height:42px}}@media (max-width: 640px){.main{flex-direction:column!important}.main .col-list,.main .col-reader{width:100%!important}.vault-main{flex-direction:column}.vault-main .detail{width:100%!important;height:240px;flex:none}}