:root{--ground:#f1f3f6;--surface:#fff;--surface-sunk:#e9ecf1;--surface-hover:#f5f7fa;--ink:#0e1116;--ink-soft:#222934;--ink-muted:#596373;--ink-faint:#8a93a3;--line:#dfe3ea;--line-strong:#c7ced9;--line-control:#7c8798;--accent:#1d3fd6;--accent-hover:#12299b;--accent-wash:#eef2fd;--accent-contrast:#fff;--urgent:#bd3820;--urgent-wash:#fdf0ed;--ok:#0f7050;--warn:#8a6206;--danger:#b3261e;--focus:#1d3fd6;--shadow-1:0 1px 2px #0e11160f;--shadow-2:0 4px 12px -2px #0e11161a, 0 1px 3px #0e11160f;--shadow-3:0 12px 32px -8px #0e11162e, 0 2px 6px #0e111614}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0a0d12;--surface:#12171f;--surface-sunk:#080b0f;--surface-hover:#1a212b;--ink:#e7ebf1;--ink-soft:#c3cad6;--ink-muted:#98a2b3;--ink-faint:#6c7686;--line:#212936;--line-strong:#313b4b;--line-control:#6c7686;--accent:#7c97ff;--accent-hover:#9db2ff;--accent-wash:#161f3c;--accent-contrast:#06090f;--urgent:#ff8163;--urgent-wash:#2c1710;--ok:#4bc49a;--warn:#d9a63c;--danger:#ff7b6b;--focus:#7c97ff;--shadow-1:0 1px 2px #0006;--shadow-2:0 4px 12px -2px #0000008c;--shadow-3:0 12px 32px -8px #000000b3}}:root[data-theme=dark]{--ground:#0a0d12;--surface:#12171f;--surface-sunk:#080b0f;--surface-hover:#1a212b;--ink:#e7ebf1;--ink-soft:#c3cad6;--ink-muted:#98a2b3;--ink-faint:#6c7686;--line:#212936;--line-strong:#313b4b;--line-control:#6c7686;--accent:#7c97ff;--accent-hover:#9db2ff;--accent-wash:#161f3c;--accent-contrast:#06090f;--urgent:#ff8163;--urgent-wash:#2c1710;--ok:#4bc49a;--warn:#d9a63c;--danger:#ff7b6b;--focus:#7c97ff;--shadow-1:0 1px 2px #0006;--shadow-2:0 4px 12px -2px #0000008c;--shadow-3:0 12px 32px -8px #000000b3}:root{--font-display:"Newsreader", ui-serif, Georgia, "Times New Roman", serif;--font-ui:"Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-data:"Commit Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--leading-tight:1.25;--leading-snug:1.4;--leading-body:1.6;--weight-normal:400;--weight-medium:500;--weight-semi:600;--weight-bold:700;--tracking-tight:-.014em;--tracking-normal:0;--tracking-wide:.06em}time,[data-numeric],.malakh-count,.malakh-size{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:999px;--rail-width:56px;--list-width:380px;--measure:68ch}:root,[data-density=comfortable]{--row-height:56px;--row-pad-y:var(--space-3);--row-text:var(--text-md);--row-meta:var(--text-xs)}[data-density=cozy]{--row-height:44px;--row-pad-y:var(--space-2);--row-text:var(--text-sm);--row-meta:var(--text-2xs)}[data-density=compact]{--row-height:36px;--row-pad-y:var(--space-1);--row-text:var(--text-xs);--row-meta:var(--text-2xs)}:root{--ease:cubic-bezier(.2, 0, 0, 1);--duration-micro:.12s;--duration-base:.18s;--duration-large:.24s}@media (prefers-reduced-motion:reduce){:root{--duration-micro:1ms;--duration-base:1ms;--duration-large:1ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4{font-weight:var(--weight-semi);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance;margin:0}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent);color:var(--accent-contrast)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{grid-template-columns:var(--rail-width) var(--list-width) minmax(0, 1fr);height:100dvh;display:grid;overflow:hidden}.rail{align-items:center;gap:var(--space-1);padding:var(--space-3) 0;background:var(--ground);border-right:1px solid var(--line);flex-direction:column;display:flex}.rail-mark{width:34px;height:34px;margin-bottom:var(--space-3);border-radius:var(--radius-lg);background:var(--ink);color:var(--ground);font-weight:var(--weight-bold);font-size:var(--text-md);place-items:center;display:grid}.rail-item{border-radius:var(--radius-md);width:40px;height:36px;color:var(--ink-muted);font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-micro) var(--ease), color var(--duration-micro) var(--ease);background:0 0;border:0;place-items:center;display:grid}.rail-item:hover{background:var(--surface-hover);color:var(--ink)}.rail-item[aria-current=page]{background:var(--accent);color:var(--accent-contrast)}.rail-spacer{flex:1}.list{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.list-head{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line)}.search{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunk);color:var(--ink-muted);font-size:var(--text-sm);cursor:text;border:1px solid #0000;display:flex}.search:hover{border-color:var(--line-control)}.search-hint{padding:1px var(--space-1);border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-family:var(--font-data);font-size:var(--text-2xs);margin-left:auto}.tabs{gap:var(--space-1);padding:0 var(--space-3);border-bottom:1px solid var(--line);display:flex}.tab{padding:var(--space-2) var(--space-2) calc(var(--space-2) + 2px);color:var(--ink-muted);font-size:var(--text-xs);cursor:pointer;transition:color var(--duration-micro) var(--ease);background:0 0;border:0;border-bottom:2px solid #0000}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:var(--weight-semi)}.rows{overscroll-behavior:contain;flex:1;overflow-y:auto}.row{gap:2px var(--space-2);width:100%;min-height:var(--row-height);padding:var(--row-pad-y) var(--space-3);border:0;border-bottom:1px solid var(--line);color:inherit;text-align:left;cursor:pointer;transition:background var(--duration-micro) var(--ease);background:0 0;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"star sender time""star subject subject""star preview preview";display:grid}.row:hover{background:var(--surface-hover)}.row[aria-selected=true]{background:var(--accent-wash);box-shadow:inset 2px 0 0 var(--accent)}.row-star{cursor:pointer;color:var(--ink-faint);background:0 0;border:0;grid-area:star;align-self:start;padding-top:2px}.row-star[data-on=true]{color:var(--warn)}.row-sender{font-size:var(--row-text);font-weight:var(--weight-semi);letter-spacing:-.006em;grid-area:sender}.row[data-read=true] .row-sender{font-weight:var(--weight-normal);color:var(--ink-soft)}.row-time{font-family:var(--font-data);font-size:var(--row-meta);color:var(--ink-muted);white-space:nowrap;grid-area:time}.row-subject,.row-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-subject{font-size:var(--row-text);grid-area:subject}.row[data-read=true] .row-subject{color:var(--ink-soft)}.row-preview{font-size:var(--row-meta);color:var(--ink-muted);grid-area:preview}.row-nosubject{color:var(--ink-faint);font-style:italic}.chip{margin-right:var(--space-1);padding:0 var(--space-1);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-sunk);font-family:var(--font-data);font-size:var(--text-2xs);color:var(--ink-muted);vertical-align:1px;display:inline-block}.chip[data-tone=accent]{color:var(--accent);border-color:var(--accent);background:var(--accent-wash)}.chip[data-tone=urgent]{color:var(--urgent);border-color:var(--urgent);background:var(--urgent-wash)}.reader{background:var(--surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.reader-head{padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--line)}.reader-subject{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-tight)}.reader-meta{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--ink-muted);display:flex}.avatar{border-radius:var(--radius-full);background:var(--accent);width:28px;height:28px;color:var(--accent-contrast);font-size:var(--text-2xs);font-weight:var(--weight-semi);flex:none;place-items:center;display:grid}.reader-body{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto}.reader-body p{max-width:var(--measure);margin-bottom:var(--space-4);font-size:var(--text-lg);line-height:var(--leading-body)}.banner{gap:var(--space-2);margin:0 var(--space-6) var(--space-4);padding:var(--space-3);border:1px solid var(--urgent);border-radius:var(--radius-md);background:var(--urgent-wash);font-size:var(--text-sm);color:var(--urgent);display:flex}.attachment{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-xs);display:inline-flex}.attachment-size{color:var(--ink-muted);font-family:var(--font-data)}.empty{place-content:center;gap:var(--space-2);height:100%;padding:var(--space-8);text-align:center;display:grid}.empty h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-normal)}.empty p{color:var(--ink-muted);font-size:var(--text-sm)}.scrim{z-index:10;animation:fade var(--duration-base) var(--ease);background:#0a0d1266;place-items:start center;padding-top:12vh;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.palette{width:min(560px, calc(100vw - var(--space-8)));border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-3);animation:rise var(--duration-base) var(--ease);overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(-6px)}}.palette-input{width:100%;padding:var(--space-4);border:0;border-bottom:1px solid var(--line);font-size:var(--text-lg);background:0 0;outline:none}.palette-list{max-height:46vh;padding:var(--space-2);overflow-y:auto}.palette-group{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--ink-faint)}.palette-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:inherit;text-align:left;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;display:flex}.palette-item[data-active=true]{background:var(--accent-wash);color:var(--accent)}.keys{gap:2px;margin-left:auto;display:flex}.key{min-width:20px;padding:1px var(--space-1);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-sunk);font-family:var(--font-data);font-size:var(--text-2xs);text-align:center;color:var(--ink-muted)}.toast{left:50%;bottom:var(--space-6);z-index:20;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--ink);color:var(--ground);font-size:var(--text-sm);box-shadow:var(--shadow-3);animation:toast-in var(--duration-base) var(--ease);display:flex;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.toast button{color:var(--accent);font-weight:var(--weight-semi);cursor:pointer;background:0 0;border:0}:root[data-theme=dark] .toast button,:root:not([data-theme=light]) .toast button{color:#9db2ff}@media (max-width:860px){.app{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.rail{padding:var(--space-2) var(--space-2) max(var(--space-2), env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);flex-direction:row;grid-row:2;justify-content:space-around}.rail-mark,.rail-spacer{display:none}.rail-item{width:56px;height:44px}.list{border-right:0;grid-row:1}.list[data-hidden=true]{display:none}.reader{z-index:5;height:100dvh;animation:slide-in var(--duration-large) var(--ease);position:fixed;inset:0 0 auto}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}}.reader-head{padding:max(var(--space-4), env(safe-area-inset-top)) var(--space-4) var(--space-3)}.reader-body{padding:var(--space-4);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}.reader-body p{font-size:var(--text-md)}}.back{align-items:center;gap:var(--space-1);margin-bottom:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border-radius:var(--radius-md);color:var(--accent);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;display:none}@media (max-width:860px){.back{display:inline-flex}}.composer{right:var(--space-6);z-index:15;width:min(560px, calc(100vw - var(--space-12)));border:1px solid var(--line-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);max-height:72vh;box-shadow:var(--shadow-3);animation:compose-in var(--duration-large) var(--ease);flex-direction:column;display:flex;position:fixed;bottom:0}@keyframes compose-in{0%{opacity:0;transform:translateY(12px)}}.composer-head{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);font-size:var(--text-sm);font-weight:var(--weight-semi);display:flex}.composer-close{color:var(--ink-muted);font-size:var(--text-lg);cursor:pointer;background:0 0;border:0;margin-left:auto;line-height:1}.composer-close:hover{color:var(--ink)}.composer-field{align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);display:flex}.composer-field label{width:48px;font-size:var(--text-xs);color:var(--ink-muted);flex:none}.composer-field input{min-width:0;font-size:var(--text-sm);background:0 0;border:0;outline:none;flex:1}.composer-body{min-height:180px;padding:var(--space-4);resize:none;font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-body);background:0 0;border:0;outline:none;flex:1}.composer-foot{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);display:flex}.composer-hint{font-size:var(--text-2xs);color:var(--ink-faint);margin-left:auto}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);font-size:var(--text-sm);font-weight:var(--weight-semi);cursor:pointer;transition:background var(--duration-micro) var(--ease);border:1px solid #0000;display:inline-flex}.btn:hover{background:var(--accent-hover)}.btn[data-variant=quiet]{color:var(--ink-muted);border-color:var(--line-control);background:0 0}.btn[data-variant=quiet]:hover{background:var(--surface-hover);color:var(--ink)}@media (max-width:860px){.composer{width:100vw;height:100dvh;max-height:none;padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0;inset:0}.composer-head{padding-top:max(var(--space-3), env(safe-area-inset-top))}}