:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ground:#f6f7f9;--surface:#fff;--ink:#171a1f;--muted:#5a6472;--rule:#dfe3e9;--accent:#1b6e68;--danger:#a03729;--ok:#2f6b3a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--ground:#111419;--surface:#181c23;--ink:#e4e8ed;--muted:#96a0ae;--rule:#282e38;--accent:#57b6af;--danger:#df7a6a;--ok:#6bb57c}}:root[data-theme=dark]{--ground:#111419;--surface:#181c23;--ink:#e4e8ed;--muted:#96a0ae;--rule:#282e38;--accent:#57b6af;--danger:#df7a6a;--ok:#6bb57c}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);margin:0;font:14px/1.5 -apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.layout{grid-template-columns:200px 340px minmax(0,1fr);height:100dvh;display:grid}.mobile-bar,.drawer-scrim{display:none}.sidebar,.message-list{border-right:1px solid var(--rule);overflow-y:auto}.sidebar{padding:16px 8px}.sidebar section{margin-bottom:20px}.sidebar ul{margin:4px 0 0;padding:0;list-style:none}.sidebar button{text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;gap:8px;width:100%;padding:6px 10px;display:flex}.sidebar .domain{font-weight:600}.sidebar .address{color:var(--muted);padding-left:20px}.sidebar button:hover{background:var(--surface)}.sidebar .selected{background:var(--surface);color:var(--accent)}.sidebar .count{color:var(--accent);font-variant-numeric:tabular-nums}.message-list ul{margin:0;padding:0;list-style:none}.message-list li{border-bottom:1px solid var(--rule)}.message-list li button{text-align:left;background:0 0;border:0;flex-direction:column;gap:2px;width:100%;padding:10px 14px;display:flex}.message-list li button:hover{background:var(--surface)}.message-list .selected{background:var(--surface);box-shadow:inset 3px 0 0 var(--accent)}.message-list .row{justify-content:space-between;gap:8px;display:flex}.message-list .from{font-weight:500}.message-list .unread .from,.message-list .unread .subject{font-weight:700}.message-list .when,.message-list .meta{color:var(--muted);font-size:12px}.message-list .snippet{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-list .meta{gap:10px;display:flex}.load-more{width:100%;color:var(--accent);background:0 0;border:0;padding:12px;display:block}.message-view{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.message-view header{border-bottom:1px solid var(--rule);flex-shrink:0;padding:20px 24px 12px}.message-view h1{margin:0 0 12px;font-size:20px}.headers{grid-template-columns:max-content minmax(0,1fr);gap:2px 12px;margin:0;font-size:13px;display:grid}.headers dt{color:var(--muted)}.headers dd{overflow-wrap:anywhere;margin:0}.verdicts{color:var(--danger);margin:12px 0 0;font-size:12px}.images-blocked{color:var(--muted);margin:12px 0 0;font-size:13px}.images-blocked button{border:1px solid var(--rule);background:0 0;border-radius:4px;padding:2px 8px}.message-body{background:var(--surface);border:0;flex:1;width:100%;min-height:0}.attachments{border-top:1px solid var(--rule);flex-shrink:0;padding:12px 24px 20px}.attachments h2{text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:12px}.attachments ul{margin:0;padding:0;list-style:none}.attachments .meta{color:var(--muted);font-size:12px}.empty{color:var(--muted);padding:24px}.error{color:var(--danger)}.signin{text-align:center;place-content:center;gap:16px;height:100vh;display:grid}.signin button{border:1px solid var(--rule);background:var(--surface);border-radius:6px;padding:8px 20px}.actions{gap:8px;margin-bottom:14px;display:flex}.actions button{border:1px solid var(--rule);background:var(--surface);border-radius:4px;padding:4px 12px}.actions button:hover{border-color:var(--accent);color:var(--accent)}.actions .link{color:var(--muted);background:0 0;border:0;padding:4px 6px}.actions .link:hover{color:var(--accent)}.compose{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.compose header{justify-content:space-between;align-items:baseline;padding:20px 24px 12px;display:flex}.compose h2{margin:0;font-size:18px}.compose .link{color:var(--muted);background:0 0;border:0}.compose .link:hover{color:var(--accent)}.compose-fields{border-bottom:1px solid var(--rule);grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:6px 12px;margin:0;padding:0 24px 12px;font-size:13px;display:grid}.compose-fields dt{color:var(--muted)}.compose-fields dd{margin:0}.compose-fields .fixed{color:var(--muted)}.compose-fields input{border:1px solid var(--rule);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:4px;padding:5px 8px}.compose-fields input:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.compose-fields .from-editable{align-items:center;gap:6px;min-width:0;display:flex}.compose-fields .from-editable input{flex:1;min-width:0}.compose-fields .from-editable span{color:var(--muted)}.compose-fields .from-editable select{border:1px solid var(--rule);background:var(--surface);color:var(--ink);font:inherit;border-radius:4px;max-width:50%;padding:5px 8px}.compose-fields .from-editable select:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.compose-toolbar{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:8px 24px;display:flex}.compose-toolbar .hint{color:var(--muted);font-size:12px}.compose-body{background:var(--surface);color:var(--ink);resize:none;border:0;flex:1;padding:16px 24px;font:14px/1.6 Menlo,Consolas,monospace}.compose-body:focus-visible{outline:0}.compose-preview{background:var(--surface);border:0;flex:1;width:100%}.compose footer{border-top:1px solid var(--rule);align-items:center;gap:12px;padding:12px 24px;display:flex}.compose footer button{border:1px solid var(--accent);background:var(--accent);color:var(--surface);border-radius:4px;padding:6px 18px}.compose footer button:disabled{opacity:.5;cursor:default}.verdicts{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.verdicts li{border:1px solid var(--rule);border-radius:3px;align-items:baseline;gap:5px;padding:2px 8px;font-size:11px;display:flex}.verdicts .label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.verdicts .value{font-variant-numeric:tabular-nums}.verdicts .pass .value{color:var(--ok)}.verdicts .fail{border-color:var(--danger)}.verdicts .fail .value{color:var(--danger)}.verdicts .unknown .value{color:var(--muted)}.sidebar-footer{margin-top:auto;padding-top:16px}.notify-toggle{margin-bottom:8px}.notify-toggle button{border:1px solid var(--rule);background:var(--surface);width:100%;color:var(--muted);text-align:left;border-radius:4px;padding:5px 10px;font-size:12px}.notify-toggle button:hover:not(:disabled),.notify-toggle button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.notify-toggle button:disabled{opacity:.6;cursor:default}.notify-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.notify-hint{color:var(--muted);margin:0 0 8px;font-size:11px;line-height:1.45}.notify-hint.error{color:var(--danger)}.sidebar{flex-direction:column;display:flex}.theme-toggle{border:1px solid var(--rule);border-radius:4px;display:flex;overflow:hidden}.theme-toggle button{color:var(--muted);background:0 0;border:0;flex:1;justify-content:center;padding:4px 0;font-size:11px}.theme-toggle button:hover{color:var(--ink)}.theme-toggle .selected{background:var(--surface);color:var(--accent)}.attachments li{flex-wrap:wrap;align-items:baseline;gap:8px;padding:3px 0;display:flex}.attachments .link{color:var(--accent);text-align:left;background:0 0;border:0;padding:0}.attachments .link:hover{text-decoration:underline}.message-view .back{display:none}.actions .count{color:var(--muted);font-variant-numeric:tabular-nums}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr)}.message-list,.message-view,.compose,.reading-placeholder{display:none}.layout[data-pane=list] .message-list{display:flex}.layout{grid-template-rows:auto minmax(0,1fr)}.layout[data-pane=list] .message-list{border-right:0;flex-direction:column}.layout[data-pane=list] .mobile-bar{border-bottom:1px solid var(--rule);align-items:center;gap:4px;padding:6px 8px;display:flex}.menu-toggle{background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.menu-toggle:hover{background:var(--surface)}.menu-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.menu-toggle span{background:var(--ink);width:18px;height:2px;box-shadow:0 -6px 0 var(--ink), 0 6px 0 var(--ink);border-radius:1px}.mobile-title{flex-direction:column;flex:1;min-width:0;padding:0 4px;line-height:1.25;display:flex}.mobile-title .title{font-size:17px;font-weight:600}.mobile-title .subtitle{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mobile-compose{border:1px solid var(--accent);background:var(--accent);min-height:36px;color:var(--surface);border-radius:18px;padding:6px 16px;font-weight:600}.mobile-compose:disabled{opacity:.4;cursor:default}.mobile-compose:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar{z-index:20;width:min(300px,85vw);padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));border-right:1px solid var(--rule);background:var(--ground);visibility:hidden;transition:transform .2s,visibility 0s linear .2s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{visibility:visible;transition:transform .2s,visibility;transform:none;box-shadow:6px 0 24px #00000040}.sidebar:focus{outline:none}.sidebar button{align-items:center;min-height:40px}.sidebar .compose-new{min-height:44px}.drawer-scrim{z-index:19;opacity:0;pointer-events:none;background:#0006;transition:opacity .2s;display:block;position:fixed;inset:0}.drawer-scrim.open{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar.open,.drawer-scrim{transition:none}}.layout[data-pane=message] .message-view,.layout[data-pane=compose] .compose{grid-row:1/-1;display:flex}.message-view .back{color:var(--accent);background:0 0;border:0;margin-bottom:10px;padding:4px 0;display:inline-block}.message-view header,.compose header,.compose-fields,.compose footer{padding-left:16px;padding-right:16px}.message-view h1{font-size:17px}.actions{flex-wrap:wrap}.message-list li button{min-height:44px;padding:12px 16px}.actions button{min-height:36px}}@media print{.sidebar,.message-list,.actions,.images-blocked,.compose,.mobile-bar,.drawer-scrim{display:none!important}.layout{height:auto;display:block}.message-view{height:auto;display:block;overflow:visible}.message-view header{border-bottom:1px solid #ddd;padding:0 0 12px}.message-body{border:0;height:auto;min-height:60vh}.attachments{border-top:1px solid #ddd;padding-left:0;padding-right:0}body{color:#000;background:#fff}}.menu{display:inline-flex;position:relative}.menu-trigger{letter-spacing:1px;padding:4px 10px;font-size:16px;line-height:1}.menu-items{z-index:10;border:1px solid var(--rule);background:var(--surface);border-radius:6px;flex-direction:column;min-width:160px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 20px #0000002e}.menu-items button{color:var(--ink);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:7px 10px}.menu-items button:hover{background:var(--ground);color:var(--accent)}@media print{.menu{display:none}}.format-toggle{border:1px solid var(--rule);border-radius:4px;display:flex;overflow:hidden}.format-toggle button{color:var(--muted);background:0 0;border:0;padding:3px 10px;font-size:12px}.format-toggle button:hover{color:var(--ink)}.format-toggle .selected{background:var(--surface);color:var(--accent)}.sidebar .folders{border-bottom:1px solid var(--rule);flex-direction:column;gap:1px;margin-bottom:20px;padding-bottom:16px;display:flex}.sidebar .folder{font-weight:500}.sidebar .folder.selected{background:var(--surface);color:var(--accent)}.sidebar .compose-new{border:1px solid var(--accent);background:var(--accent);width:100%;color:var(--surface);text-align:center;border-radius:4px;justify-content:center;margin-bottom:16px;padding:8px 10px;font-weight:600;display:flex}.sidebar .compose-new:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 85%, var(--ink));border-color:color-mix(in srgb, var(--accent) 85%, var(--ink))}.sidebar .compose-new:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar .compose-new:disabled{opacity:.4;cursor:default}.compose-attachments{border-bottom:1px solid var(--rule);align-items:center;gap:12px;padding:8px 24px;display:flex}.compose-attachments .hint{color:var(--muted);font-size:12px}.attach-button{border:1px solid var(--rule);background:var(--surface);cursor:pointer;border-radius:4px;align-items:center;padding:5px 10px;font-size:13px;display:inline-flex}.attach-button:hover{border-color:var(--accent);color:var(--accent)}.attach-button input{opacity:0;width:0;height:0;position:absolute}.attach-button:focus-within{outline:2px solid var(--accent);outline-offset:1px}.attachment-list{border-bottom:1px solid var(--rule);margin:0;padding:0 24px 10px;font-size:13px;list-style:none}.attachment-list li{align-items:baseline;gap:10px;padding:3px 0;display:flex}.attachment-list .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.attachment-list .size{color:var(--muted);font-variant-numeric:tabular-nums}.attachment-list .uploading .name{color:var(--muted)}.attachment-list .error{color:var(--danger)}.compose-close{align-items:baseline;gap:12px;display:flex}.compose-close .hint{color:var(--muted);font-size:12px}.compose .danger{color:var(--danger)}
