:root{--font-sans: "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--r-xs: 4px;--r-sm: 6px;--r-md: 9px;--r-lg: 14px;--r-full: 999px;--sidebar-w: 236px;--list-w: 400px;--t-fast: .11s cubic-bezier(.2, 0, .2, 1);--t-med: .18s cubic-bezier(.2, 0, .2, 1)}:root,:root[data-theme=light]{color-scheme:light;--bg: #eef0f4;--surface: #ffffff;--surface-2: #f6f7f9;--surface-3: #eceef2;--surface-hover: #f3f5f8;--surface-active: #e8ecf5;--border: #e2e5ea;--border-strong: #cdd2da;--text: #16191f;--text-muted: #5c6470;--text-subtle: #626a76;--accent: #3355ff;--accent-hover: #2743e0;--accent-soft: #e9edff;--accent-border: #c3cdff;--on-accent: #ffffff;--ok: #0e8a55;--ok-soft: #e2f5ec;--warn: #a46100;--warn-soft: #fdf0dc;--danger: #c32d2d;--danger-soft: #fdeaea;--shadow-1: 0 1px 2px rgb(16 20 28 / .06), 0 1px 3px rgb(16 20 28 / .04);--shadow-2: 0 4px 12px rgb(16 20 28 / .08), 0 1px 3px rgb(16 20 28 / .06);--shadow-3: 0 16px 40px rgb(16 20 28 / .18), 0 2px 8px rgb(16 20 28 / .08);--sidebar-bg: #191d26;--sidebar-text: #c6ccd8;--sidebar-text-strong: #ffffff;--sidebar-hover: #242a36;--sidebar-active: #2f3746;--sidebar-border: #262c38;--sidebar-subtle: #8a93a3}:root[data-theme=dark]{color-scheme:dark;--bg: #0c0e13;--surface: #14171e;--surface-2: #191d26;--surface-3: #1f2430;--surface-hover: #1c212b;--surface-active: #252c3a;--border: #242a35;--border-strong: #333b49;--text: #e8ebf1;--text-muted: #9aa3b2;--text-subtle: #8a93a3;--accent: #6e86ff;--accent-hover: #8497ff;--accent-soft: #1b2140;--accent-border: #33407a;--on-accent: #0b0e16;--ok: #3fc98c;--ok-soft: #10281e;--warn: #e0a04a;--warn-soft: #2b2113;--danger: #f2767b;--danger-soft: #2c1618;--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 4px 14px rgb(0 0 0 / .45);--shadow-3: 0 18px 44px rgb(0 0 0 / .6);--sidebar-bg: #0f1219;--sidebar-text: #99a2b2;--sidebar-text-strong: #f2f5fa;--sidebar-hover: #191e28;--sidebar-active: #222937;--sidebar-border: #1c212c;--sidebar-subtle: #8a93a3}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 14px/1.5 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.012em}h1{font-size:1.15rem}h2{font-size:1rem}h3{font-size:.875rem}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font:12px/1.4 var(--font-mono);background:var(--surface-3);padding:.1em .35em;border-radius:var(--r-xs)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}::selection{background:var(--accent-soft);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;background-clip:content-box;border-radius:var(--r-full)}*::-webkit-scrollbar-thumb:hover{background:var(--text-subtle);background-clip:content-box}.skip-link{position:fixed;left:.75rem;top:.75rem;z-index:100;padding:.5rem .8rem;border-radius:var(--r-md);background:var(--accent);color:var(--on-accent);font-weight:600;transform:translateY(-200%);transition:transform var(--t-fast)}.skip-link:focus{transform:none;text-decoration:none}main[tabindex="-1"]:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle);font-size:.8125rem}.error{color:var(--danger)}.num{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button,input,select,textarea{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:32px;padding:0 .7rem;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:.8125rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-subtle)}.btn:active:not(:disabled){background:var(--surface-active)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--primary:active:not(:disabled){background:var(--accent-hover)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);border-color:transparent;color:var(--text)}.btn--danger{color:var(--danger);border-color:var(--border-strong)}.btn--danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn--danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}.btn--danger-solid:hover:not(:disabled){filter:brightness(1.08);background:var(--danger);border-color:var(--danger)}.btn--sm{min-height:27px;padding:0 .5rem;font-size:.75rem}.btn--lg{min-height:40px;padding:0 1.1rem;font-size:.875rem}.btn--block{width:100%}.btn--icon{width:32px;min-height:32px;padding:0;border-color:transparent;background:transparent;color:var(--text-muted);border-radius:var(--r-md)}.btn--icon:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:transparent}.btn--icon.is-on{color:var(--accent)}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],select,textarea{width:100%;min-height:34px;padding:.35rem .6rem;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);transition:border-color var(--t-fast),box-shadow var(--t-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:var(--text-subtle)}input[type=checkbox]{width:auto;min-height:0;accent-color:var(--accent);cursor:pointer}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.8125rem;font-weight:500;color:var(--text-muted);min-width:0}.field>input,.field>select{font-weight:400;color:var(--text)}.field--check{flex-direction:row;align-items:center;gap:.5rem}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem}.fields--narrow{grid-template-columns:minmax(0,360px)}.seg{display:inline-flex;padding:2px;gap:2px;background:var(--surface-3);border-radius:var(--r-md)}.seg__btn{border:0;background:transparent;color:var(--text-muted);padding:.3rem .65rem;border-radius:var(--r-sm);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.seg__btn:hover:not(:disabled){color:var(--text)}.seg__btn[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.seg__btn:disabled{opacity:.55;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .5rem;border-radius:var(--r-full);background:var(--surface-3);color:var(--text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.pill--ok{background:var(--ok-soft);color:var(--ok)}.pill--warn{background:var(--warn-soft);color:var(--warn)}.pill--danger{background:var(--danger-soft);color:var(--danger)}.pill--accent{background:var(--accent-soft);color:var(--accent)}.kbd{display:inline-block;min-width:1.4em;padding:.05em .4em;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--r-xs);background:var(--surface-2);font:600 11px/1.5 var(--font-mono);color:var(--text-muted);text-align:center}.app{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);height:100dvh;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:.25rem;padding:.85rem .6rem .6rem;background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);overflow-y:auto}.brand{display:flex;align-items:center;gap:.55rem;padding:.35rem .5rem .9rem;color:var(--sidebar-text-strong);font-size:1.0625rem;font-weight:650;letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand__mark{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:linear-gradient(140deg,var(--accent),#8e6bff);color:#fff;font-size:13px;font-weight:700}.nav__label{padding:.75rem .55rem .3rem;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sidebar-subtle)}.nav__item{display:flex;align-items:center;gap:.6rem;padding:.45rem .55rem;border-radius:var(--r-md);color:var(--sidebar-text);font-size:.8438rem;font-weight:500;transition:background var(--t-fast),color var(--t-fast)}.nav__item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong);text-decoration:none}.nav__item.is-active{background:var(--sidebar-active);color:var(--sidebar-text-strong)}.nav__item svg{flex:none;opacity:.85}.nav__item.is-active svg{opacity:1}.nav__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__count{font-size:.75rem;font-weight:600;color:var(--sidebar-subtle);font-variant-numeric:tabular-nums}.nav__item.is-active .nav__count{color:var(--sidebar-text-strong)}.sidebar__spacer{flex:1;min-height:.5rem}.nav__label--toggle{display:flex;align-items:center;gap:.3rem;width:100%;border:0;background:none;cursor:pointer;text-align:left}.nav__label--toggle:hover{color:var(--sidebar-text)}.nav__group{display:flex;flex-direction:column;gap:.1rem}.nav__group-head{display:flex;align-items:center;gap:.4rem;width:100%;padding:.35rem .55rem;border:0;border-radius:var(--r-md);background:none;color:var(--sidebar-subtle);font-size:.75rem;font-weight:600;cursor:pointer;text-align:left}.nav__group-head:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}.nav__group .nav__item svg{opacity:.7}.sidebar__footer{display:flex;align-items:center;gap:.5rem;padding:.6rem .4rem .2rem;border-top:1px solid var(--sidebar-border);margin-top:.4rem}.sidebar__user{flex:1;min-width:0}.sidebar__user strong{display:block;font-size:.8125rem;font-weight:600;color:var(--sidebar-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user span{font-size:.6875rem;color:var(--sidebar-subtle)}.sidebar .btn--icon{color:var(--sidebar-text)}.sidebar .btn--icon:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}.workspace{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;overflow:hidden}.workspace:not(.is-split)[data-focus=reading] .pane--list{display:none}.workspace:not(.is-split)[data-focus=list] .pane--reading{display:none}.workspace.is-split{grid-template-columns:minmax(300px,min(var(--list-w),calc(100% - 366px))) 6px minmax(0,1fr)}.workspace.is-split .pane--list{border-right:1px solid var(--border)}.workspace.is-split .pane--list .pane__head{padding-inline:.7rem}.split-handle{position:relative;cursor:col-resize;background:transparent;margin-left:-3px;margin-right:-3px;z-index:5;touch-action:none}.split-handle:after{content:"";position:absolute;top:0;right:2px;bottom:0;left:2px;border-radius:var(--r-full);transition:background var(--t-fast)}.split-handle:hover:after,.split-handle:focus-visible:after{background:var(--accent)}.pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.pane--list,.pane--reading{background:var(--bg)}.pane__head{display:flex;flex-direction:column;gap:.35rem;padding:.6rem 1rem .2rem;background:var(--bg)}.search{position:relative;display:flex;align-items:center}.search svg{position:absolute;left:.6rem;color:var(--text-subtle);pointer-events:none}.search{max-width:720px}.search svg{left:1rem}.search input{height:2.75rem;padding-left:2.8rem;padding-right:4.5rem;border-radius:var(--r-full);border-color:transparent;background:var(--surface-3);font-size:.95rem}.search input:focus{background:var(--surface-active)}.search__clear{position:absolute;right:5.4rem}.search__tips{position:absolute;right:.5rem;font:600 11px/1 var(--font-mono);color:var(--text-subtle)}.toolbar{display:flex;align-items:center;gap:.25rem;min-height:2.5rem;border-bottom:1px solid var(--border)}.toolbar__check{margin:0 .45rem 0 .25rem}.toolbar__check,.msg__check{width:18px;height:18px}.toolbar__title{font-size:.875rem;font-weight:600;color:var(--text-muted);margin:0 0 0 .4rem}.toolbar__range{margin-left:auto;padding-right:.35rem;font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.toolbar__range strong{color:var(--text);font-weight:600}.bulkbar{display:flex;align-items:center;gap:.15rem}.bulkbar__count{font-size:.8125rem;font-weight:600;margin-right:.5rem}.list-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain}.pane--list{container:list / inline-size}.msg{position:relative;display:flex;align-items:center;gap:.35rem;height:2.5rem;padding:0 1rem 0 .9rem;border-bottom:1px solid var(--border);background:var(--bg);font-size:.875rem;color:var(--text-muted)}.msg.is-unread{background:var(--surface-2);color:var(--text)}.msg:hover{box-shadow:inset 1px 0 0 var(--border-strong),inset -1px 0 0 var(--border-strong),0 1px 3px #00000080;z-index:1}.msg.is-active{background:var(--accent-soft)}.msg.is-checked{background:var(--surface-active)}.msg.is-cursor:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);z-index:3}.is-compact .msg{height:2rem;font-size:.8125rem}.msg__link{position:absolute;inset:0 0 0 calc(.9rem + 28px);z-index:1}.msg__link:hover{text-decoration:none}.msg>*:not(.msg__link){position:relative;z-index:2;pointer-events:none}.msg>.msg__check,.msg>.msg__star,.msg>.msg__actions{pointer-events:auto}.msg>.msg__actions{position:absolute}.msg__check{flex:none;margin:0 .45rem 0 .1rem}.msg__star{flex:none}.msg .imp{margin-right:.35rem}.msg__from{flex:0 0 200px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg.is-unread .msg__from{font-weight:700}.msg__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg__subject{color:var(--text-muted)}.msg.is-unread .msg__subject{font-weight:700;color:var(--text)}.msg__snippet{color:var(--text-subtle)}.msg__count{margin-left:.35rem;font-size:.75rem;font-weight:500;color:var(--text-subtle)}.msg__flag{display:inline-flex;color:var(--danger)}.msg__prio{display:inline-flex;vertical-align:-1px;margin-right:.3rem;color:var(--accent)}.msg__more{display:none;flex:none}.msg__meta{flex:none;display:flex;align-items:center;gap:.3rem}.msg__clip{display:inline-flex;color:var(--text-subtle)}.msg__time{flex:0 0 5.5rem;text-align:right;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text-subtle)}.msg.is-unread .msg__time{font-weight:700;color:var(--text)}.msg__time--snoozed{flex-basis:auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:.25rem;color:var(--warn);white-space:nowrap}.msg.is-unread .msg__time--snoozed{color:var(--warn)}.pill--mailbox{max-width:15ch;text-transform:none;letter-spacing:.01em}.mailbox__dot{width:6px;height:6px;border-radius:var(--r-full);flex:none}.mailbox__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.mailboxbar{display:flex;flex-direction:column;gap:.35rem;min-width:0}.mailboxbar .seg{display:flex;flex-wrap:wrap;max-width:100%}.mailboxbar .seg__btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .5rem;white-space:nowrap}.mailboxbar .seg__btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);box-shadow:none}.mailboxbar__note{margin:0;font-size:.6875rem;line-height:1.5;color:var(--text-muted)}.msg__actions{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);z-index:3;display:flex;gap:.1rem;background:inherit;opacity:0;pointer-events:none}.msg:hover .msg__actions,.msg__actions:focus-within{opacity:1;pointer-events:auto}.msg:hover .msg__time{visibility:hidden}.imp{display:flex;align-items:flex-end;gap:2px;height:11px;flex:none}.imp span{width:3px;border-radius:1px;background:var(--border-strong)}.imp span:nth-child(1){height:5px}.imp span:nth-child(2){height:8px}.imp span:nth-child(3){height:11px}.imp--none{width:13px}.imp--low span:nth-child(1){background:var(--text-subtle)}.imp--mid span:nth-child(1),.imp--mid span:nth-child(2){background:var(--warn)}.imp--high span{background:var(--accent)}.imp--top span{background:var(--ok)}.star{color:var(--text-subtle)}.star.is-on{color:#e8a500}.flag.is-on{color:var(--danger)}@container list (max-width: 720px){.msg,.is-compact .msg{display:grid;height:auto;min-height:3.25rem;grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-areas:"check from meta time more" "check text text star more";column-gap:.45rem;row-gap:.05rem;padding:.45rem .7rem}.msg__check{grid-area:check}.msg__from{grid-area:from}.msg__meta{grid-area:meta}.msg__meta .pill--mailbox{display:none}.msg__time{grid-area:time;flex-basis:auto}.msg__text{grid-area:text}.msg__star{grid-area:star;min-height:24px;height:24px}.msg__check{margin-inline:.2rem .3rem}.msg__link{left:calc(.7rem + 28px)}.msg>.msg__more{grid-area:more;align-self:center}.msg>.msg__actions{top:.3rem;transform:none;right:.6rem}.msg .imp{display:none}.msg__snippet{display:inline}}.reader{display:flex;flex-direction:column;min-height:0;height:100%}.reader__bar{display:flex;align-items:center;gap:.35rem;padding:.55rem .85rem;border-bottom:1px solid var(--border);background:var(--surface)}.reader__bar .spacer{flex:1}.reader__sep{width:1px;height:18px;margin:0 .25rem;background:var(--border)}.reader__scroll{flex:1;overflow-y:auto;padding:1.25rem}.reader__inner{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:.85rem}.reader__subject{font-size:1.4rem;line-height:1.25;font-weight:650;letter-spacing:-.02em}.avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:var(--r-full);font-size:.75rem;font-weight:650;letter-spacing:.01em;color:#fff;text-transform:uppercase;-webkit-user-select:none;user-select:none}.reader__from{display:flex;align-items:flex-start;gap:.7rem}.reader__from .avatar{width:38px;height:38px;font-size:.875rem}.reader__from-main{min-width:0;flex:1}.reader__from-name{font-weight:600;font-size:.9375rem}.reader__from-addr{font-size:.8125rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipients{font-size:.8125rem;color:var(--text-muted)}.recipients__toggle{display:inline-flex;align-items:center;gap:.25rem;min-height:24px;padding:0;border:0;background:none;color:inherit;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipients__toggle:hover{color:var(--text)}.recipients__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.recipients__list{display:grid;gap:.2rem;margin:.45rem 0 0;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.recipients__row{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:.6rem}.recipients__row dt{color:var(--text-subtle)}.recipients__row dd{margin:0;color:var(--text);overflow-wrap:anywhere}.reader__mailboxes{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.reader__mailboxes .pill--mailbox{max-width:28ch}.reader__when{font-size:.75rem;color:var(--text-subtle);white-space:nowrap;padding-top:.2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem 1.1rem;box-shadow:var(--shadow-1)}.card+.card{margin-top:.85rem}.card__head{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.card__head h2,.card__head h3{flex:1;min-width:0}.card__note{margin-top:-.35rem;margin-bottom:.8rem;font-size:.8125rem;color:var(--text-muted)}.body-card{padding:0;overflow:hidden}.body-card .message-frame{display:block;width:100%;border:0;background:var(--surface)}.message-frame-wrap.is-light-island{padding:8px;background:var(--surface-2)}.message-frame-wrap.is-light-island .message-frame{border-radius:var(--r-md);background:#fff}.body-text{padding:1.1rem;margin:0;font:14px/1.6 var(--font-sans);white-space:pre-wrap;overflow-wrap:anywhere}.body-text a{text-decoration:underline;text-underline-offset:2px}.body-placeholder{padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.7rem}.image-notice{display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;border-bottom:1px solid var(--border);background:var(--warn-soft);color:var(--warn);font-size:.8125rem}.image-notice .btn{margin-left:auto}.meter{height:6px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.meter__fill{height:100%;border-radius:var(--r-full);background:var(--accent);transition:width var(--t-med)}.meter__fill.is-top{background:var(--ok)}.meter__fill.is-mid{background:var(--warn)}.meter__fill.is-low{background:var(--text-subtle)}.score-row{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.5rem}.score-big{font-size:1.9rem;font-weight:650;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.attachments{display:flex;flex-direction:column;gap:.5rem}.reader__inner>.attachments{padding:.9rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.conv__message .attachments{padding:0 1rem 1rem}.attachments__head{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;color:var(--text-muted)}.attachments .attachment+.attachment{margin-top:0}.conv{display:flex;flex-direction:column;gap:.5rem}.conv__summary{display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .9rem;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--text-muted);text-align:left;cursor:pointer;transition:background var(--t-fast)}.conv__summary:hover{background:var(--surface-hover)}.conv__summary .avatar{width:28px;height:28px;font-size:.6875rem}.conv__name{flex:none;max-width:32%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text)}.conv__summary.is-unread .conv__name{font-weight:750}.conv__snippet{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem}.conv__when{flex:none;font-size:.75rem;color:var(--text-subtle)}.card.conv__message{padding:0;overflow:hidden}.conv__head{display:flex;align-items:flex-start;gap:.7rem;padding:.85rem 1rem .6rem}.conv__head .avatar{width:36px;height:36px;font-size:.8125rem}.conv__toggle{display:block;min-height:24px;max-width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv__toggle .reader__from-name,.conv__toggle .reader__from-addr{display:inline}.conv__body{border-top:1px solid var(--border)}.conv__body .message-frame{display:block;width:100%;border:0;background:var(--surface)}.conv__more{align-self:center;padding:.3rem .8rem;border:1px dashed var(--border-strong);border-radius:var(--r-full);background:transparent;color:var(--text-muted);font-size:.8125rem;cursor:pointer}.conv__more:hover{color:var(--text);border-color:var(--text-subtle)}.attachment{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.attachment+.attachment{margin-top:.5rem}.attachment__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--text-muted);flex:none}.attachment__main{flex:1;min-width:0}.attachment__name{font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}details.advanced{margin-top:.7rem}details.advanced>summary{cursor:pointer;list-style:none;font-size:.8125rem;font-weight:500;color:var(--text-muted);display:inline-flex;align-items:center;gap:.35rem;padding:.2rem 0}details.advanced>summary::-webkit-details-marker{display:none}details.advanced>summary:before{content:"▸";transition:transform var(--t-fast);display:inline-block}details.advanced[open]>summary:before{transform:rotate(90deg)}details.advanced>summary:hover{color:var(--text)}.provenance{display:grid;gap:.1rem;margin:.6rem 0 0;font-size:.8125rem}.provenance>div{display:grid;grid-template-columns:minmax(140px,38%) minmax(0,1fr);gap:.8rem;padding:.35rem 0;border-top:1px solid var(--border)}.provenance dt{color:var(--text-muted)}.provenance dd{margin:0;overflow-wrap:anywhere}.page{overflow-y:auto;padding:1.5rem}.page__inner{max-width:940px;margin:0 auto}.page__head{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.page__head>div:first-child{flex:1;min-width:240px}.page__head h1{font-size:1.5rem;letter-spacing:-.025em}.page__head p{margin-top:.25rem;color:var(--text-muted)}.tabs{display:flex;gap:.25rem;padding:.2rem;margin-bottom:1.1rem;background:var(--surface-3);border-radius:var(--r-md);width:fit-content}.tabs button{border:0;background:transparent;color:var(--text-muted);padding:.4rem .9rem;border-radius:var(--r-sm);font-size:.8438rem;font-weight:500;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.tabs button:hover{color:var(--text)}.tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.stat{padding:.75rem .85rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.stat__value{font-size:1.45rem;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}.stat__label{font-size:.75rem;color:var(--text-muted);margin-top:.1rem}.row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.8rem 0;border-top:1px solid var(--border)}.row:first-child{border-top:0;padding-top:.2rem}.row__main{flex:1;min-width:220px}.row__main strong{font-size:.875rem;font-weight:600}.row__actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.row--stacked{flex-direction:column;align-items:stretch}.setting-warning{margin-top:.4rem;padding:.45rem .6rem;border-radius:var(--r-sm);background:var(--warn-soft);color:var(--warn);font-size:.8125rem}.banner{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;border:1px solid var(--warn);border-left-width:3px;border-radius:var(--r-md);background:var(--warn-soft);color:var(--warn);font-size:.8125rem}.banner a{color:inherit;font-weight:600;text-decoration:underline}.banner--inset{margin:.6rem .85rem 0}.notice{padding:.55rem .8rem;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);font-size:.8125rem}.notice--error{background:var(--danger-soft);color:var(--danger)}.notice--ok{background:var(--ok-soft);color:var(--ok)}.login{display:grid;place-items:center;min-height:100dvh;padding:1.5rem;background:var(--bg)}.login__card{width:min(100%,380px);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.75rem;box-shadow:var(--shadow-2)}.login__brand{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem;font-size:1.35rem;font-weight:650;letter-spacing:-.025em}.login__card .fields{grid-template-columns:1fr;gap:.7rem;margin:1.25rem 0}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem 1.5rem;text-align:center;color:var(--text-muted);flex:1}.empty__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r-full);background:var(--surface-3);color:var(--text-subtle);margin-bottom:.2rem}.empty strong{color:var(--text);font-size:.9375rem;font-weight:600}.empty p{font-size:.8125rem;max-width:34ch}.empty__action{margin-top:.5rem;display:flex;gap:.5rem}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-hover) 37%,var(--surface-3) 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;padding:.7rem .85rem;border-bottom:1px solid var(--border)}.spinner{width:13px;height:13px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--r-full);animation:spin .6s linear infinite;opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}.toast-host{position:fixed;bottom:1.1rem;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column-reverse;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.7rem;min-width:260px;max-width:min(92vw,460px);padding:.6rem .75rem .6rem .9rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-3);font-size:.8438rem;pointer-events:auto;animation:toast-in var(--t-med)}.toast--error{border-color:var(--danger)}.toast--error .toast__text{color:var(--danger)}.toast__text{flex:1;min-width:0}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:1.5rem;background:#080a0f73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in var(--t-fast)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:min(100%,540px);max-height:82vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3);padding:1.25rem 1.4rem}.snooze-form{display:flex;flex-direction:column;gap:.6rem}.snooze-form .confirm__actions{margin-top:.6rem}.confirm h2{font-size:1.0625rem;margin-bottom:.5rem}.confirm__body{color:var(--text-muted);font-size:.875rem}.confirm__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.menu{position:fixed;z-index:80;display:flex;flex-direction:column;min-width:200px;max-width:min(320px,calc(100vw - 16px));max-height:min(420px,calc(100vh - 16px));padding:.3rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-3);outline:none;animation:fade-in var(--t-fast)}.menu__filter{margin-bottom:.3rem;min-height:32px}.menu__scroll{overflow-y:auto;min-height:0}.menu__title{padding:.45rem .55rem .2rem;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}.menu__item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.42rem .55rem;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);font-size:.8438rem;text-align:left;cursor:pointer}.menu__item.is-active{background:var(--surface-hover)}.menu__item:disabled{opacity:.45;cursor:not-allowed}.menu__item.is-danger{color:var(--danger)}.menu__icon,.menu__check{display:inline-flex;flex:none;width:15px;color:var(--text-muted)}.menu__item.is-danger .menu__icon{color:inherit}.menu__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu__hint{flex:none;font:600 11px/1 var(--font-mono);color:var(--text-subtle)}.menu__empty{padding:.6rem;color:var(--text-muted);font-size:.8125rem}.menu__footer{border-top:1px solid var(--border);margin-top:.3rem;padding-top:.3rem}.modal__head{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.modal__head h2{flex:1}.shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.4rem}.shortcuts h3{font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:.45rem}.shortcuts dl{margin:0;display:grid;gap:.3rem}.shortcuts dl>div{display:flex;align-items:center;gap:.6rem;font-size:.8125rem}.shortcuts dt{flex:none;display:flex;gap:.2rem}.shortcuts dd{margin:0;color:var(--text-muted)}.compose-btn{justify-content:flex-start;gap:.55rem;margin:0 .1rem .4rem;min-height:38px;padding:0 .8rem}.reply-bar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem 0 .5rem}.compose-dock{position:fixed;right:1rem;bottom:0;z-index:55;display:flex;align-items:flex-end;gap:.75rem;max-width:calc(100vw - var(--sidebar-w) - 2rem);pointer-events:none}.compose{position:relative;display:flex;flex-direction:column;width:540px;height:min(600px,calc(100dvh - 4rem));background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-bottom:0;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-3);pointer-events:auto;animation:toast-in var(--t-med)}.compose--expanded{width:min(900px,calc(100vw - var(--sidebar-w) - 2rem));height:calc(100dvh - 3rem)}.compose--min{flex-direction:row;align-items:center;width:260px;height:auto;padding-right:.3rem}.compose__head,.compose__bar{display:flex;align-items:center;gap:.2rem;padding:.45rem .4rem .45rem .9rem;background:var(--surface-3);border-radius:var(--r-lg) var(--r-lg) 0 0}.compose__bar{flex:1;min-width:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.compose__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8438rem;font-weight:600}.compose__loading{flex:1;display:grid;place-items:center;padding:1rem}.compose__fields{display:flex;flex-direction:column;padding:0 .9rem}.compose__field{position:relative;display:flex;align-items:center;gap:.5rem;min-height:2.4rem;border-bottom:1px solid var(--border)}.compose__field select{width:auto;flex:1;min-height:30px;border:0;padding-left:0;background:transparent;box-shadow:none}.compose__label{flex:none;width:2.6rem;font-size:.8125rem;color:var(--text-subtle)}.compose__from{font-size:.8438rem}.compose__row{display:flex;align-items:flex-start}.compose__row>.compose__field{flex:1}.compose__copies{flex:none;margin-top:.45rem;border-bottom:1px solid var(--border);border-radius:0}.compose__subject{border:0!important;padding-left:0!important;box-shadow:none!important;background:transparent!important;font-weight:500}.compose__body{flex:1;min-height:0;resize:none;padding:.8rem .9rem;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent;font:14px/1.6 var(--font-sans);color:var(--text)}.editor{flex:1;min-height:0;display:flex;flex-direction:column}.editor__tools{display:flex;align-items:center;flex-wrap:wrap;gap:.1rem;padding:.25rem .6rem;border-bottom:1px solid var(--border)}.editor__tools .btn--icon{width:28px;min-height:26px;font-size:.8125rem}.editor__link{display:flex;align-items:center;gap:.3rem;margin-left:.3rem;flex:1;min-width:180px}.editor__link input{min-height:28px}.editor__area{overflow-y:auto;outline:none;overflow-wrap:anywhere}.editor__area:focus-visible{outline:none}.editor__area blockquote{margin:.3rem 0 .3rem .4rem;padding-left:.8rem;border-left:3px solid var(--border-strong);color:var(--text-muted)}.editor__area ul,.editor__area ol{margin:.3rem 0;padding-left:1.4rem}.compose__files{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0 .9rem .5rem;list-style:none}.compose__file{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;padding:.2rem .2rem .2rem .55rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);font-size:.8125rem}.compose__file.is-uploading{padding-right:.6rem;opacity:.75}.compose__file-name{min-width:0;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose__error,.compose__notice{margin:0 .9rem .5rem;padding:.45rem .6rem;border-radius:var(--r-sm);font-size:.8125rem}.compose__error{background:var(--danger-soft);color:var(--danger)}.compose__notice{display:flex;align-items:center;gap:.6rem;margin:.5rem 0 0;background:var(--warn-soft);color:var(--warn)}.compose__notice .btn{margin-left:auto}.compose__foot{display:flex;align-items:center;gap:.4rem;padding:.55rem .7rem;border-top:1px solid var(--border)}.compose__status{flex:1;text-align:right}.compose__drop{position:absolute;top:2.6rem;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;align-content:center;gap:.3rem;border:2px dashed var(--accent);background:color-mix(in srgb,var(--accent-soft) 85%,transparent);color:var(--accent);font-weight:600;pointer-events:none}.compose__field--chips{flex-wrap:nowrap;align-items:flex-start;padding:.3rem 0;cursor:text}.compose__field--chips .compose__label{padding-top:.25rem}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;flex:1;min-width:0}.chip{display:inline-flex;align-items:center;gap:.2rem;max-width:100%;padding:.1rem .15rem .1rem .5rem;border-radius:var(--r-full);background:var(--surface-3);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip button{display:inline-grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:var(--r-full);background:transparent;color:var(--text-muted);cursor:pointer}.chip button:hover{background:var(--surface-active);color:var(--text)}.chip--invalid{background:var(--danger-soft);color:var(--danger)}.chips__input{flex:1;min-width:8ch;min-height:26px!important;padding:.1rem .2rem!important;border:0!important;box-shadow:none!important;background:transparent!important}.suggest{position:absolute;left:2.6rem;right:0;top:100%;z-index:5;margin:0;padding:.25rem;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-2)}.suggest li{display:flex;align-items:baseline;gap:.5rem;padding:.35rem .5rem;border-radius:var(--r-sm);cursor:pointer;font-size:.8438rem}.suggest li.is-active{background:var(--surface-hover)}.suggest__addr{color:var(--text-subtle);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-row .msg__link{left:0;border:0;background:transparent;cursor:pointer}.draft-row .msg__from{flex-basis:220px}.draft-row.is-failed .msg__subject{color:var(--danger)}@media(hover:none){.msg__actions{display:none}.msg>.msg__more{display:inline-flex;pointer-events:auto;margin-right:-.4rem}}@media(max-width:760px){:root{--sidebar-w: 60px}.brand{justify-content:center;padding-inline:0}.brand__text,.nav__count,.nav__label,.sidebar__user{display:none}.nav__text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.nav__group{display:none}.nav__item{justify-content:center;padding-inline:0}.sidebar__footer{flex-direction:column}.reader__scroll,.page{padding:.85rem}.reader__subject{font-size:1.15rem}.reader__from{flex-wrap:wrap;row-gap:.35rem}.reader__when{width:100%}.conv__head{flex-wrap:wrap;row-gap:.2rem}.conv__head .reader__when{padding-left:calc(36px + .7rem)}.pane__head{padding:.6rem .7rem}.bulkbar__word,.toolbar__of,.search__tips{display:none}.toolbar__title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.card{padding:.85rem .9rem;border-radius:var(--r-md)}.stats{grid-template-columns:repeat(2,1fr)}.seg{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.toast-host{left:.6rem;right:.6rem;transform:none}.toast{min-width:0;max-width:none}.compose-dock{left:0;right:0;max-width:none}.compose,.compose--expanded{width:100vw;height:100dvh;border-radius:0}.compose--min{width:100vw;height:auto}.compose-btn{justify-content:center;padding:0;margin-inline:0}}.rows{display:flex;flex-direction:column}.pill--receipt{background:var(--ok-soft);color:var(--ok);text-transform:none;letter-spacing:.01em}.msg__amount{min-width:6.5rem;text-align:right;font-size:.8125rem;font-weight:600;color:var(--text);white-space:nowrap}.msg.is-unread .msg__amount{font-weight:700}.receiptbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0}.receiptbar .btn{margin-left:auto;text-decoration:none}.receiptbar .seg__btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);box-shadow:none}.receiptbar .seg{display:inline-flex;width:auto}.receiptbar .seg__btn{white-space:nowrap;padding-inline:.65rem}.receipt-card{margin-bottom:.85rem}.receipt-card+.card{margin-top:0}.receipt-card.is-done{border-color:var(--ok-soft)}.receipt-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.6rem 1rem;margin:0 0 .85rem;font-size:.8125rem}.receipt-fields dt{color:var(--text-muted);font-size:.75rem}.receipt-fields dd{margin:.1rem 0 0;overflow-wrap:anywhere;color:var(--text)}.receipt-fields__amount{font-size:1rem;font-weight:700}.receipt-hint{margin:.6rem 0 0;display:flex;justify-content:flex-end}@container list (max-width: 720px){.msg__amount{min-width:0;font-size:.75rem}}.msg--handled,.is-compact .msg--handled{flex-wrap:wrap;height:auto;padding-block:.45rem;row-gap:.35rem}.msg--handled>.msg__actions{top:.45rem;transform:none}.msg>.msg__handled{flex:1 0 100%;min-width:0;display:flex;align-items:center;gap:.55rem;padding-left:calc(28px + .45rem);font-size:.8125rem}.msg__handled .btn{pointer-events:auto}.msg__handled-actions{display:flex;gap:.35rem;margin-left:auto;flex:none}.msg__why{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.pill--matter{background:var(--accent-soft);color:var(--accent);text-transform:none;letter-spacing:.01em}.pill--matter.is-predicted{background:transparent;color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--border-strong)}.pill--matter.is-failed{background:var(--danger-soft);color:var(--danger)}.pill__note{font-weight:500;opacity:.85}@container list (max-width: 720px){.msg--handled,.is-compact .msg--handled{grid-template-areas:"check from meta time more" "check text text star more" "check handled handled handled handled";row-gap:.3rem}.msg>.msg__handled{grid-area:handled;padding-left:0;flex-wrap:wrap}.msg__why{flex-basis:100%;order:3;white-space:normal}}details.why-matter>summary{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.why-matter__actions{margin-top:.7rem}.learning-range{gap:.6rem}.learning-range input[type=range]{width:180px;accent-color:var(--accent)}.learning-range output{min-width:3ch;text-align:right;font-weight:600;color:var(--text)}.stat__of{font-size:.9rem;font-weight:500;color:var(--text-muted)}.pattern__key{overflow-wrap:anywhere}.pattern__stats{display:flex;flex-wrap:wrap;gap:.25rem .9rem;margin:.3rem 0 0;font-size:.75rem;color:var(--text-subtle)}@media(max-width:760px){.learning-range input[type=range]{width:140px}}.tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}.tabs button{flex:none}.row__actions{min-width:0;max-width:100%}.row__actions select{max-width:100%}@media(max-width:760px){.tabs button{padding-inline:.7rem}}.msg__meta{min-width:0}.msg__chip{min-width:0;flex-shrink:1}.msg__chip .pill__text{min-width:0;overflow:hidden;text-overflow:ellipsis;max-width:22ch}@container list (max-width: 720px){.msg,.is-compact .msg{grid-template-columns:auto minmax(7.5rem,1fr) minmax(0,auto) auto auto}.msg__meta{overflow:hidden}.msg__chip .pill__text{max-width:16ch}}@container list (max-width: 420px){.msg__chip{padding-inline:.35rem}.msg__chip .pill__text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}