.shell{display:flex;height:100%}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--m-bg)}.keycaps{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}.keycap{font-family:var(--font-mono);font-size:10.5px;line-height:1;padding:3px 5px 4px;border-radius:4px;background:var(--m-bg-sunken);border:1px solid var(--m-rule);border-bottom-color:var(--m-rule-strong);color:var(--m-ink-muted);min-width:10px;text-align:center}.keycap-then:after{content:"·";color:var(--m-ink-faint);font-size:10px}.hint-pair{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.keycap-ghost{font-size:14px;padding:5px 8px 6px;background:var(--m-bg-raised);box-shadow:var(--m-shadow)}.rail{width:var(--rail-w);flex-shrink:0;display:flex;flex-direction:column;padding:14px 10px 12px;background:var(--m-bg-sunken);border-right:1px solid var(--m-rule);-webkit-user-select:none;user-select:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.rail-brand{display:flex;align-items:baseline;gap:8px;padding:2px 10px 16px}.rail-brand-mark{color:var(--m-accent);font-size:15px}.rail-brand-name{font-family:var(--font-read);font-style:italic;font-weight:550;font-size:19px;letter-spacing:.01em}.rail-group{display:flex;flex-direction:column;gap:1px;margin-bottom:18px}.rail-heading{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--m-ink-faint);padding:0 10px 6px}.rail-item{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:var(--radius);font-size:13.5px;color:var(--m-ink-muted);text-align:left}.rail-item:hover{background:var(--m-bg-hover);color:var(--m-ink)}.rail-item.is-active{background:var(--m-accent-soft);color:var(--m-ink);font-weight:550}.rail-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-item-glyph{display:none;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.rail-item-count{font-family:var(--font-mono);font-size:11px;color:var(--m-accent)}.rail-item-keys{opacity:0;transition:opacity var(--t-fast)}.rail:hover .rail-item-keys{opacity:1}.rail-acct-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:8.5px;color:var(--m-bg-raised);background:oklch(var(--avatar-l) .11 var(--hue, 60))}.rail-acct-all{background:var(--m-ink-muted);font-size:12px}.rail-acct-add{background:transparent;border:1px dashed var(--m-rule-strong);color:var(--m-ink-muted);font-size:13px}.rail-acct-email{font-family:var(--font-mono);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-accounts{padding-bottom:12px;border-bottom:1px solid var(--m-rule)}.row-acct-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:oklch(var(--avatar-l) .13 var(--hue, 60))}.compose-from-select{font:inherit;font-size:13px;color:var(--m-ink);background:transparent;border:none;padding:2px 0}.compose-from-fixed{font-size:13px;color:var(--m-ink-muted)}.compose-inline-from{font-size:12px;color:var(--m-ink-faint);flex-shrink:0}.rail-label-dot{width:8px;height:8px;border-radius:50%;background:var(--m-ink-faint);flex-shrink:0}.rail-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:0 10px}.rail-demo-note{font-size:12px;color:var(--m-ink-muted);padding:8px 10px;border:1px dashed var(--m-rule-strong);border-radius:var(--radius);display:flex;flex-direction:column;gap:1px}.rail-demo-sub{color:var(--m-ink-faint);font-size:11px}.rail-account{font-family:var(--font-mono);font-size:11px;color:var(--m-ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-hint{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--m-ink-faint)}.list{flex:1;min-height:0;display:flex;flex-direction:column;animation:list-in var(--t-view)}@keyframes view-in{0%{opacity:0;transform:translateY(3px)}}@keyframes list-in{0%{opacity:0;transform:translate(-8px)}}@keyframes thread-in{0%{opacity:0;transform:translate(12px)}}.list-head,.list-scroll{width:100%;max-width:980px;margin:0 auto}.list-head{display:flex;align-items:baseline;gap:10px;padding:18px 26px 12px}.list-title{font-family:var(--font-read);font-weight:550;font-size:22px;letter-spacing:.005em}.list-count{font-family:var(--font-mono);font-size:11.5px;color:var(--m-ink-faint)}.list-scroll{flex:1;overflow-y:auto;padding-bottom:60px}.row{display:flex;align-items:center;gap:10px;height:var(--row-h);padding:0 26px 0 14px;cursor:default;position:relative;color:var(--m-ink-muted)}.row:hover{background:var(--m-bg-hover)}.row-mark{width:3px;align-self:stretch;border-radius:2px;flex-shrink:0}.row.is-focused{background:var(--m-bg-raised);box-shadow:inset 0 0 0 1px var(--m-rule)}.row.is-focused .row-mark{background:var(--m-accent)}.row.is-selected{background:color-mix(in srgb,var(--m-accent) 12%,var(--m-bg-raised))}.row.is-selected .row-mark{background:var(--m-accent)}.row.is-selected.is-focused{background:color-mix(in srgb,var(--m-accent) 18%,var(--m-bg-raised))}.row.is-unread{color:var(--m-ink)}.row.is-unread .row-from,.row.is-unread .row-subject{font-weight:620}.row-from{position:relative}.row.is-unread .row-from{padding-left:13px}.row.is-unread .row-from:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--m-accent)}.row-star{font-size:13px;color:var(--m-ink-faint);width:20px;flex-shrink:0;opacity:0;transition:opacity var(--t-fast)}.row:hover .row-star,.row.is-focused .row-star,.row-star.is-on{opacity:1}.row-star.is-on{color:var(--m-star)}.row-from{width:190px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.row-draft-tag{color:var(--m-accent);font-style:italic;width:auto;min-width:60px}.row-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.row-snippet{color:var(--m-ink-faint)}.row-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.row-chip{font-family:var(--font-mono);font-size:10px;padding:2px 6px 3px;border-radius:99px;background:var(--m-bg-sunken);color:var(--m-ink-muted);white-space:nowrap}.row-clip{color:var(--m-ink-faint);font-size:12px}.row-date{font-family:var(--font-mono);font-size:11px;color:var(--m-ink-faint);width:64px;text-align:right;white-space:nowrap}.row.is-unread .row-date{color:var(--m-accent)}.sel-bar{position:absolute;bottom:64px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;background:var(--m-ink);color:var(--m-bg);padding:8px 16px;border-radius:99px;box-shadow:var(--m-shadow-high);animation:rise .16s cubic-bezier(.2,.9,.3,1.2);z-index:30}.list{position:relative}@keyframes rise{0%{opacity:0;transform:translate(-50%) translateY(8px)}}.sel-count{font-weight:600;font-size:13px}.sel-actions{display:flex;align-items:center;gap:14px;font-size:12px;opacity:.85}.sel-actions .keycap{background:transparent;border-color:color-mix(in srgb,var(--m-bg) 35%,transparent);color:inherit}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding-bottom:12vh;animation:view-in .3s ease-out}.empty-title{font-family:var(--font-read);font-style:italic;font-size:26px;color:var(--m-ink-muted)}.empty-sub{font-size:13px;color:var(--m-ink-faint)}.thread{flex:1;min-height:0;display:flex;flex-direction:column;animation:thread-in var(--t-view)}.thread-head{display:flex;align-items:center;gap:12px;padding:16px 26px 12px;border-bottom:1px solid var(--m-rule)}.thread-back{font-size:16px;color:var(--m-ink-muted);padding:2px 6px;border-radius:var(--radius)}.thread-back:hover{background:var(--m-bg-hover);color:var(--m-ink)}.thread-subject{font-family:var(--font-read);font-weight:550;font-size:21px;line-height:1.25;flex:1;min-width:0}.thread-star{color:var(--m-star)}.thread-msgcount{font-family:var(--font-mono);font-size:11px;color:var(--m-ink-faint);border:1px solid var(--m-rule);border-radius:999px;padding:2px 8px}.thread-scroll{flex:1;overflow-y:auto}.thread-messages{max-width:900px;margin:0 auto;padding:10px 26px 20px;display:flex;flex-direction:column}.thread-loading{display:flex;flex-direction:column;gap:10px;padding:22px 0}.thread-loading-bar{height:12px;width:60%;border-radius:4px;background:var(--m-bg-sunken);animation:pulse 1.1s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.45}}.msg{position:relative;background:transparent}.msg+.msg{border-top:1px solid var(--m-rule)}.msg.is-focused:before{content:"";position:absolute;left:-16px;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--m-accent);opacity:.65}.msg.is-mine .msg-avatar{outline:2px solid color-mix(in srgb,var(--m-accent) 40%,transparent);outline-offset:1px}.msg-collapsed{display:flex;align-items:center;gap:10px;margin:0 -10px;width:calc(100% + 20px);padding:10px;border-radius:var(--radius);font-size:13px;color:var(--m-ink-muted);text-align:left}.msg-collapsed:hover{background:var(--m-bg-hover)}.msg-collapsed-from{font-weight:600;color:var(--m-ink);flex-shrink:0}.msg-collapsed-snippet{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-collapsed-date{font-family:var(--font-mono);font-size:11px;color:var(--m-ink-faint)}.msg-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;color:var(--m-bg-raised);background:oklch(var(--avatar-l) .11 var(--hue, 60))}.msg-head{display:flex;align-items:center;gap:12px;padding:14px 0 0;cursor:pointer}.msg-who{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px}.msg-from-name{font-weight:620;font-size:14px;flex-shrink:0}.msg-to-inline{font-size:12px;color:var(--m-ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-date{font-family:var(--font-mono);font-size:11px;color:var(--m-ink-faint);flex-shrink:0}.msg-body{padding:8px 0 16px 42px}.msg-text{font-family:var(--font-read);font-size:16px;line-height:1.55;white-space:pre-wrap;overflow-wrap:break-word}.html-body{max-width:none}.html-frame{width:100%;border:none;display:block;background:transparent}.msg-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 16px 42px}.attachment-chip{display:inline-flex;align-items:baseline;gap:8px;border:1px solid var(--m-rule);border-radius:var(--radius);padding:6px 10px;font-size:12.5px;background:var(--m-bg-raised);color:inherit;text-decoration:none}a.attachment-chip:hover{border-color:var(--m-rule-strong);background:var(--m-bg-hover)}.attachment-size{font-family:var(--font-mono);font-size:10.5px;color:var(--m-ink-faint)}.thread-replybar{padding:16px 0 26px;border-top:1px solid var(--m-rule)}.thread-replybar-hint{display:inline-flex;align-items:center;gap:14px;font-size:12.5px;color:var(--m-ink-faint)}.spin{width:12px;height:12px;border-radius:50%;border:2px solid var(--m-rule-strong);border-top-color:var(--m-accent);animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.list-searching{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--m-ink-muted)}.searchbar{display:flex;align-items:center;gap:10px;margin:14px 26px 0;padding:9px 14px;background:var(--m-bg-raised);border:1px solid var(--m-rule-strong);border-radius:var(--radius-lg);box-shadow:var(--m-shadow)}.searchbar-glyph{font-family:var(--font-mono);color:var(--m-accent)}.searchbar-input{flex:1;font-size:14px}.searchbar-hint{display:flex;align-items:center;gap:14px;font-size:11.5px;color:var(--m-ink-faint)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--m-ink) 14%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;z-index:50;animation:overlay-in .12s ease-out}@keyframes overlay-in{0%{opacity:0}}.palette{width:min(560px,calc(100vw - 40px));background:var(--m-bg-raised);border:1px solid var(--m-rule);border-radius:var(--radius-lg);box-shadow:var(--m-shadow-high);overflow:hidden;animation:pop-in .14s cubic-bezier(.2,.9,.3,1.1)}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px) scale(.99)}}.palette-input{width:100%;padding:14px 18px;font-size:15px;border-bottom:1px solid var(--m-rule)}.palette-list{max-height:380px;overflow-y:auto;padding:6px}.palette-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:var(--radius);font-size:13.5px;text-align:left}.palette-item.is-active{background:var(--m-accent-soft)}.palette-item-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-item-hint{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--m-ink-faint)}.palette-empty{padding:18px;color:var(--m-ink-faint);font-size:13px}.help{width:min(860px,calc(100vw - 48px));max-height:76vh;overflow-y:auto;background:var(--m-bg-raised);border:1px solid var(--m-rule);border-radius:var(--radius-lg);box-shadow:var(--m-shadow-high);padding:26px 30px;animation:pop-in .14s cubic-bezier(.2,.9,.3,1.1)}.help-head{display:flex;align-items:baseline;gap:14px;margin-bottom:20px}.help-title{font-family:var(--font-read);font-weight:550;font-size:22px}.help-sub{font-size:12.5px;color:var(--m-ink-faint)}.help-columns{columns:3;column-gap:34px}.help-group{break-inside:avoid;margin-bottom:20px}.help-group-title{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--m-accent);margin-bottom:8px}.help-row{display:flex;align-items:center;gap:10px;padding:3px 0}.help-row .keycaps{min-width:64px}.help-desc{font-size:13px;color:var(--m-ink-muted)}.compose{position:fixed;right:26px;bottom:0;width:min(620px,calc(100vw - 52px));max-height:calc(100vh - 24px);background:var(--m-bg-raised);border:1px solid var(--m-rule-strong);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--m-shadow-high);display:flex;flex-direction:column;z-index:40;animation:compose-up .18s cubic-bezier(.2,.9,.3,1)}@keyframes compose-up{0%{transform:translateY(24px);opacity:0}}.compose.compose-inline{position:static;width:100%;max-height:none;border:1px solid var(--m-rule-strong);border-radius:var(--radius-lg);box-shadow:var(--m-shadow);margin:16px 0 26px;z-index:auto;animation:compose-up .16s cubic-bezier(.2,.9,.3,1)}.compose-inline-to{display:flex;align-items:baseline;gap:6px;padding:10px 14px 4px;font-size:13px}.compose-inline-verb{color:var(--m-ink-faint)}.compose-inline-names{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-inline .compose-body{min-height:110px}.compose-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--m-rule)}.compose-title{font-weight:600;font-size:13px}.compose-head-actions{display:flex;gap:4px}.compose-head-actions button{padding:2px 8px;color:var(--m-ink-faint);border-radius:4px}.compose-head-actions button:hover{background:var(--m-bg-hover);color:var(--m-ink)}.compose-field{display:flex;align-items:center;gap:10px;padding:6px 16px;border-bottom:1px solid var(--m-rule)}.compose-field-label{font-family:var(--font-mono);font-size:11px;color:var(--m-ink-faint);width:22px}.compose-chips{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.compose-chip{display:inline-flex;align-items:center;gap:4px;background:var(--m-bg-sunken);border:1px solid var(--m-rule);border-radius:99px;padding:2px 4px 2px 10px;font-size:12.5px}.compose-chip-x{color:var(--m-ink-faint);padding:0 4px}.compose-chip-x:hover{color:var(--m-danger)}.compose-chip-input{flex:1;min-width:140px;padding:4px 0;font-size:13px}.compose-cc-toggle{align-self:flex-start;margin:4px 16px 0;font-size:11.5px;color:var(--m-ink-faint);padding:2px 6px;border-radius:4px}.compose-cc-toggle:hover{color:var(--m-ink);background:var(--m-bg-hover)}.compose-subject{flex:1;font-size:14px;font-weight:550;padding:4px 0}.compose input:focus-visible,.compose textarea:focus-visible,.searchbar input:focus-visible,.palette-input:focus-visible{outline:none}.compose-body{font-family:var(--font-read);font-size:15.5px;line-height:1.55;padding:14px 16px;min-height:120px;flex:1;overflow-y:auto;resize:vertical}.compose-foot{display:flex;align-items:center;gap:14px;padding:10px 16px 12px;border-top:1px solid var(--m-rule)}.compose-send{display:inline-flex;align-items:center;gap:8px;background:var(--m-accent);color:var(--m-accent-ink);font-weight:600;font-size:13.5px;padding:7px 16px;border-radius:var(--radius);transition:transform var(--t-fast),filter var(--t-fast)}.compose-send:hover{filter:brightness(1.06)}.compose-send:active{transform:scale(.985)}.compose-send .keycap{background:color-mix(in srgb,var(--m-accent-ink) 16%,transparent);border-color:color-mix(in srgb,var(--m-accent-ink) 28%,transparent);color:inherit}.compose-foot-hint{font-size:11.5px;color:var(--m-ink-faint)}.compose-pill{position:fixed;right:26px;bottom:18px;display:inline-flex;align-items:center;gap:8px;background:var(--m-ink);color:var(--m-bg);font-size:13px;font-weight:550;padding:9px 16px;border-radius:99px;box-shadow:var(--m-shadow-high);z-index:40;max-width:320px}.compose-pill-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.compose-pill-dot{width:7px;height:7px;border-radius:50%;background:var(--m-accent);flex-shrink:0}.toasts{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:60;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;background:var(--m-ink);color:var(--m-bg);font-size:13px;padding:9px 16px;border-radius:99px;box-shadow:var(--m-shadow-high);animation:rise .16s cubic-bezier(.2,.9,.3,1.2)}.toast-error{background:#a11a12;color:#fff}.toast .keycap{background:transparent;border-color:color-mix(in srgb,var(--m-bg) 35%,transparent);color:inherit}.toast-undo{display:inline-flex;align-items:center;gap:6px;opacity:.85}.pending-keys{position:fixed;bottom:20px;right:24px;display:flex;align-items:center;gap:4px;z-index:60;pointer-events:none;animation:overlay-in 80ms ease-out}.pending-keys-ellipsis{color:var(--m-ink-faint);font-family:var(--font-mono)}.welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:radial-gradient(ellipse 60% 45% at 50% 0%,var(--m-accent-soft),transparent),var(--m-bg)}.welcome-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:460px;padding:0 24px;animation:welcome-in .5s cubic-bezier(.2,.8,.2,1)}@keyframes welcome-in{0%{opacity:0;transform:translateY(14px)}}.welcome-mark{font-size:30px;color:var(--m-accent)}.welcome-title{font-family:var(--font-read);font-style:italic;font-weight:550;font-size:52px;line-height:1;letter-spacing:.01em}.welcome-tag{font-size:14.5px;line-height:1.7;color:var(--m-ink-muted)}.welcome-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px;width:280px}.welcome-primary{background:var(--m-accent);color:var(--m-accent-ink);font-weight:600;font-size:14px;padding:11px 20px;border-radius:var(--radius-lg);transition:transform var(--t-fast),filter var(--t-fast)}.welcome-primary:hover{filter:brightness(1.06)}.welcome-primary:active{transform:scale(.985)}.welcome-primary:disabled{opacity:.7}.welcome-secondary{border:1px solid var(--m-rule-strong);font-weight:550;font-size:14px;padding:10px 20px;border-radius:var(--radius-lg);color:var(--m-ink-muted)}.welcome-secondary:hover{color:var(--m-ink);background:var(--m-bg-hover)}.welcome-note{font-size:12px;color:var(--m-ink-faint);line-height:1.5}.welcome-note code{font-family:var(--font-mono);font-size:11px}.welcome-error{color:var(--m-danger);font-size:12.5px}.welcome-foot{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--m-ink-faint);display:flex;gap:18px}.welcome-foot-links{display:flex;gap:12px}.welcome-foot-links a{color:inherit}@media(max-width:1000px){.rail{width:var(--rail-w-min);padding:14px 8px 12px;align-items:stretch}.rail-brand{justify-content:center;padding:2px 0 16px}.rail-brand-name,.rail-item-name,.rail-item-keys,.rail-heading,.rail-account,.rail-demo-note{display:none}.rail-item{justify-content:center;gap:5px;padding:6px 2px}.rail-item-glyph{display:inline}.rail-foot{padding:0}.rail-hint{justify-content:center}.rail-hint .hint-pair>span:not(.keycaps){display:none}}@media(max-width:760px){.row-from{width:110px}.row-snippet{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}