.mail-root{display:grid;grid-template-columns:224px 360px 1fr;grid-gap:12px;gap:12px;height:calc(100dvh - 168px);min-height:540px;position:relative;z-index:1}@media (max-width:1100px){.mail-root{grid-template-columns:200px 1fr}.mail-reader{display:none}.mail-root.has-active{grid-template-columns:1fr}.mail-root.has-active .mail-list,.mail-root.has-active .mail-rail{display:none}.mail-root.has-active .mail-reader{display:flex}}@media (max-width:700px){.mail-root{grid-template-columns:1fr;height:auto}.mail-rail{max-height:none}.mail-list-scroll{max-height:50vh}}.mail-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:transparent;color:var(--tx-3);border:1px solid transparent;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);flex:none}.mail-icon-btn:hover{background:rgba(255,255,255,.08);color:var(--tx-1)}.mail-icon-btn:focus-visible{outline:2px solid var(--acc-ring);outline-offset:1px}.mail-icon-btn.is-on-star{color:var(--tone-amber)}.mail-icon-btn.is-on-flag{color:var(--tone-rose)}.mail-icon-btn.is-danger:hover{background:rgba(251,113,133,.16);color:var(--tone-rose)}.mail-rail{padding:12px;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:4px;overflow-y:auto}.mail-compose-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--acc-from),var(--acc-to));color:var(--tx-on-accent);border:1px solid rgba(255,255,255,.12);box-shadow:0 6px 18px rgba(139,92,246,.3);cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;margin-bottom:8px}.mail-compose-btn:hover{filter:brightness(1.07)}.mail-compose-btn:focus-visible{outline:2px solid var(--acc-ring);outline-offset:2px}.mail-compose-btn .kbd{color:rgba(255,255,255,.78)}.mail-nav{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.mail-nav-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border-radius:var(--r-sm);background:transparent;border:0;color:var(--tx-2);cursor:pointer;font-family:inherit;font-size:var(--nav-fs);text-align:left;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.mail-nav-item:hover{background:rgba(255,255,255,.06);color:var(--tx-1)}.mail-nav-item:focus-visible{outline:2px solid var(--acc-ring);outline-offset:-2px}.mail-nav-item.is-on{background:var(--acc-soft);color:#ddd6fe}.mail-nav-item.is-on svg{color:#c4b5fd}.mail-nav-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-nav-count{font-size:11px;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--tx-3);padding:1px 6px;border-radius:var(--r-pill);background:rgba(255,255,255,.05);flex:none}.mail-nav-count.is-unread{background:var(--acc-soft);color:#ddd6fe;font-weight:700}.mail-rail-sep{height:1px;background:var(--glass-border);margin:8px 2px}.mail-rail-labels-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 2px 10px;margin-top:6px;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--tx-3);font-weight:700}.mail-rail-labels-head .mail-icon-btn{width:22px;height:22px}.mail-label-dot{width:9px;height:9px;border-radius:50%;flex:none}.mail-rail-empty{color:var(--tx-3);font-size:12px;padding:4px 10px;margin:0}.mail-rail-foot{margin-top:auto;padding:10px 8px 2px;font-size:11px;color:var(--tx-3);font-family:JetBrains Mono,ui-monospace,monospace}.mail-list{border-radius:var(--r-lg);overflow:hidden}.mail-list,.mail-list-head{display:flex;flex-direction:column}.mail-list-head{gap:8px;padding:12px 12px 10px;border-bottom:1px solid var(--glass-border)}.mail-search{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r-md);background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--tx-3)}.mail-search:focus-within{border-color:var(--acc-ring)}.mail-search input{flex:1 1;background:transparent;border:0;outline:none;color:var(--tx-1);font-family:inherit;font-size:13px;min-width:0}.mail-search input::placeholder{color:var(--tx-3)}.mail-search .mail-icon-btn{width:22px;height:22px}.mail-list-title{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--tx-3);font-weight:700;padding:0 4px}.mail-list-n{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;padding:1px 7px;border-radius:var(--r-pill);background:rgba(255,255,255,.05);color:var(--tx-3);letter-spacing:0}.mail-list-scroll{flex:1 1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:3px}.mail-row{display:flex;gap:8px;padding:9px 10px;border-radius:var(--r-md);cursor:pointer;border:1px solid transparent;background:transparent;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.mail-row:hover{background:rgba(255,255,255,.05)}.mail-row:focus-visible{outline:2px solid var(--acc-ring);outline-offset:-2px}.mail-row.is-cursor{background:rgba(255,255,255,.06)}.mail-row.is-active{background:var(--acc-soft);border-color:var(--acc-ring)}.mail-row.is-unread{background:rgba(255,255,255,.035)}.mail-row.is-unread .mail-row-from,.mail-row.is-unread .mail-row-subject{color:var(--tx-1);font-weight:700}.mail-star{background:transparent;border:0;color:var(--tx-3);cursor:pointer;padding:1px;height:-moz-fit-content;height:fit-content;border-radius:6px;flex:none;transition:color var(--dur) var(--ease)}.mail-star:hover{color:var(--tone-amber)}.mail-star:focus-visible{outline:2px solid var(--acc-ring);outline-offset:1px}.mail-star.is-on{color:var(--tone-amber)}.mail-star.is-on svg{fill:currentColor}.mail-row-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.mail-row-top{display:flex;align-items:baseline;gap:8px}.mail-row-from{flex:1 1;min-width:0;font-size:13px;font-weight:600;color:var(--tx-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-count{font-size:10px;padding:0 5px;border-radius:var(--r-pill);background:rgba(255,255,255,.06)}.mail-row-count,.mail-row-time{font-family:JetBrains Mono,ui-monospace,monospace;color:var(--tx-3);flex:none}.mail-row-time{font-size:11px}.mail-row-subject{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--tx-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-draft-tag,.mail-row-subject svg{color:var(--tone-rose);flex:none}.mail-draft-tag{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;padding:1px 5px;border-radius:4px;background:rgba(251,113,133,.16)}.mail-row-preview{font-size:11.5px;color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}.mail-tag{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:var(--tx-2);padding:2px 8px;border-radius:var(--r-pill);background:rgba(255,255,255,.05);border:1px solid var(--glass-border)}.mail-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--tx-3);text-align:center;padding:40px 20px}.mail-empty p{margin:0;font-size:13px}.mail-reader{border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden}.mail-reader-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--tx-3);text-align:center;padding:40px}.mail-reader-empty p{margin:0;font-size:14px}.mail-hint-grid{display:grid;grid-template-columns:repeat(3,auto);grid-gap:8px 18px;gap:8px 18px;font-size:12px;color:var(--tx-3);margin-top:4px}.mail-hint-grid span{display:inline-flex;align-items:center;gap:4px}.mail-reader-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 14px;border-bottom:1px solid var(--glass-border)}.mail-reader-titles{min-width:0}.mail-reader-head h2{margin:0 0 6px;font-size:18px;font-weight:700;letter-spacing:-.015em;color:var(--tx-1)}.mail-reader-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;color:var(--tx-3)}.mail-folder-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--tx-2)}.mail-reader-tools{display:flex;gap:2px;flex:none}.mail-label-wrap{position:relative}.mail-label-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:220px;padding:8px;border-radius:var(--r-md);display:flex;flex-direction:column;gap:2px}.mail-label-menu-h{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--tx-3);font-weight:700;margin:2px 4px 6px}.mail-label-opt{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:var(--r-sm);background:transparent;border:0;color:var(--tx-1);cursor:pointer;font-family:inherit;font-size:12.5px;text-align:left}.mail-label-opt:hover{background:rgba(255,255,255,.07)}.mail-check{width:16px;height:16px;border-radius:4px;border:1px solid var(--glass-border-strong);display:grid;place-items:center;flex:none;color:var(--tx-on-accent)}.mail-check.is-on{background:var(--acc-solid);border-color:var(--acc-solid)}.mail-label-new{display:flex;gap:4px;margin-top:6px;padding-top:6px;border-top:1px solid var(--glass-border)}.mail-label-new input{flex:1 1;min-width:0;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--tx-1);padding:6px 8px;font-size:12px;font-family:inherit;outline:none}.mail-label-new input:focus{border-color:var(--acc-ring)}.mail-reader-scroll{flex:1 1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:10px}.mail-msg{border:1px solid var(--glass-border);border-radius:var(--r-md);background:rgba(255,255,255,.025);overflow:hidden}.mail-msg.is-open{background:rgba(255,255,255,.04)}.mail-msg-head{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}.mail-msg-head:hover{background:rgba(255,255,255,.03)}.mail-msg-head:focus-visible{outline:2px solid var(--acc-ring);outline-offset:-2px}.mail-msg-head>svg{color:var(--tx-3);flex:none}.mail-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;flex:none}.mail-msg-who{flex:1 1;min-width:0;display:flex;flex-direction:column}.mail-msg-from{font-size:13px;font-weight:600;color:var(--tx-1)}.mail-msg-you{color:var(--tx-3);font-weight:500}.mail-msg-to{font-size:11.5px;color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-msg-time{font-size:11px;color:var(--tx-3);font-family:JetBrains Mono,ui-monospace,monospace;flex:none}.mail-msg-body{padding:4px 14px 16px 56px;font-size:13.5px;line-height:1.6;color:var(--tx-1);white-space:pre-wrap;word-break:break-word}.mail-quick{border-top:1px solid var(--glass-border);padding:12px 16px 14px;display:flex;flex-direction:column;gap:8px;background:rgba(0,0,0,.16)}.mail-quick-actions{display:flex;gap:6px;flex-wrap:wrap}.mail-quick-input{width:100%;min-height:64px;resize:vertical;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:var(--r-md);color:var(--tx-1);padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5;outline:none}.mail-quick-input:focus{border-color:var(--acc-ring)}.mail-quick-input::placeholder{color:var(--tx-3)}.mail-quick-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.mail-quick-hint{font-size:11.5px;color:var(--tx-3);font-family:JetBrains Mono,ui-monospace,monospace}.mail-compose-scrim{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:flex-end;padding:24px;background:rgba(8,8,16,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mail-compose-modal{width:min(560px,100%);max-height:min(620px,calc(100vh - 48px));display:flex;flex-direction:column;background:var(--bg-base-2);border:1px solid var(--glass-border-strong);border-radius:var(--r-lg);box-shadow:0 24px 64px rgba(0,0,0,.55);overflow:hidden;color:var(--tx-1)}.mail-compose-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--glass-border)}.mail-compose-head h2{margin:0;font-size:15px;font-weight:700}.mail-compose-fields{flex:1 1;overflow-y:auto;padding:14px 16px;gap:10px}.mail-compose-fields,.mail-field{display:flex;flex-direction:column}.mail-field{gap:4px}.mail-field>span{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx-3);font-weight:700}.mail-field input{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--tx-1);padding:9px 11px;font-family:inherit;font-size:13px;outline:none}.mail-field input:focus{border-color:var(--acc-ring)}.mail-compose-body{flex:1 1;min-height:200px;resize:vertical;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:var(--r-md);color:var(--tx-1);padding:11px 12px;font-family:inherit;font-size:13.5px;line-height:1.55;outline:none;white-space:pre-wrap}.mail-compose-body:focus{border-color:var(--acc-ring)}.mail-compose-body::placeholder{color:var(--tx-3)}.mail-compose-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--glass-border);background:rgba(0,0,0,.2)}.mail-compose-send{display:flex;align-items:center;gap:10px}.mail-bulkbar,.mail-filterbar{display:flex;align-items:center;gap:6px;padding:7px 10px;border-bottom:1px solid var(--glass-border);min-height:42px}.mail-filter-pill{font-family:inherit;font-size:11.5px;font-weight:600;color:var(--tx-3);background:transparent;border:1px solid transparent;border-radius:var(--r-pill);padding:4px 11px;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.mail-filter-pill:hover{color:var(--tx-1);background:rgba(255,255,255,.06)}.mail-filter-pill:focus-visible{outline:2px solid var(--acc-ring);outline-offset:1px}.mail-filter-pill.is-on{color:#ddd6fe;background:var(--acc-soft)}.mail-selectall{display:inline-grid;place-items:center;background:transparent;border:0;padding:2px;margin-right:2px;cursor:pointer}.mail-selectall:focus-visible{outline:2px solid var(--acc-ring);outline-offset:1px;border-radius:6px}.mail-bulk-count{font-size:12px;font-weight:600;color:var(--tx-1);margin-right:auto}.mail-bulk-actions{display:flex;align-items:center;gap:2px}.mail-row-check{align-self:center;cursor:pointer;opacity:0;transition:opacity var(--dur) var(--ease)}.mail-row-check:focus-visible,.mail-row.is-checked .mail-row-check,.mail-row:hover .mail-row-check{opacity:1}.mail-row-check:focus-visible{outline:2px solid var(--acc-ring);outline-offset:1px}.mail-row.is-checked{background:var(--acc-soft);border-color:var(--acc-ring)}.mail-tag-snooze,.mail-tag-snooze svg{color:var(--tone-amber)}.mail-tag-att svg{color:var(--tx-3)}.mail-field input.is-invalid{border-color:var(--tone-rose)}.mail-field-err{margin:-4px 0 2px;font-size:11.5px;color:var(--tone-rose)}.mail-file-input{display:none}.mail-compose-foot-l{display:flex;align-items:center;gap:6px}.mail-attach-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.mail-attach{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:var(--r-sm);background:rgba(255,255,255,.05);border:1px solid var(--glass-border);font-size:12px;color:var(--tx-2)}.mail-attach-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tx-1)}.mail-attach-size{font-size:11px;color:var(--tx-3);flex:none}.mail-attach .mail-icon-btn{width:22px;height:22px;flex:none}.mail-attach-total{font-size:10.5px;color:var(--tx-3);text-align:right;padding-top:2px}.mail-shortcuts{width:min(460px,92vw);max-height:80vh;overflow-y:auto;border-radius:var(--r-lg);padding:0 0 14px;display:flex;flex-direction:column}.mail-shortcuts .mail-compose-head{padding:14px 16px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between}.mail-shortcuts .mail-compose-head h2{margin:0;font-size:15px;font-weight:700}.mail-shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 18px;gap:4px 18px;margin:0;padding:14px 16px 0}.mail-shortcut-row{display:flex;align-items:center;gap:10px}.mail-shortcut-row dt{margin:0;flex:none;min-width:56px}.mail-shortcut-row dd{margin:0;font-size:12.5px;color:var(--tx-2)}@media (max-width:540px){.mail-shortcuts-grid{grid-template-columns:1fr}}