@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/DMJ8VG8y.woff2)format("woff2"),url(/assets/CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/DSY6xOcd.woff2)format("woff2"),url(/assets/CB9ihrfo.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--window:#0e0f11;--panel:#161719;--panel-raised:#1e1f22;--popover:#1f2023;--foreground:#e8e9eb;--foreground-soft:#e8e9ebe6;--foreground-dim:#e8e9ebb3;--muted-foreground:#8b8e94;--subtle-foreground:#5e6168;--border:#ffffff0d;--panel-border:#ffffff0f;--selected:#ffffff14;--input:#ffffff17;--ring:#ffffff40;--hover:#ffffff0a;--pressed:#ffffff12;--success:#8fd26b;--warning:#f5c443;--danger:#f0645a;--info:#4aa8f0;--accent:#4c8ef7;--neon:#52e0c4;--accent-glow:0 0 0 1px #4c8ef780, 0 0 24px -4px #4c8ef78c;--font-sans:"Inter Variable", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:15px;--radius-panel:10px;--radius-row:8px;--radius-control:8px;--ease:cubic-bezier(.2, 0, 0, 1);--duration:.15s}*,:before,:after{box-sizing:border-box;border:0 solid var(--border);outline-color:color-mix(in srgb, var(--ring) 50%, transparent);margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;block-size:100%}body{background:var(--window);block-size:100dvh;color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.5;overflow:hidden}#root{block-size:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0}ul{list-style:none}svg{flex-shrink:0;display:block}a{color:var(--accent)}:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}:where(input,textarea,select):focus-visible{outline:none}::selection{background:#4c8ef759}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}.thin-scrollbar::-webkit-scrollbar{block-size:8px;inline-size:8px}.thin-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.glass-surface{background:var(--panel);border-radius:var(--radius-panel);padding:1px;position:relative}.glass-surface:before{content:"";z-index:5;border-radius:inherit;border:1px solid var(--panel-border);pointer-events:none;position:absolute;inset:0}.panel{border:1px solid var(--border);border-radius:var(--radius-panel);background:#ffffff04;flex-direction:column;gap:14px;min-inline-size:0;padding:18px;display:flex}.panel h2{font-size:var(--text-md);font-weight:600}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-head>span,.muted{color:var(--muted-foreground);font-size:var(--text-xs)}.subtle{color:var(--subtle-foreground)}.mono{font-family:var(--font-mono);font-size:12px}.btn{border-radius:var(--radius-control);block-size:32px;font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--duration) var(--ease), border-color var(--duration) var(--ease), opacity var(--duration) var(--ease), opacity var(--duration) var(--ease);justify-content:center;align-items:center;gap:8px;padding-inline:14px;font-weight:500;display:inline-flex;position:relative}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.lg{block-size:38px;font-size:var(--text-md);padding-inline:18px}.btn.block{inline-size:100%}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, white)}.btn.secondary{border:1px solid var(--input);background:#ffffff0f}.btn.secondary:hover:not(:disabled){background:#ffffff1a}.btn.ghost{color:var(--foreground-dim)}.btn.ghost:hover:not(:disabled){background:var(--hover);color:var(--foreground)}.btn.danger{color:#fca5a5;background:#f0645a1f;border:1px solid #f0645a40}.btn.danger:hover:not(:disabled){background:#f0645a38}.btn.icon{inline-size:32px;padding:0}.btn.sm{block-size:28px;font-size:var(--text-xs);padding-inline:10px}.btn.sm.icon{inline-size:28px;padding:0}.spinner{border:2px solid #ffffff40;border-top-color:currentColor;border-radius:50%;block-size:14px;inline-size:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{flex-direction:column;gap:6px;min-inline-size:0;display:flex}.field>.label{font-size:var(--text-sm);color:var(--foreground-dim)}.field>.hint{font-size:var(--text-xs);color:var(--subtle-foreground)}.input,.textarea,.select{border:1px solid var(--input);border-radius:var(--radius-control);block-size:36px;inline-size:100%;color:var(--foreground);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:#ffffff06;outline:none;padding-inline:12px}.textarea{resize:vertical;block-size:auto;padding-block:10px;line-height:1.55}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b8e94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-inline-end:30px}.select option{background:var(--popover)}.input:hover,.textarea:hover{border-color:#ffffff29}.input:focus,.textarea:focus,.select:focus{border-color:color-mix(in srgb, var(--accent) 75%, transparent);box-shadow:0 0 0 3px #4c8ef72e}.input::placeholder,.textarea::placeholder{color:var(--subtle-foreground)}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap>svg.lead{color:var(--subtle-foreground);pointer-events:none;position:absolute;inset-inline-start:11px}.input-wrap>.input.has-icon{padding-inline-start:34px}.input-wrap>.trail{position:absolute;inset-inline-end:4px}.check{font-size:var(--text-sm);color:var(--foreground-dim);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.check input{accent-color:var(--accent);block-size:15px;inline-size:15px}.pill{color:var(--foreground-dim);white-space:nowrap;background:#ffffff0f;border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.pill.ok{color:#86efac;background:#22c55e1f}.pill.bad{color:#fca5a5;background:#ef44441f}.pill.warn{color:#fcd34d;background:#f59e0b1f}.pill.info{color:#93c5fd;background:#4c8ef71f}.dot{background:#22c55e;border-radius:50%;block-size:7px;inline-size:7px}.dot.off{background:var(--subtle-foreground);box-shadow:none}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-panel);overflow-x:auto}table{border-collapse:collapse;inline-size:100%;font-size:var(--text-sm)}th,td{border-block-end:1px solid var(--border);text-align:start;vertical-align:middle;white-space:nowrap;padding:10px 14px}td.wrap{white-space:normal;overflow-wrap:anywhere;min-inline-size:220px}tbody tr:last-child td{border-block-end:0}th{color:var(--subtle-foreground);letter-spacing:.05em;text-transform:uppercase;background:#0000002e;font-size:11px;font-weight:600}tbody tr{transition:background-color var(--duration) var(--ease)}tbody tr:hover{background:#ffffff06}td.actions{text-align:end}td.actions>div{gap:4px;display:inline-flex}.empty{color:var(--subtle-foreground);text-align:center;font-size:var(--text-sm);place-items:center;gap:8px;padding:48px 16px;display:grid}.overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .15s var(--ease);background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--popover);border:1px solid var(--panel-border);max-block-size:calc(100dvh - 32px);inline-size:min(100%,460px);animation:pop .18s var(--ease);border-radius:12px;flex-direction:column;display:flex;box-shadow:0 24px 60px -12px #000000b3}.dialog.wide{inline-size:min(100%,640px)}.dialog>header{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 4px;display:flex}.dialog>header h3{font-size:var(--text-lg);font-weight:650}.dialog>.body{flex-direction:column;gap:14px;padding:12px 18px 18px;display:flex;overflow-y:auto}.dialog>footer{border-block-start:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.985)}}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}@keyframes pane-in{0%{opacity:0;transform:translate(14px)}}.page-fade{animation:page-in .3s var(--ease) both}.pane-fade{animation:pane-in .28s var(--ease) both}@media (prefers-reduced-motion:reduce){.page-fade,.pane-fade{animation:.14s linear both fade}}.toasts{z-index:100;flex-direction:column;gap:8px;max-inline-size:calc(100vw - 32px);display:flex;position:fixed;inset-block-end:16px;inset-inline-end:16px}.toast{border-radius:var(--radius-control);border:1px solid var(--panel-border);background:var(--popover);font-size:var(--text-sm);animation:pop .18s var(--ease);padding:10px 14px;box-shadow:0 10px 30px -8px #0009}.toast.error{color:#fca5a5;border-color:#f0645a66}.toast.ok{color:#bef264;border-color:#8fd26b59}.flash{border-radius:var(--radius-control);font-size:var(--text-sm);padding:10px 14px}.flash.error{color:#fca5a5;background:#ef44441a}.flash.ok{color:#86efac;background:#22c55e1a}kbd{font-family:var(--font-mono);background:#ffffff14;border-radius:4px;padding:1px 6px;font-size:11px}.avatar{object-fit:cover;object-position:center;image-rendering:pixelated;image-rendering:crisp-edges;background:#ffffff0f;border-radius:50%;flex-shrink:0;display:block}.avatar-mail{border-radius:var(--radius-control);color:var(--muted-foreground);background:#ffffff0a;flex-shrink:0;place-items:center;display:grid}.logo{align-items:center;gap:12px;display:flex}.logo .text{flex-direction:column;gap:2px;display:flex}.logo .name{font-size:var(--text-lg);letter-spacing:-.01em;white-space:nowrap;font-weight:700}.logo .tag{font-size:var(--text-xs);color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.logo.lg{gap:16px}.logo.lg .name{font-size:22px}.auth-screen{place-items:center;block-size:100%;padding:16px;display:grid;overflow-y:auto}.auth-card{inline-size:min(100%,400px);animation:pop .26s var(--ease);flex-direction:column;gap:22px;padding:0;display:flex}.auth-card form{flex-direction:column;gap:14px;display:flex}.auth-title{margin:0 0 4px;font-size:22px;font-weight:600}.auth-card .sub{color:var(--muted-foreground);font-size:var(--text-sm)}.auth-foot{color:var(--subtle-foreground);font-size:var(--text-xs);text-align:center}.row{align-items:center;gap:8px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.cselect{border:1px solid var(--input);border-radius:var(--radius-control);block-size:36px;inline-size:100%;color:var(--foreground);font-size:var(--text-md);text-align:start;cursor:pointer;transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), background-color var(--duration) var(--ease);background:#ffffff06;justify-content:space-between;align-items:center;gap:8px;padding-inline:12px 10px;display:inline-flex}.cselect:hover:not(:disabled){background:#ffffff0a;border-color:#ffffff29}.cselect:focus-visible,.cselect.open{border-color:color-mix(in srgb, var(--accent) 75%, transparent);outline:none;box-shadow:0 0 0 3px #4c8ef72e}.cselect:disabled{opacity:.5;cursor:not-allowed}.cselect .val{flex:1;align-items:center;gap:8px;min-inline-size:0;display:flex}.cselect .val .txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cselect .val.ph{color:var(--subtle-foreground)}.cselect .chev{color:var(--muted-foreground);transition:transform var(--duration) var(--ease);flex:none}.cselect.open .chev{transform:rotate(180deg)}.cselect-menu{z-index:90;background:var(--popover);animation:pop .12s var(--ease);border:1px solid #ffffff17;border-radius:10px;flex-direction:column;padding:4px;display:flex;position:fixed;box-shadow:0 18px 44px -10px #000000bf}.cselect-search{border-block-end:1px solid var(--border);color:var(--subtle-foreground);align-items:center;gap:8px;margin-block-end:4px;padding:0 10px;display:flex}.cselect-search input{block-size:34px;min-inline-size:0;color:var(--foreground);font-size:var(--text-sm);background:0 0;border:0;outline:none;flex:1}.cselect-search input::placeholder{color:var(--subtle-foreground)}.cselect-menu ul{flex:1;min-block-size:0;overflow-y:auto}.cselect-menu li{color:var(--foreground-soft);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.cselect-menu li.active{background:var(--selected);color:var(--foreground)}.cselect-menu li.sel{color:var(--foreground);font-weight:500}.cselect-menu li .opt{flex-direction:column;flex:1;min-inline-size:0;display:flex}.cselect-menu li .opt .txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cselect-menu li .hint{color:var(--subtle-foreground);font-size:var(--text-xs);font-weight:400}.cselect-menu li .check{color:var(--accent);visibility:hidden;flex:none}.cselect-menu li.sel .check{visibility:visible}.cselect-menu li.none{color:var(--subtle-foreground);cursor:default;justify-content:center;padding-block:14px}.switch{cursor:pointer;block-size:22px;inline-size:38px;transition:background-color var(--duration) var(--ease);background:#ffffff1f;border-radius:999px;flex:none;position:relative}.switch i{block-size:16px;inline-size:16px;transition:transform .18s var(--ease);background:#fff;border-radius:50%;position:absolute;inset-block-start:3px;inset-inline-start:3px;box-shadow:0 1px 3px #0006}.switch.on{background:var(--accent)}.switch.on i{transform:translate(16px)}.switch:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}.switch:disabled{opacity:.5;cursor:not-allowed}.mail-body{color:#d8dadd;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-size:14px;line-height:1.6}.mail-body.plain{font-family:var(--font-mono);white-space:pre-wrap;font-size:13px}.mail-body.html{border-radius:var(--radius-control);color:#1c1d20;background:#f4f5f7;padding:16px 18px}.mail-body.html img{block-size:auto;max-inline-size:100%}.mail-body.html table{inline-size:auto;max-inline-size:100%}.mail-body.html th,.mail-body.html td{white-space:normal;color:inherit;text-transform:none;letter-spacing:0;font-size:inherit;background:0 0;border:0;padding:4px}.mail-body.html tbody tr:hover{background:0 0}.mail-body.html a{color:#2563eb}.mail-body.html blockquote{color:#555b66;border-inline-start:3px solid #cbd0d8;margin-inline:0;padding-inline-start:12px}.mail-body.html pre{white-space:pre-wrap}.mail-body.html p,.mail-body.html ul,.mail-body.html ol,.mail-body.html blockquote,.mail-body.html pre{margin-block:0 .85em}.mail-body.html ul,.mail-body.html ol{list-style:revert;padding-inline-start:1.5em}.mail-body.html h1,.mail-body.html h2,.mail-body.html h3{margin-block:.6em .4em;line-height:1.25}.mail-body.html h1{font-size:1.5em}.mail-body.html h2{font-size:1.25em}.mail-body.html h3{font-size:1.1em}.mail-body.html hr{border-block-start:1px solid #d5d8de;margin-block:1em}.mail-body.html img:not([src]){display:none}.screen{block-size:100dvh;padding:12px}.window.mail{grid-template-columns:252px minmax(300px,400px) minmax(0,1fr);block-size:100%;inline-size:100%;display:grid;overflow:hidden}.sidebar{border-inline-end:1px solid var(--border);background:#00000026;flex-direction:column;gap:16px;min-block-size:0;padding:20px 12px 12px;display:flex}.sidebar .brand{padding-inline:6px}.spacer{flex:1}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{border-radius:var(--radius-control);block-size:36px;color:var(--foreground-dim);font-size:var(--text-md);text-align:start;transition:background-color var(--duration) var(--ease), color var(--duration) var(--ease);align-items:center;gap:10px;padding-inline:12px;display:flex;position:relative}.nav-item:hover{background:var(--hover);color:var(--foreground)}.nav-item.active{color:var(--foreground);background:#ffffff13}.nav-item .badge{color:#9cc0ff;font-variant-numeric:tabular-nums;background:#4c8ef72e;border-radius:10px;margin-inline-start:auto;padding:0 7px;font-size:11.5px;font-weight:650}.usage{color:var(--subtle-foreground);font-size:var(--text-xs);flex-direction:column;gap:6px;padding-inline:8px;display:flex}.usage .bar{background:#ffffff12;border-radius:4px;block-size:4px;overflow:hidden}.usage .bar i{background:var(--accent);border-radius:inherit;block-size:100%;display:block}.account{border-radius:var(--radius-control);background:#ffffff08;align-items:center;gap:6px;padding:8px;display:flex}.account .who{min-inline-size:0;font-size:var(--text-sm);flex-direction:column;flex:1;display:flex}.account .who strong,.account .who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account .who span{color:var(--subtle-foreground);font-size:11.5px}.list-pane{border-inline-end:1px solid var(--border);flex-direction:column;min-block-size:0;min-inline-size:0;display:flex}.list-head{border-block-end:1px solid var(--border);align-items:center;gap:6px;padding:12px;display:flex}.search{border:1px solid var(--input);border-radius:var(--radius-control);block-size:34px;color:var(--subtle-foreground);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:#ffffff06;flex:1;align-items:center;gap:8px;padding-inline:11px;display:flex}.search:focus-within{border-color:color-mix(in srgb, var(--accent) 75%, transparent);box-shadow:0 0 0 3px #4c8ef72e}.search input{inline-size:100%;color:var(--foreground);background:0 0;border:0;outline:none}.spinning{animation:.8s linear infinite spin}.rows{flex:1;padding:6px;overflow-y:auto}.row-item{border-radius:var(--radius-row);cursor:pointer;transition:background-color var(--duration) var(--ease);gap:12px;padding:10px;display:flex}.row-item:hover{background:var(--hover)}.row-item.active{background:#ffffff13}.row-item .meta{flex-direction:column;flex:1;gap:1px;min-inline-size:0;display:flex}.row-item .line1,.row-item .line3{align-items:center;gap:8px;display:flex}.row-item .from{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--text-sm);color:var(--foreground-dim);flex:1;overflow:hidden}.row-item .time{color:var(--subtle-foreground);font-variant-numeric:tabular-nums;font-size:11.5px}.row-item .subject{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--foreground-dim);overflow:hidden}.row-item .preview{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;color:var(--subtle-foreground);font-size:var(--text-xs);flex:1;overflow:hidden}.row-item.unread .from,.row-item.unread .subject{color:var(--foreground);font-weight:650}.row-item .star{color:var(--subtle-foreground);opacity:0;transition:opacity var(--duration) var(--ease), color var(--duration) var(--ease)}.row-item:hover .star,.row-item .star.on{opacity:1}.row-item .star.on{color:var(--warning)}.reader{flex-direction:column;min-block-size:0;min-inline-size:0;display:flex}.fill-pane{flex-direction:column;flex:1;min-block-size:0;display:flex}.nav-item,.bottom-item,.row-item{transition:background-color .18s var(--ease), color .18s var(--ease), opacity .18s var(--ease)}.empty.fill{flex:1}.message{flex-direction:column;flex:1;min-block-size:0;display:flex}.toolbar{border-block-end:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:2px;padding:10px 12px;display:flex}.toolbar .back{display:none}.message-scroll{flex-direction:column;flex:1;gap:16px;padding:22px 28px 32px;display:flex;overflow-y:auto}.message-scroll h1{letter-spacing:-.01em;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-size:21px;font-weight:700}.from-block{align-items:flex-start;gap:12px;display:flex}.from-block .addr{min-inline-size:0;font-size:var(--text-sm);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;flex-direction:column;flex:1;display:flex}.from-block time{white-space:nowrap}.files{flex-wrap:wrap;gap:8px;display:flex}.files button{border:1px solid var(--input);border-radius:var(--radius-control);font-size:var(--text-xs);transition:background-color var(--duration) var(--ease);background:#ffffff08;align-items:center;gap:7px;padding:6px 10px;display:inline-flex}.files button:hover{background:#ffffff14}h4.sec{font-size:var(--text-sm);color:var(--foreground-dim);margin-block-start:4px;font-weight:650}.compose{z-index:40;background:var(--popover);max-block-size:calc(100dvh - 40px);inline-size:min(640px,100vw - 24px);animation:pop .28s var(--ease);flex-direction:column;display:flex;position:fixed;inset-block-end:20px;inset-inline-end:24px;box-shadow:0 24px 60px -12px #000000bf}.compose.drag-over{outline:2px dashed color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:-6px}.compose>header{border-block-end:1px solid var(--border);font-size:var(--text-sm);align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex}.compose>header strong{flex:1}.compose-hint{color:var(--subtle-foreground);white-space:nowrap;font-size:11px}.compose-form{flex-direction:column;flex:1;min-block-size:0;display:flex}.compose .fields label{border-block-end:1px solid var(--border);align-items:center;gap:10px;padding-inline:16px;display:flex}.compose .fields span{inline-size:52px;color:var(--subtle-foreground);font-size:var(--text-sm);flex-shrink:0}.compose .fields input{background:0 0;border:0;outline:none;flex:1;block-size:42px;min-inline-size:0}.compose .link{color:var(--accent);font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.compose .body{resize:none;background:0 0;border:0;outline:none;flex:1;min-block-size:220px;padding:14px 16px;line-height:1.6}.compose footer{border-block-start:1px solid var(--border);background:color-mix(in srgb, var(--popover) 92%, transparent);align-items:center;gap:6px;padding:10px 12px;padding-block-end:max(10px, env(safe-area-inset-bottom));display:flex}.compose .send-btn{min-inline-size:96px}.compose .att-meta{color:var(--subtle-foreground);font-size:11.5px}.compose-files{padding:0 16px 10px}.compose-drop{border:2px dashed color-mix(in srgb, var(--accent) 55%, transparent);border-radius:var(--radius-panel);color:var(--accent);font-size:var(--text-sm);pointer-events:none;background:#4c8ef714;place-items:center;font-weight:600;display:grid;position:absolute;inset:48px 12px 64px}.mobile-bar,.bottom-nav,.mobile-drawer-overlay{display:none}@media (max-width:1100px){.window.mail{grid-template-columns:220px minmax(260px,340px) minmax(0,1fr)}}@media (max-width:860px){.screen{padding:0}.window.mail{border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.mobile-bar{border-block-end:1px solid var(--border);background:#0003;align-items:center;gap:8px;padding:8px 10px;padding-block-start:max(8px, env(safe-area-inset-top));display:flex}.mobile-avatar{border-radius:50%;place-items:center;padding:0;display:grid}.mobile-title{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--text-md);flex:1;font-weight:650;overflow:hidden}.account-block{background:#ffffff08;padding:12px}.account-actions{flex-direction:column;gap:8px;display:flex}.bottom-nav{padding:4px 4px max(4px, env(safe-area-inset-bottom));border-block-start:1px solid var(--border);background:#00000040;justify-content:space-around;align-items:stretch;gap:2px;display:flex}.bottom-item{border-radius:var(--radius-control);min-block-size:48px;color:var(--foreground-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:500;display:flex;position:relative}.bottom-item.active{color:var(--foreground);background:#ffffff0f}.bottom-item .dot{background:var(--accent);border-radius:50%;block-size:6px;inline-size:6px;position:absolute;inset-block-start:6px;inset-inline-end:calc(50% - 14px)}.mobile-drawer-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;position:fixed;inset:0}.mobile-drawer{block-size:100%;inline-size:min(88vw,320px);padding:16px 12px max(16px, env(safe-area-inset-bottom));background:var(--panel);border-inline-end:1px solid var(--border);animation:drawer-in .22s var(--ease);flex-direction:column;gap:14px;display:flex}@keyframes drawer-in{0%{opacity:.6;transform:translate(-16px)}}.mobile-drawer-head{justify-content:space-between;align-items:center;gap:8px;padding-inline:4px;display:flex}.mobile-drawer .nav{flex-direction:column}.mobile-drawer .nav-item{block-size:44px}.mobile-drawer .nav-item span{display:inline}.list-pane,.reader{grid-area:2/1}.list-pane{border-inline-end:0}[data-pane=list] .reader,[data-pane=reader] .list-pane,[data-pane=reader] .bottom-nav,[data-pane=reader] .mobile-bar{display:none}.toolbar{gap:4px;padding-block-start:max(10px, env(safe-area-inset-top))}.toolbar .back{display:inline-flex}.toolbar .btn-label{display:none}.message-scroll{padding:16px 16px max(24px, env(safe-area-inset-bottom))}.from-block{flex-wrap:wrap}.from-block time{inline-size:100%;padding-inline-start:48px}.row-item{min-block-size:64px;padding:12px 10px}.row-item .star{opacity:1}.compose{border-radius:0;max-block-size:100dvh;inline-size:100%;inset:0}.compose-hint{display:none}.compose .fields input{block-size:46px;font-size:16px}.compose .body{min-block-size:160px;font-size:16px}.compose footer .btn-label{display:none}.compose .send-btn{flex:1;block-size:44px}}
/*$vite$:1*/