.mail{container:mail / inline-size;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--bg-elev);overflow:hidden}.mail-top{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--bg-elev)}.mail-brand{display:inline-flex;align-items:center;gap:7px;font-weight:750;color:var(--accent-ink)}.mail-search{flex:1;display:flex;align-items:center;gap:8px;max-width:420px;margin-inline:auto;padding:7px 12px;border-radius:99px;background:var(--bg-sunk);color:var(--ink-3);font-size:.84rem;overflow:hidden;white-space:nowrap}.mail-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:0}.mail-folders{position:absolute;inset-block:0;inset-inline-start:0;z-index:12;width:min(240px,80%);padding:10px 8px;background:var(--bg-elev);border-inline-end:1px solid var(--line);box-shadow:var(--shadow-lg);display:none;flex-direction:column;gap:2px;overflow:auto}.mail.is-drawer .mail-folders{display:flex}.mail-new{margin:2px 4px 10px;justify-content:flex-start;padding:10px 14px;border-radius:12px}.mail-folder{border:0;border-radius:9px;padding:8px 10px}.mail-folder-t{flex:1}.mail-count{font-size:.78rem}.mail-list,.mail-read{min-height:0;overflow:auto}.mail[data-view=read] .mail-list,.mail[data-view=list] .mail-read{display:none}.mail-list-h{font-size:1rem;margin:0;padding:12px 14px 8px}.mail-empty,.mail-pick{padding:18px 14px;margin:0}.mail-pick{display:flex;align-items:center;gap:8px;justify-content:center;height:100%}.mail-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;border-inline-start:3px solid transparent}.mail-item.is-unread{border-inline-start-color:var(--accent)}.mail-item.is-unread .mail-item-from,.mail-item.is-unread .mail-item-subj{font-weight:750}.mail-item-from{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item-time{font-size:.78rem;color:var(--ink-3)}.mail-item-subj{grid-column:1 / -1;display:flex;align-items:center;gap:5px;color:var(--ink-2);font-size:.86rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mail-item-subj .pa-ico{width:15px;height:15px}.mail-read{padding:10px 16px 18px}.mail-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}.mail-subj{font-size:1.1rem;margin:14px 0 10px}.mail-meta{display:flex;align-items:flex-start;gap:10px;font-size:.85rem}.mail-meta-t{flex:1;min-width:0;overflow-wrap:anywhere}.mail-text{white-space:pre-line;margin:16px 0;line-height:1.6;max-width:40rem}.mail-files{display:flex;flex-wrap:wrap;gap:8px;padding:6px 0}.mail-file{display:inline-flex;align-items:center;gap:6px;padding:6px 6px 6px 10px;border:1px solid var(--line-2);border-radius:9px;background:var(--bg-sunk);font-size:.84rem}.mail-file .pa-icon-btn{width:24px;height:24px}.mail-file .pa-icon-btn .pa-ico{width:14px;height:14px}.mail-compose{position:absolute;inset:0;z-index:14;display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--line-2);box-shadow:var(--shadow-lg)}.mail-compose[hidden]{display:none}.mail-compose-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 6px 14px;background:var(--bg-sunk);border-bottom:1px solid var(--line)}.mail-lines{display:grid}.mail-line-row{display:flex;align-items:center;border-bottom:1px solid var(--line)}.mail-line-row>.mail-line{flex:1;border-bottom:0}.mail-line{display:flex;align-items:center;gap:8px;padding:2px 12px;border-bottom:1px solid var(--line)}.mail-line-l{flex:none;min-width:3.4em;color:var(--ink-3);font-size:.84rem}.mail-in{flex:1;min-width:0;border:0;background:transparent;padding:9px 2px;outline:none}.mail-line:focus-within{box-shadow:inset 0 -2px 0 var(--accent)}.mail-ccbtn{font-size:.82rem;color:var(--ink-3);padding:6px 10px}.mail-body-in{flex:1;min-height:90px;resize:none;padding:12px 14px;line-height:1.5}.mail-body-in:focus{box-shadow:inset 0 0 0 2px var(--accent-soft)}.mail-quote{margin:0 14px 8px;padding:6px 10px;border-inline-start:3px solid var(--line-2);color:var(--ink-3);font-size:.8rem;white-space:pre-line;max-height:5.5em;overflow:auto}.mail-compose>.mail-files{padding:4px 14px}.mail-compose-f{display:flex;align-items:center;gap:6px;padding:10px 12px;border-top:1px solid var(--line)}.mail-compose-f [data-hit=discard]{margin-inline-start:auto}.mail-picker{position:absolute;inset-inline:12px;bottom:56px;z-index:3;max-width:340px;margin-inline:auto;border:1px solid var(--line-2);border-radius:12px;background:var(--bg-elev);box-shadow:var(--shadow-lg);overflow:hidden}.mail-picker .pa-row:last-child{border-bottom:0}@container mail (min-width: 760px){.mail-body{grid-template-columns:190px minmax(220px,300px) minmax(0,1fr)}.mail-folders{position:static;display:flex;width:auto;box-shadow:none;background:var(--bg)}.mail-menu-btn,.mail-back{display:none}.mail[data-view] .mail-list,.mail[data-view] .mail-read{display:block}.mail-read .mail-pick{display:flex}.mail-list{border-inline-end:1px solid var(--line)}.mail-compose{inset:auto auto 0;inset-inline-end:16px;width:min(540px,calc(100% - 32px));height:min(470px,calc(100% - 14px));border-radius:12px 12px 0 0;overflow:hidden}}@container mail (max-width: 420px){.mail-search span{display:none}.mail-search{flex:none;margin-inline-start:auto;margin-inline-end:0}.mail-act-t{display:none}}.mail-text.has-paras{white-space:normal}.mail-text.has-paras>p{margin:0 0 .85em;white-space:pre-line}.mail-link{display:inline;padding:0;border:0;background:none;color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit}.mail-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}.mail-spotbar{flex:1 1 14rem;display:flex;align-items:center;gap:7px;margin:0;padding:6px 10px;border-radius:8px;background:var(--warn-bg);color:var(--ink);font-size:.84rem;font-weight:600}.mail-spot{display:inline;padding:1px 4px;margin:-1px -4px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:start;line-height:inherit;cursor:pointer;box-shadow:inset 0 -1.5px 0 var(--line-2);-webkit-box-decoration-break:clone;box-decoration-break:clone}.mail-spot:hover{background:var(--bg-sunk)}.mail-spot:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.mail-subj .mail-spot,.mail-meta-t .mail-spot:first-child{font-weight:700}.mail-spot.mail-link{color:var(--accent-ink);text-decoration:underline}.mail-spot.is-found{background:var(--bad-bg);box-shadow:inset 0 0 0 1.5px var(--bad)}.mail-spot.is-found:after{content:" ⚑";color:var(--bad);font-weight:700}.mail-spot.is-safe{animation:mail-safe 1.4s ease-out}@keyframes mail-safe{0%,60%{background:var(--ok-bg);box-shadow:inset 0 0 0 1.5px var(--ok)}}@media(prefers-reduced-motion:reduce){.mail-spot.is-safe{animation:none;background:var(--ok-bg)}}.mail-spot-n{margin-inline-start:auto;color:var(--bad);font-weight:750;direction:ltr}