:root{--bg:#f5f6f8;--surface:#fff;--text:#16181d;--muted:#667085;--line:#e2e5ea;--accent:#1f3a5f;--accent-text:#fff;--danger:#b3261e;--ok-bg:#e7f6ee;--ok-text:#14532d;--warn-bg:#fff4e0;--warn-text:#7a4a00;--err-bg:#fdecea;--err-text:#8c1d18;--unread:#f0f5ff;--selected:#dfe9fb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111318;--surface:#1a1d24;--text:#eceef2;--muted:#98a2b3;--line:#2c313b;--accent:#8fb4e8;--accent-text:#0d1b2e;--danger:#f2877f;--ok-bg:#12301f;--ok-text:#a7e3bf;--warn-bg:#3a2a08;--warn-text:#f5d08a;--err-bg:#3b1513;--err-text:#f6b3ad;--unread:#1c2535;--selected:#26344d}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent)}h1{overflow-wrap:anywhere;margin:.4rem 0;font-size:1.4rem;line-height:1.25}h2{margin:0 0 .5rem;font-size:1.1rem}.muted{color:var(--muted)}.small{font-size:.85rem}code{overflow-wrap:anywhere}button,.button{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;min-height:44px;padding:.55rem .95rem;text-decoration:none;display:inline-block}button:disabled{opacity:.6;cursor:default}.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}.danger{background:var(--danger);color:#fff;border-color:var(--danger);font-weight:600}.danger-outline{color:var(--danger);border-color:var(--danger);background:0 0}.link-button{color:var(--accent);background:0 0;border:none;min-height:0;padding:.25rem 0;text-decoration:underline}input,select,textarea{font:inherit;border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:8px;min-height:44px;padding:.6rem .7rem}label,.field{margin-bottom:.8rem;font-size:.9rem;font-weight:600;display:block}label input,label select{margin-top:.25rem;font-weight:400}label.check{align-items:center;gap:.5rem;font-weight:400;display:flex}label.check input{width:auto;min-height:0;margin:0}.error,.warning,.success,.notice{overflow-wrap:anywhere;border-radius:8px;margin:.6rem 0;padding:.6rem .8rem}.error{background:var(--err-bg);color:var(--err-text)}.warning{background:var(--warn-bg);color:var(--warn-text)}.success{background:var(--ok-bg);color:var(--ok-text)}.notice{background:var(--surface);border:1px solid var(--line)}.error-text{color:var(--danger)}.center-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;max-width:400px;margin:8vh auto;padding:1.5rem}.center-card form{margin-top:1rem}.center-card .primary{width:100%}.center-card .link-button{margin-top:.8rem;display:block}@media (width<=440px){.center-card{border:none;border-radius:0;min-height:100vh;margin:0}}.qr{background:#fff;border-radius:8px;margin:.5rem auto;display:block}.codes{background:var(--bg);text-align:center;border-radius:8px;padding:.8rem;font-size:1rem;line-height:1.8}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex;position:sticky;top:0}.logo{color:var(--text);font-weight:700;text-decoration:none}.topbar nav{flex:1;gap:.9rem;display:flex}.topbar nav a{color:var(--muted);padding:.5rem 0;text-decoration:none}.topbar nav a.active{color:var(--text);border-bottom:2px solid var(--accent);font-weight:600}.content{padding:1rem 1.25rem}.page-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.brand-tag{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;border-radius:999px;flex-shrink:0;max-width:12rem;padding:.05rem .55rem;font-size:.75rem;font-weight:700;display:inline-block;overflow:hidden}.message-list{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.message-list li+li{border-top:1px solid var(--line)}.message-list li{align-items:center;display:flex;position:relative}.message-list li.selected,.message-list li.unread.selected{background:var(--selected)}.message-list a{min-width:0;color:inherit;flex:1;padding:.7rem .9rem .7rem .5rem;text-decoration:none;display:block}.row-check{flex-shrink:0;width:20px;height:20px;min-height:0;margin:0 .25rem 0 .8rem}.row-actions{background:var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:8px;gap:.3rem;padding:.2rem;display:none;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.row-actions button{min-height:32px;padding:.2rem .6rem;font-size:.85rem}@media (hover:hover){.message-list li:hover .row-actions,.message-list li:focus-within .row-actions{display:flex}}.bulk-bar{flex-wrap:wrap;align-items:center;gap:1rem;min-height:44px;margin-bottom:.4rem;padding:0 .8rem;display:flex}.bulk-bar label.check{margin:0}.bulk-bar label.check input{width:20px;height:20px}.bulk-bar .actions button{min-height:36px;padding:.3rem .8rem}.message-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.3rem;display:flex}.message-bar .actions button{min-height:36px;padding:.3rem .8rem}.message-list a:hover{background:var(--bg)}.message-list li.unread{background:var(--unread)}.message-list li.unread .from,.message-list li.unread .subject{font-weight:700}.row-top{align-items:center;gap:.5rem;display:flex}.from{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.when{color:var(--muted);white-space:nowrap;font-size:.85rem}.subject{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.snippet{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.text{min-width:0}@media (width>=1000px){.message-list a{grid-template-columns:13rem minmax(9rem,19rem) minmax(0,1fr) 5.5rem;align-items:center;column-gap:.9rem;padding:.55rem .9rem;display:grid}.message-list.wide-tags a{grid-template-columns:24rem minmax(9rem,19rem) minmax(0,1fr) 5.5rem}.row-top{display:contents}.row-top .tags{justify-self:start}.when{text-align:right;grid-area:1/4}.text{grid-area:1/3;align-items:baseline;gap:.6rem;display:flex}.text .subject{flex:0 auto;max-width:60%}.text .snippet{flex:1 1 0;min-width:0}}.load-more{margin:1rem auto;display:block}.empty{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:3rem 1rem}.message .meta{overflow-wrap:anywhere;align-items:flex-start;gap:.7rem;margin:.6rem 0;display:flex}.email-frame{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;margin:.8rem 0;display:block}.reply{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.9rem}.reply-from{overflow-wrap:anywhere;margin-bottom:.6rem}.reply textarea{resize:vertical;margin-bottom:.6rem}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.mailbox-list{margin:0 0 1rem;padding:0;list-style:none}.mailbox-list li{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:.7rem;padding:.9rem}.mailbox-main{overflow-wrap:anywhere;align-items:flex-start;gap:.7rem;margin-bottom:.7rem;display:flex}.confirm{background:var(--err-bg);color:var(--err-text);border-radius:8px;padding:.7rem}.confirm p{margin-top:0}.add-form{background:var(--surface);border:1px solid var(--line);border-radius:12px;max-width:860px;padding:1rem}.grid{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}@media (width<=600px){.grid{grid-template-columns:1fr}}.swatches{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:36px;height:36px;min-height:0;padding:0}.swatch.selected{outline:3px solid var(--text);outline-offset:2px}.message-list li.busy{opacity:.5;pointer-events:none}.message-list li.busy .row-actions{display:none}.row-status{background:var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:8px;padding:.2rem .6rem;font-size:.85rem;font-weight:600;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.message-list li.leaving{pointer-events:none;animation:.26s ease-in forwards row-out}.message-list li.leaving .row-actions{display:none}@keyframes row-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(48px)}}.toast{background:var(--text);color:var(--bg);z-index:20;border-radius:999px;max-width:calc(100vw - 2rem);padding:.65rem 1.1rem;font-weight:600;animation:.18s ease-out toast-in;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000040}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.message-list li.leaving{opacity:0;animation:none}.toast{animation:none}}.arrived{overflow-wrap:anywhere;margin:.4rem 0 .2rem}.own-dot{vertical-align:baseline;border-radius:50%;width:.6rem;height:.6rem;margin-right:.35rem;display:inline-block}.tags{flex-wrap:wrap;gap:.25rem;min-width:0;display:inline-flex}.arrived-in{white-space:nowrap;margin-right:.6rem}.reply-pick{border:1px solid var(--line);border-radius:8px;margin:0 0 .7rem;padding:.6rem .8rem}.reply-pick legend{padding:0 .3rem;font-size:.9rem;font-weight:600}.reply-pick label.check{overflow-wrap:anywhere;flex-wrap:wrap;margin:.35rem 0}.replied{color:var(--ok-text);margin-top:.3rem;font-weight:600}.replied .brand-tag{margin-left:.2rem}.edit-tag{border:1px solid var(--line);border-radius:8px;max-width:520px;margin-bottom:.8rem;padding:.8rem}.edit-tag-button{margin:0 .6rem .6rem 0}.replies{margin:.4rem 0 1rem}.sent-reply{border-left:3px solid var(--accent);margin-top:.8rem;padding-left:.8rem}.sent-reply-head{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.8rem;font-weight:600;display:flex}.sent-reply .email-frame{margin:.4rem 0 0}.sent-list a{padding-left:.9rem}[hidden]{display:none!important}