@font-face{font-family:Onest;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Onest-Regular-DtsNxyxG.ttf)format("truetype")}@font-face{font-family:Onest;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Onest-Medium-CLByrvaZ.ttf)format("truetype")}@font-face{font-family:Onest;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Onest-SemiBold-C4TM7z39.ttf)format("truetype")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/BricolageGrotesque-Bold-BIJrwikb.ttf)format("truetype")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/BricolageGrotesque-ExtraBold-XD-gIKXN.ttf)format("truetype")}:root{--hx-nex-purple:#6c4dff;--hx-night:#140e33;--hx-spark-mint:#38e8b0;--hx-lavender-paper:#f6f4ff;--hx-light-purple:#a08bff;--hx-spark-purple:#5a3cf5;--hx-muted-text:#665e8f;--hx-line:#e4dffb;--hx-white:#fff;--font-heading:"Bricolage Grotesque", "Onest", Arial, sans-serif;--font-body:"Onest", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--leading:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--border-width:1px;--focus-width:3px;--touch-target:44px;--sidenav-width:15rem;--color-bg:var(--hx-lavender-paper);--color-surface:var(--hx-white);--color-surface-muted:var(--hx-lavender-paper);--color-text:var(--hx-night);--color-text-muted:var(--hx-muted-text);--color-border:var(--hx-line);--color-border-strong:var(--hx-muted-text);--color-accent:var(--hx-nex-purple);--color-accent-hover:var(--hx-spark-purple);--color-on-accent:var(--hx-white);--color-link:var(--hx-nex-purple);--color-focus:var(--hx-nex-purple);--color-nav-active-bg:var(--hx-nex-purple);--color-nav-active-text:var(--hx-white);--color-positive-bg:var(--hx-white);--color-positive-text:var(--hx-night);--color-positive-border:var(--hx-nex-purple);--color-negative-bg:var(--hx-night);--color-negative-text:var(--hx-lavender-paper);--color-negative-border:var(--hx-night);--color-notice-bg:var(--hx-lavender-paper);--color-notice-border:var(--hx-nex-purple);--color-skeleton:var(--hx-line);--color-table-head:var(--hx-lavender-paper);--color-backdrop:color-mix(in srgb, var(--hx-night) 45%, transparent);--shadow-card:0 1px 2px #140e3314;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--color-bg:var(--hx-night);--color-surface:color-mix(in srgb, var(--hx-night) 90%, var(--hx-lavender-paper));--color-surface-muted:color-mix(in srgb, var(--hx-night) 84%, var(--hx-lavender-paper));--color-text:var(--hx-lavender-paper);--color-text-muted:color-mix(in srgb, var(--hx-lavender-paper) 75%, var(--hx-night));--color-border:color-mix(in srgb, var(--hx-night) 70%, var(--hx-lavender-paper));--color-border-strong:var(--hx-light-purple);--color-accent:var(--hx-nex-purple);--color-accent-hover:var(--hx-spark-purple);--color-on-accent:var(--hx-white);--color-link:var(--hx-light-purple);--color-focus:var(--hx-spark-mint);--color-nav-active-bg:var(--hx-nex-purple);--color-nav-active-text:var(--hx-white);--color-positive-bg:var(--hx-night);--color-positive-text:var(--hx-spark-mint);--color-positive-border:var(--hx-spark-mint);--color-negative-bg:var(--hx-lavender-paper);--color-negative-text:var(--hx-night);--color-negative-border:var(--hx-lavender-paper);--color-notice-bg:color-mix(in srgb, var(--hx-night) 84%, var(--hx-lavender-paper));--color-notice-border:var(--hx-light-purple);--color-skeleton:color-mix(in srgb, var(--hx-night) 75%, var(--hx-lavender-paper));--color-table-head:color-mix(in srgb, var(--hx-night) 84%, var(--hx-lavender-paper));--color-backdrop:color-mix(in srgb, var(--hx-night) 70%, transparent);--shadow-card:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.shell{grid-template:"top top top""rail list reading"minmax(0,1fr)/13.5rem minmax(22rem,32rem) minmax(0,1fr);gap:0;height:100%;display:grid}.topbar{align-items:center;gap:var(--space-3);height:3.25rem;padding:0 var(--space-4);background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);grid-area:top;display:flex}.topbar__brand{font-family:var(--font-heading);font-weight:800;font-size:var(--text-md);color:var(--color-accent)}.topbar__mailbox{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:18rem;margin-inline-start:auto;overflow:hidden}.topbar__signout,.button{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.topbar__signout:hover:not(:disabled),.button:hover:not(:disabled){background:var(--color-surface-muted)}.button:disabled{color:var(--color-text-muted);cursor:default}.shell__rail{padding:var(--space-3) var(--space-2);border-inline-end:var(--border-width) solid var(--color-border);grid-area:rail;overflow-y:auto}.shell__list{background:color-mix(in srgb, var(--color-accent) 6%, var(--color-surface));border-inline-end:var(--border-width) solid var(--color-border);flex-direction:column;grid-area:list;display:flex;overflow-y:auto}.shell__reading{padding:var(--space-5);grid-area:reading;overflow-y:auto}.boxes{margin-bottom:var(--space-3)}.boxes__title{margin:0 0 var(--space-1);padding-inline:var(--space-3);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.boxes__list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.boxes__item{align-items:center;gap:var(--space-2);width:100%;min-height:2.25rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.boxes__item:hover{background:var(--color-surface)}.boxes__item[aria-current=true]{background:color-mix(in srgb, var(--color-accent) 14%, var(--color-surface));color:var(--color-accent);font-weight:700}@media (prefers-color-scheme:dark){.boxes__item[aria-current=true]{background:color-mix(in srgb, var(--color-accent) 28%, var(--color-surface));color:var(--color-link)}}.boxes__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.boxes__tag{padding:0 var(--space-2);background:color-mix(in srgb, var(--color-accent) 13%, var(--color-surface));color:var(--color-accent);font-size:var(--text-xs);border-radius:999px;flex:none;font-weight:700}@media (prefers-color-scheme:dark){.boxes__tag{background:color-mix(in srgb, var(--color-accent) 30%, var(--color-surface));color:var(--color-link)}}.boxnote{margin:0 0 var(--space-3);padding-inline:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);overflow-wrap:anywhere;gap:2px;display:grid}.rail__list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.rail__item{align-items:center;gap:var(--space-2);width:100%;min-height:2.25rem;padding:var(--space-2) var(--space-3);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:999px;display:flex}.rail__item:hover{background:var(--color-surface)}.rail__item[aria-current=true]{background:color-mix(in srgb, var(--color-accent) 14%, var(--color-surface));color:var(--color-accent);font-weight:700}@media (prefers-color-scheme:dark){.rail__item[aria-current=true]{background:color-mix(in srgb, var(--color-accent) 28%, var(--color-surface));color:var(--color-link)}}.rail__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rail__count{font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:700}.rail__tail{margin-top:var(--space-2);padding-top:var(--space-2);border-top:var(--border-width) solid var(--color-border)}.rows{flex:1;margin:0;padding:0;list-style:none}.row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:0;border-bottom:var(--border-width) solid var(--color-border);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;grid-template-columns:auto 1fr;display:grid}.row--unread{background:var(--color-surface)}.row:hover{background:color-mix(in srgb, var(--color-accent) 7%, var(--color-surface))}.row--selected,.row--selected:hover{background:color-mix(in srgb, var(--color-accent) 13%, var(--color-surface));box-shadow:inset 3px 0 0 var(--color-accent)}.row__main{gap:2px;min-width:0;display:grid}.row__top{align-items:baseline;gap:var(--space-2);display:flex}.row__sender{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.row__time{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex:none}.row__bottom{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs);overflow:hidden}.row__subject{color:var(--color-text)}.row__preview{color:var(--color-text-muted)}.row--unread .row__sender,.row--unread .row__subject{font-weight:700}.row--unread .row__time{color:var(--color-text);font-weight:600}.row__count{min-width:1.25rem;padding:0 var(--space-1);background:color-mix(in srgb, var(--color-accent) 13%, var(--color-surface));color:var(--color-accent);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;flex:none;font-weight:700}@media (prefers-color-scheme:dark){.row__count{background:color-mix(in srgb, var(--color-accent) 30%, var(--color-surface));color:var(--color-link)}}.row__clip{color:var(--color-text-muted);flex:none;display:inline-flex}.icon{display:block}.avatar{background:hsl(var(--avatar-hue,260) 58% 86%);width:2.125rem;height:2.125rem;color:hsl(var(--avatar-hue,260) 65% 24%);font-weight:700;font-size:var(--text-sm);border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}@media (prefers-color-scheme:dark){.avatar{background:hsl(var(--avatar-hue,260) 40% 26%);color:hsl(var(--avatar-hue,260) 70% 88%)}}.reading{max-width:58rem}.reading__head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.reading__back{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;font:inherit;cursor:pointer;display:none}.reading__subject{font-family:var(--font-heading);font-size:var(--text-lg);overflow-wrap:anywhere;margin:0}.reading__foot{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}.msg{padding:var(--space-4);margin-bottom:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.msg__head{gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:var(--border-width) solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;display:grid}.msg__who{min-width:0}.msg__from,.msg__line{overflow-wrap:anywhere;margin:0}.msg__line,.msg__addr{font-size:var(--text-xs);color:var(--color-text-muted)}.msg__label{font-weight:600}.msg__time{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;flex:none}.msg__body{max-width:72ch;margin:var(--space-4) 0 0;font-family:var(--font-body);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:0;padding:0;line-height:1.6}.msg__note{margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.chips{gap:var(--space-2);margin:var(--space-4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);font-size:var(--text-xs);display:flex}.chip__size{color:var(--color-text-muted)}.empty{place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);display:grid}.empty__title{font-family:var(--font-heading);font-size:var(--text-md);color:var(--color-text);margin:0}.empty__body,.empty__meta{max-width:34ch;margin:0}.empty__meta{font-size:var(--text-xs)}.spinner{padding:var(--space-6);place-items:center;display:grid}.spinner__dot{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner__dot{animation:none}}.boot{place-content:center;gap:var(--space-3);text-align:center;height:100%;color:var(--color-text-muted);display:grid}.boot__text{margin:0}.pager{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--color-border);display:flex}.pager__page{font-size:var(--text-xs);color:var(--color-text-muted)}@media (width<=60rem){.shell{grid-template:"top""rail""list"minmax(0,1fr)/1fr}.shell__rail{padding:var(--space-2) var(--space-3);border-inline-end:0;border-bottom:var(--border-width) solid var(--color-border);overflow:hidden}.boxes{margin-bottom:var(--space-2)}.boxes__title{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.boxes__list,.rail__list{gap:var(--space-2);display:flex;overflow-x:auto}.boxes__item,.rail__item{white-space:nowrap}.boxes__name{flex:none}.boxnote{margin-bottom:var(--space-2);padding-inline:0}.rail__tail{padding-top:0;border-top:0;border-inline-start:var(--border-width) solid var(--color-border);margin-top:0;padding-inline-start:var(--space-2)}.shell__reading{display:none}.shell--reading{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top""reading"}.shell--reading .shell__rail,.shell--reading .shell__list{display:none}.shell--reading .shell__reading{display:block}.reading__back{white-space:nowrap;align-items:center;display:inline-flex}.shell__reading{padding:var(--space-4)}.msg__head{grid-template-columns:auto minmax(0,1fr)}.msg__time{white-space:normal;grid-column:2}}