@font-face{font-family:Manrope;src:url('fonty/Manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;src:url('fonty/Manrope-latin-ext.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root {
  --bg:#fff; --paper:#fff; --ink:#15161b; --soft:#626773; --faint:#6d717d;
  --line:#e7e9ee; --panel:#f8f8fb; --blue:#1778ff; --green:#16a34a;
  --selected:#eef8f1; --error:#9f1239; color-scheme:light;
}
* { box-sizing:border-box; }
body { margin:0; height:100dvh; display:flex; flex-direction:column; background:var(--bg); color:var(--ink); font-family:Manrope,sans-serif; font-size:14px; line-height:1.5; -webkit-font-smoothing:antialiased; }
button,input,select { font:inherit; }
button,a,select,summary { touch-action:manipulation; }
button,select,summary { cursor:pointer; }
button:disabled { cursor:default; opacity:.45; }
[hidden] { display:none!important; }
a { color:var(--blue); text-decoration:none; }
a:hover { text-decoration:underline; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible { outline:3px solid #c5c3f5; outline-offset:2px; }
.topbar { flex-shrink:0; border-bottom:1px solid var(--line); background:var(--paper); }
.topbar-inner { max-width:1800px; margin:auto; padding:12px 24px; display:flex; align-items:center; gap:24px; }
.brand { flex-shrink:0; min-width:160px; }
.brand h1 { margin:0; font-size:22px; font-weight:700; letter-spacing:-.035em; line-height:1.2; }
.brand>span { font-size:11px; color:var(--soft); }
.archive-info { flex-shrink:0; display:grid; gap:0; text-align:right; }
#archive-info { font-size:12px; font-weight:600; }
.local-label { color:var(--faint); font-size:10px; }
.search-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.search-tools { flex:1; min-width:0; display:flex; align-items:center; gap:10px; }
.search-box { flex:1; min-width:0; display:flex; align-items:center; gap:9px; padding:0 12px; border:1px solid var(--line); background:#fafbfc; border-radius:10px; }
.search-box:focus-within { border-color:#bcbadf; background:var(--paper); }
.search-symbol { font-size:24px; color:var(--soft); line-height:1; }
.search-box input { width:100%; min-width:0; flex:1; padding:9px 0; border:0; background:transparent; font-size:14px; color:var(--ink); }
input::placeholder { color:#9297a1; }
.search-box input:focus-visible { outline:none; }
.search-box kbd { color:var(--faint); font-family:inherit; font-size:10px; border:1px solid var(--line); border-radius:4px; padding:1px 4px; white-space:nowrap; }
select { max-width:100%; color:var(--ink); border:1px solid var(--line); border-radius:8px; background:var(--paper); min-height:34px; padding:6px 8px; font-size:12px; }
.year-filter { flex-shrink:0; }
.year-filter select { width:170px; min-height:40px; }
main { width:100%; max-width:1800px; margin:0 auto; padding:10px 24px 0; flex:1; min-height:0; display:flex; flex-direction:column; }
.search-section { flex-shrink:0; }
.filter-bar { display:flex; align-items:center; gap:20px; padding:0 0 7px; }
.mailboxes-section { display:grid; grid-template-columns:64px minmax(0,1fr); gap:12px; align-items:stretch; margin-bottom:8px; padding:8px 12px; border:1px solid var(--line); border-radius:12px; }
.mailboxes-section>.section-label { display:flex; align-items:center; border-right:1px solid var(--line); color:#343741; font-size:12px; }
.mailbox-tabs { display:grid; grid-template-columns:repeat(auto-fit,minmax(225px,1fr)); gap:6px; min-width:0; }
.mailbox-tab { --mailbox-color:#7560c4; display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; min-height:32px; padding:5px 10px; border:1px solid color-mix(in srgb,var(--mailbox-color) 22%,var(--line)); border-radius:999px; background:color-mix(in srgb,var(--mailbox-color) 4%,white); color:#535862; font-size:13px; font-weight:550; white-space:nowrap; }
.mailbox-tab:nth-child(2) { --mailbox-color:#b45c85; }
.mailbox-tab:nth-child(3) { --mailbox-color:#7d60ca; }
.mailbox-tab:nth-child(4) { --mailbox-color:#4777c8; }
.mailbox-tab:nth-child(5) { --mailbox-color:#288b90; }
.mailbox-tab:nth-child(6) { --mailbox-color:#378b79; }
.mailbox-tab:nth-child(7) { --mailbox-color:#aa7049; }
.mailbox-tab:nth-child(8) { --mailbox-color:#36899e; }
.mailbox-tab:nth-child(9) { --mailbox-color:#9667af; }
.mailbox-dot { width:6px; height:6px; border-radius:50%; background:var(--mailbox-color); flex-shrink:0; }
.mailbox-tab .tab-count { color:var(--faint); font-size:11px; font-weight:400; white-space:nowrap; font-variant-numeric:tabular-nums; }
.mailbox-tab:hover { border-color:var(--mailbox-color); }
.mailbox-tab[aria-pressed="true"] { background:#e7f4eb; border-color:#9fcdae; color:var(--ink); font-weight:650; box-shadow:inset 0 0 0 1px #cce6d4; }
.section-label { font-size:11px; font-weight:600; margin:0; color:var(--soft); flex-shrink:0; }
.folders-section { display:flex; align-items:center; gap:8px; min-width:0; }
.folder-tabs { display:flex; gap:5px; flex-wrap:wrap; min-width:0; }
.folder-tab { display:inline-flex; align-items:center; gap:6px; border:1px solid var(--line); border-radius:8px; padding:5px 9px; background:var(--paper); color:var(--soft); font-size:12px; font-weight:600; min-height:32px; }
.folder-tab .tab-count { color:var(--faint); font-size:10px; font-weight:400; font-variant-numeric:tabular-nums; }
.folder-tab:hover { border-color:#cfd2da; background:#fcfcff; }
.folder-tab[aria-pressed="true"] { background:#e7f4eb; border-color:#b1d9be; color:var(--ink); }
.folder-tab[aria-pressed="true"]:not([data-value=""]) { background:var(--green); border-color:var(--green); color:#fff; }
.folder-tab[aria-pressed="true"]:not([data-value=""]) .tab-count { color:#fff; opacity:.9; }
.results-summary { display:flex; align-items:center; gap:12px; min-height:28px; padding:0 0 6px; font-size:11px; }
.result-count { font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
#filter-summary { color:var(--faint); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.results-summary .quiet-button { margin-left:auto; border:0; padding:0 5px; min-height:22px; white-space:nowrap; }
.quiet-button { border:1px solid var(--line); background:var(--paper); color:var(--soft); padding:4px 8px; border-radius:6px; font-size:11px; min-height:28px; }
.quiet-button:hover:not(:disabled) { border-color:#cfd2da; color:var(--ink); background:#fafbfc; }
.archive-layout { display:grid; grid-template-columns:clamp(280px,28%,390px) minmax(0,1fr); background:var(--paper); border:1px solid var(--line); border-radius:12px; overflow:hidden; flex:1; min-height:0; align-items:stretch; }
.results-panel { display:grid; grid-template-rows:auto minmax(0,1fr) auto; height:100%; min-width:0; min-height:0; }
.results { min-height:0; overflow-y:auto; scrollbar-width:thin; overscroll-behavior:contain; }
.mail-row { display:grid; gap:3px; width:100%; text-align:left; background:var(--paper); color:var(--ink); border:0; border-bottom:1px solid var(--line); padding:10px 13px; }
.mail-row:hover { background:#fafbfc; }
.mail-row[aria-pressed="true"] { background:var(--selected); box-shadow:inset 3px 0 var(--green); }
.mail-row:focus-visible { outline-offset:-4px; }
.row-top { display:flex; justify-content:space-between; gap:8px; align-items:baseline; }
.row-sender { font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.row-date { white-space:nowrap; font-size:10px; color:var(--soft); font-variant-numeric:tabular-nums; }
.row-subject { font-weight:600; font-size:14px; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.row-footer { display:flex; gap:7px; color:var(--soft); font-size:10px; overflow:hidden; white-space:nowrap; }
.row-mailbox { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.pagination { display:flex; justify-content:space-between; align-items:center; gap:6px; padding:7px; border-top:1px solid var(--line); color:var(--soft); font-size:10px; }
.pagination button { font-size:10px; padding:4px 6px; }
.no-results { padding:24px 14px; color:var(--soft); }
.reader { border-left:1px solid var(--line); min-width:0; height:100%; min-height:0; overflow:auto; scrollbar-width:thin; overscroll-behavior:contain; padding:17px 22px; }
.reader[aria-busy="true"] { opacity:.65; }
.reader h2 { font-size:20px; line-height:1.35; letter-spacing:-.02em; margin:0 0 7px; font-weight:600; overflow-wrap:anywhere; }
.empty-reader { padding:60px 0; text-align:center; color:var(--soft); }
.empty-reader>span { font-size:28px; }
.message-details { margin-bottom:9px; }
.message-details summary { display:flex; align-items:baseline; gap:10px; color:var(--soft); font-size:11px; list-style:none; }
.message-details summary::-webkit-details-marker { display:none; }
.compact-sender { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.compact-date { white-space:nowrap; font-variant-numeric:tabular-nums; }
.details-label { margin-left:auto; white-space:nowrap; color:var(--soft); }
.details-label::after { content:' ▾'; }
.message-details[open] .details-label::after { content:' ▴'; }
.message-meta { margin:10px 0 0; display:grid; gap:5px; font-size:11px; color:var(--soft); padding:10px 12px; background:var(--panel); border-radius:8px; }
.message-meta>div { display:grid; grid-template-columns:60px minmax(0,1fr); gap:8px; }
.message-meta dt { color:var(--faint); }
.message-meta dd { margin:0; overflow-wrap:anywhere; }
.attachments { display:flex; gap:6px; flex-wrap:wrap; padding:0 0 9px; }
.attachment { display:inline-flex; align-items:center; gap:7px; padding:4px 7px; border:1px solid var(--line); border-radius:6px; font-size:11px; overflow-wrap:anywhere; max-width:100%; }
.attachment-size { color:var(--soft); font-size:10px; white-space:nowrap; }
.message-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:5px 0; }
.view-controls { display:flex; gap:4px; }
.view-controls button { background:transparent; border:0; color:var(--soft); font-size:11px; border-radius:6px; padding:5px 7px; min-height:28px; }
.view-controls button[aria-pressed="true"] { background:#e7f4eb; color:var(--ink); }
.message-navigation { display:flex; gap:4px; margin-left:auto; }
.message-navigation button { min-width:28px; font-size:14px; padding:0 6px; }
.original-link { font-size:11px; }
.message-content { margin-top:10px; min-width:0; }
#message-text { font-family:inherit; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; margin:0; font-size:14px; }
#message-html { border:0; width:100%; display:block; min-height:260px; background:#fff; color-scheme:light; }
.footer { display:flex; justify-content:space-between; gap:10px; font-size:10px; color:var(--soft); padding:7px 0; flex-shrink:0; }
.error { flex-shrink:0; padding:8px 12px; margin-bottom:8px; color:var(--error); border:1px solid #fecdd3; background:#fff1f2; border-radius:8px; }
.mobile-back { display:none; }
@media(max-width:1100px) {
  .brand { min-width:130px; }
  .topbar-inner { gap:16px; }
  .filter-bar { gap:12px; }
  .folders-section>.section-label { display:none; }
}
@media(max-width:900px) {
  .topbar-inner { padding:10px 14px; gap:9px; flex-wrap:wrap; }
  .brand h1 { font-size:20px; }
  .archive-info { margin-left:auto; }
  .search-tools { order:3; flex-basis:100%; }
  main { padding:8px 14px 0; }
  .filter-bar { flex-wrap:wrap; gap:6px; }
  .folders-section>.section-label { display:block; }
  .archive-layout { grid-template-columns:minmax(0,1fr); }
  .reader { display:none; border-left:0; padding:14px; }
  body.reading .reader { display:block; }
  body.reading .results-panel { display:none; }
  body.reading .search-section { display:none; }
  .mobile-back { display:inline-block; margin-bottom:10px; }
  .footer { font-size:9px; }
  .footer>span:last-child { display:none; }
}
@media(max-width:640px) {
  .mailboxes-section { grid-template-columns:minmax(0,1fr); gap:5px; padding:8px; }
  .mailboxes-section>.section-label { border-right:0; font-size:11px; }
  .mailbox-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
  .mailbox-tab { white-space:normal; justify-content:flex-start; text-align:left; padding:5px 8px; font-size:11.5px; min-height:40px; }
  .mailbox-tab .tab-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .mailbox-tab .tab-count { margin-left:auto; font-size:10px; }
  .mailbox-tab[data-value=""] { grid-column:1 / -1; justify-content:center; min-height:30px; }
  .mailbox-tab[data-value=""] .tab-count { margin-left:0; }
  .year-filter select { width:145px; }
  .search-box kbd { display:none; }
  .search-box input { font-size:16px; }
  .search-box { padding:0 8px; }
  .folder-tab { padding:5px 8px; font-size:11px; }
  .folder-tab .tab-count { font-size:9px; }
  .folders-section { width:100%; }
  .folders-section>.section-label,.folder-tab .tab-count { display:none; }
  .results-summary { gap:7px; }
  .reader h2 { font-size:18px; }
  .message-details summary { gap:7px; flex-wrap:wrap; }
  .compact-sender { max-width:100%; }
  .message-toolbar { gap:6px; }
}
@media(pointer:coarse) {
  select,.quiet-button,.folder-tab,.view-controls button,.message-details summary { min-height:40px; }
  .message-details summary { align-items:center; }
  .attachment,.original-link { min-height:40px; display:inline-flex; align-items:center; }
}


.advanced{font-size:11px;margin:0 0 6px}.advanced>summary{display:inline-block;color:var(--soft);padding:4px 0}.advanced>summary::after{content:' ▾'}.advanced[open]>summary::after{content:' ▴'}
.advanced-fields{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:6px}
.advanced-fields label,.annotation-fields label{display:grid;gap:4px;color:var(--soft);font-size:11px}.advanced-fields input,.annotation-fields input,.annotation-fields textarea{border:1px solid var(--line);border-radius:6px;padding:6px 8px;font:inherit;color:var(--ink);background:white;min-height:32px}.advanced-fields input[type=search]{width:190px}.advanced-fields .starred-filter{display:flex;align-items:center;min-height:34px;gap:6px}.starred-filter input{min-height:0}
.archive-layout{grid-template-columns:var(--list-width,clamp(280px,28%,390px)) 6px minmax(0,1fr)}.resize-divider{cursor:col-resize;background:var(--panel);touch-action:none}.resize-divider:hover,.resize-divider:focus{background:#b1d9be}.reader{border-left:0}.message-heading{display:flex;align-items:flex-start;gap:12px}.message-heading h2{flex:1}.star-button{border:0;background:transparent;color:var(--soft);font-size:27px;line-height:1;padding:0 2px}.star-button[aria-pressed=true],.row-star{color:#b47b00}.row-star{font-size:13px}.row-snippet{font-size:11px;font-weight:400;color:var(--soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-labels{color:#39794e}
.annotation-editor{font-size:11px;color:var(--soft);margin:0 0 8px}.annotation-editor>summary{display:inline-block}.annotation-editor>summary::after{content:' ▾'}.annotation-editor[open]>summary::after{content:' ▴'}.annotation-fields{display:grid;gap:8px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-top:6px}.annotation-fields button{justify-self:start}.annotation-fields textarea{resize:vertical}.annotation-fields input{width:100%}#annotation-summary{color:#39794e;margin-left:8px}#annotation-status{font-size:11px}
.quiet-button.delete-button{color:#a82b37;border-color:#e9c7ca;margin-left:8px}.delete-button:hover:not(:disabled){background:#fff0f0;color:#8c1e28}.message-toolbar{gap:6px}.message-navigation{margin-left:auto}.original-link{margin-left:auto}
body.reader-expanded .archive-layout{grid-template-columns:minmax(0,1fr)}body.reader-expanded .results-panel,body.reader-expanded .resize-divider{display:none}body.reader-expanded .reader{display:block}body.reader-expanded .message-content{max-width:1200px;margin-left:auto;margin-right:auto}
.poczta-hit{background:#fff0a6;color:inherit;border-radius:2px;padding:0}.toast{position:fixed;bottom:22px;right:24px;max-width:420px;padding:10px 15px;border-radius:8px;background:#263b2c;color:white;font-size:12px;z-index:20;box-shadow:0 3px 15px #0002}
body.resizing{user-select:none;cursor:col-resize}body.resizing iframe{pointer-events:none}
@media(max-width:900px){.archive-layout{grid-template-columns:minmax(0,1fr)}.resize-divider{display:none}}

.row-top .row-sender{flex:1}

.starred-tab{flex-shrink:0;white-space:nowrap}.starred-tab>span{color:#b47b00}.starred-tab[aria-pressed="true"]{background:#fff3c4!important;border-color:#d5ae42!important;color:#654d08!important}



.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--paper)}
.sort-label{font-size:11px;color:var(--soft)}
.sort-control{display:flex;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--panel);gap:2px}
.sort-control button{border:0;border-radius:6px;background:transparent;color:var(--soft);font:inherit;font-size:11px;font-weight:550;padding:6px 9px;min-height:28px}
.sort-control button:hover{color:var(--ink);background:#ffffff80}
.sort-control button[aria-pressed="true"]{background:#e7f4eb;color:#28633c;box-shadow:0 1px 3px #00000012}


.filter-bar{position:relative;gap:8px;padding:0 0 8px}
.folders-section{margin-right:12px}
.advanced{margin:0;font-size:12px;flex-shrink:0}
.advanced>summary.folder-tab{display:inline-flex;list-style:none;padding:5px 9px;color:var(--soft)}
.advanced>summary::-webkit-details-marker{display:none}
.advanced[open]>summary.folder-tab{background:#e7f4eb;border-color:#b1d9be;color:var(--ink)}
.advanced>.advanced-fields{position:absolute;left:0;right:0;top:calc(100% - 2px);z-index:15;margin:0;box-shadow:0 8px 24px #0000001a}
.filter-bar .results-summary{margin-left:auto;min-width:0;min-height:32px;padding:4px 10px;border:1px solid var(--line);border-radius:8px;font-size:12px;gap:8px}
.filter-bar #filter-summary{max-width:280px}
.filter-bar .results-summary .quiet-button{margin-left:2px;min-height:22px;font-size:11px}
@media(max-width:640px){.folders-section{margin-right:0}.filter-bar .results-summary{margin-left:0}}


main{padding-top:14px}
.filter-bar .search-tools{flex:0 1 340px;min-width:220px;gap:8px;margin-right:12px}
.filter-bar .search-box{min-height:32px;border-radius:8px;padding:0 9px;gap:6px}
.filter-bar .search-box input{padding:5px 0;font-size:13px}
.filter-bar .search-symbol{font-size:18px}
.filter-bar .year-filter{flex-shrink:0}
.filter-bar .year-filter select{width:auto;min-height:32px;padding:5px 8px;font-size:12px}
@media(max-width:900px){.filter-bar .search-tools{flex-basis:100%;margin-right:0}}
@media(max-width:640px){.filter-bar .search-box input{font-size:16px}}

.filter-bar .folders-section>.section-label{display:none}
@media(min-width:641px){.filter-bar .folders-section{flex-shrink:0}.filter-bar .folder-tabs{flex-wrap:nowrap}}
.filter-bar .search-tools{min-width:340px}.filter-bar .search-box{min-width:200px}
@media(max-width:900px){.filter-bar .search-tools{min-width:0}.filter-bar .search-box{min-width:0}}
.filter-bar{flex-wrap:wrap;row-gap:8px}
@media(max-width:900px){.filter-bar .search-tools{order:-1}}


.filter-bar{padding:6px 0 14px}
.filter-bar .search-tools{flex:none;min-width:0}
.filter-bar .search-box{flex:none;min-width:0;width:var(--list-width,340px)}
.filter-bar .year-filter select{appearance:none;-webkit-appearance:none;min-height:32px;padding:5px 28px 5px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236d717d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--soft);font-size:12px;font-weight:600;cursor:pointer}
.filter-bar .year-filter select:hover{border-color:#cfd2da;background-color:#fcfcff;color:var(--ink)}
.filter-bar .year-filter select:has(option[value=""]:not(:checked)){background-color:var(--green);border-color:var(--green);color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@media(max-width:900px){.filter-bar .search-box{flex:1;width:auto}.filter-bar .search-tools{flex-basis:100%}}


.mail-demo-intro{margin:0 0 14px;padding:18px 24px;border-radius:16px;background:#0096ff;color:#fff}
.mail-demo-intro p{margin:0;max-width:1250px;font-size:16px;line-height:1.65;text-wrap:pretty}
.mail-demo-intro strong{font-weight:800}
@media(max-width:900px){
 .mail-demo-intro{padding:16px 18px;border-radius:14px}
 .mail-demo-intro p{font-size:14px;line-height:1.6}
 body:not(.reading){height:auto;min-height:100dvh}
 body:not(.reading) main{flex:none;min-height:100dvh}
 body:not(.reading) .archive-layout{flex:0 0 auto;height:60dvh;min-height:300px}
 .footer>span:first-child{overflow-wrap:anywhere}
}


.message-toolbar-primary,.message-toolbar-secondary,.font-controls{display:contents}
#message-subject:focus{outline:none}
@media(max-width:900px){
 #expand-reader{display:none}
 .advanced-fields input:not([type=checkbox]),.advanced-fields select,.annotation-fields input,.annotation-fields textarea{font-size:16px;min-height:44px;max-width:100%}
 .advanced-fields label{min-width:0}
 .toast{left:14px;right:14px;bottom:14px;max-width:none}
}
@media(max-width:640px){
 .message-toolbar-primary,.message-toolbar-secondary{display:flex;align-items:center;gap:6px;width:100%;min-width:0}
 .message-toolbar{gap:4px;padding:5px 0}
 .font-controls{display:flex;gap:4px;margin-left:auto}
 .font-controls .quiet-button{min-width:40px;padding:0 5px}
 .view-controls{gap:2px;min-width:0}
 .view-controls button{padding:5px;font-size:11px;white-space:nowrap}
 .message-navigation{margin-left:0}
 .message-navigation button{min-width:40px;padding:0 5px}
 #copy-link{font-size:11px;padding:4px 5px;white-space:nowrap}
 .original-link{margin-left:auto;font-size:11px;white-space:nowrap}
 .star-button{min-width:44px;min-height:44px}
}
@media(pointer:coarse){
 .mailbox-tab,.folder-tab,.quiet-button,.view-controls button,.sort-control button,.message-details summary,.original-link,.attachment{min-height:44px}
 .annotation-editor>summary{min-height:40px;display:flex;align-items:center;flex-wrap:wrap}
 .results-summary .quiet-button{min-height:44px}
}

.mailbox-select{display:none}
@media(max-width:640px){
 .mailboxes-section{grid-template-columns:60px minmax(0,1fr);align-items:center;gap:8px}
 .mailbox-tabs{display:none}
 .mailbox-select{display:block;width:100%;min-width:0;min-height:44px;font-size:16px}
 .folder-tabs{gap:4px}
 .folder-tab{padding:5px 6px}
 body.reading .footer{display:none}
}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
 body.reading .footer{display:none}
 body.reading .reader{padding:10px 12px}
 body.reading #message{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);gap:4px 12px;align-items:start}
 .mobile-back{grid-column:1;grid-row:1;justify-self:start;margin:0}
 .message-heading{grid-column:2;grid-row:1;align-items:center;gap:6px}
 .message-heading h2{font-size:16px;margin:0;line-height:1.35}
 .message-details{grid-column:1;grid-row:2;margin:0}
 .message-details summary{gap:6px;font-size:10px}
 .annotation-editor{grid-column:2;grid-row:2;align-self:center;margin:0}
 .annotation-editor>summary{font-size:10px;min-height:44px}
 .attachments,.message-toolbar,.message-content{grid-column:1/-1}
 .message-toolbar{flex-wrap:nowrap;gap:8px}
 .message-toolbar-primary,.message-toolbar-secondary{width:auto}
 .message-toolbar-primary{flex:1;gap:4px}
 .message-toolbar-secondary{gap:4px}
 .message-toolbar .quiet-button,.message-toolbar .original-link{font-size:10px}
 .view-controls button{font-size:10px}
 .message-content{margin-top:4px}
}

@media(max-width:360px){.folder-tabs>.folder-tab{flex:1 1 calc(33.333% - 4px)}}