:root{color:#e5ded1;font-synthesis:none;text-rendering:optimizelegibility;--obsidian:#0b0c0f;--panel:#12151a;--panel-raised:#191c22;--line:#2b2f38;--line-soft:#20242b;--bone:#e5ded1;--muted:#858892;--dim:#565a64;--brass:#b89452;--oxblood:#8e1e2d;background:#0b0c0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 7% 8%, #8e1e2d1f, transparent 24rem), var(--obsidian);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}.auth-page{grid-template-columns:minmax(0,1.1fr) minmax(22rem,.9fr);align-items:center;gap:clamp(3rem,10vw,10rem);max-width:1180px;min-height:100vh;margin:0 auto;padding:4rem clamp(1.5rem,6vw,7rem);display:grid}.auth-brand{padding:1rem 0 2rem}.brand-mark,.compact-mark{border:1px solid var(--line);color:var(--brass);letter-spacing:-.08em;place-items:center;font:700 .8rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.brand-mark{width:3rem;height:3rem;margin-bottom:5rem}.eyebrow,.panel-kicker,.signal-row,.section-label,.panel-footer,.rail-count,.domain-hint,dt,.rail-index,.rail-footer,.message-meta,.status-note{color:var(--muted);letter-spacing:.14em;font:600 .66rem/1.25 ui-monospace,SFMono-Regular,Menlo,monospace}h1{color:var(--bone);letter-spacing:-.1em;margin:.85rem 0 1rem;font-size:clamp(3.8rem,9vw,7.8rem);font-weight:800;line-height:.82}h1 span{color:var(--oxblood);letter-spacing:.03em;font-size:.47em;line-height:1.2;display:block}.brand-copy{max-width:18rem;color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.signal-row{align-items:center;gap:.65rem;margin-top:4.5rem;display:flex}.signal-dot{background:var(--brass);border-radius:50%;flex:none;width:.45rem;height:.45rem;display:inline-block;box-shadow:0 0 0 .25rem #b894521a}.auth-panel{border:1px solid var(--line);background:#12151aeb;width:100%;max-width:27rem;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:1.2rem 1.2rem #363a4314}h2{color:var(--bone);letter-spacing:-.06em;margin:1.3rem 0 .75rem;font-size:clamp(1.75rem,4vw,2.55rem);font-weight:650;line-height:1}.panel-copy{color:var(--muted);margin:0 0 2.25rem;font-size:.9rem;line-height:1.5}form{gap:1.2rem;display:grid}label{gap:.6rem;display:grid}label span{color:var(--muted);letter-spacing:.16em;font:600 .66rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}input{border:1px solid var(--line);width:100%;color:var(--bone);background:#0f1115;border-radius:0;outline:0;padding:.85rem .9rem;transition:border-color .14s,box-shadow .14s}input::placeholder{color:var(--dim)}input:focus{border-color:var(--brass);box-shadow:0 0 0 3px #b894521f}.primary-button,.alias-form button{border:1px solid var(--brass);color:var(--obsidian);background:var(--brass);letter-spacing:.1em;border-radius:0;justify-content:space-between;align-items:center;font:700 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.primary-button{margin-top:.4rem;padding:.9rem 1rem}.primary-button:hover{color:var(--obsidian);background:var(--bone)}.form-note{color:var(--brass);margin:1rem 0 0;font-size:.78rem;line-height:1.4}.form-note.error{color:#d27c82}.text-button{color:var(--muted);background:0 0;border:0;margin-top:1.25rem;padding:0;font-size:.8rem}.text-button:hover{color:var(--bone)}.panel-footer{border-top:1px solid var(--line);justify-content:space-between;margin-top:3rem;padding-top:1rem;display:flex}.loading-screen{min-height:100vh;color:var(--muted);letter-spacing:.14em;place-items:center;gap:.75rem;font:600 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.console-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;min-height:4.5rem;padding:0 2.25rem;display:flex}.compact-brand,.topbar-meta,.connection{align-items:center;display:flex}.compact-brand{color:var(--bone);letter-spacing:.16em;gap:.8rem;font:700 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.compact-mark{width:2rem;height:2rem;font-size:.65rem}.slash{color:var(--oxblood);margin:0 .45rem}.topbar-meta{color:var(--muted);letter-spacing:.08em;gap:1.5rem;font:600 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.connection{gap:.55rem}.user-handle{color:var(--bone)}.logout-button,.refresh-button,.danger-button,.delete-alias{color:var(--muted);letter-spacing:.1em;background:0 0;border:0;font:600 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.logout-button:hover,.refresh-button:hover{color:var(--bone)}.console-grid{grid-template-columns:16rem minmax(21rem,.78fr) minmax(26rem,1.22fr);min-height:calc(100vh - 4.5rem);display:grid}.address-rail,.message-pane,.reader-pane{min-width:0}.address-rail{border-right:1px solid var(--line-soft);flex-direction:column;padding:2rem 1.15rem 1.2rem;display:flex}.rail-heading,.pane-heading,.reader-heading{justify-content:space-between;align-items:flex-start;display:flex}.section-label{color:var(--brass);margin:0}.rail-count{color:var(--dim);margin:.55rem 0 0;font-size:.6rem}.rail-index{color:var(--dim)}.alias-form{grid-template-columns:1fr auto;gap:0;margin-top:2rem;display:flex}.alias-form input{border-right:0;min-width:0;padding:.7rem;font:.75rem ui-monospace,SFMono-Regular,Menlo,monospace}.alias-form button{place-items:center;width:2.6rem;padding:0;font-size:1.1rem;display:grid}.domain-hint{color:var(--dim);text-align:right;margin:.55rem 0 1.75rem;font-size:.58rem}.alias-list{gap:.2rem;display:grid}.alias-row{grid-template-columns:1fr auto;align-items:center;display:grid}.alias-item{width:100%;color:var(--muted);text-align:left;letter-spacing:.04em;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;padding:.7rem .65rem;font:.7rem ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.alias-item strong{color:var(--dim);font-weight:600}.alias-item:hover{color:var(--bone)}.alias-item.active{border-color:var(--line);color:var(--bone);background:var(--panel)}.alias-item.active strong{color:var(--brass)}.delete-alias{color:var(--dim);padding:.35rem;font-size:1rem}.delete-alias:hover{color:#d27c82}.invite-tool{border-top:1px solid var(--line-soft);gap:.65rem;margin-top:1.25rem;padding-top:1rem;display:grid}.invite-tool button{border:1px solid var(--line);color:var(--brass);letter-spacing:.1em;background:0 0;padding:.65rem;font:600 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.invite-tool button:hover{border-color:var(--brass)}.invite-tool label{gap:.35rem}.invite-tool input{padding:.55rem;font:.62rem ui-monospace,SFMono-Regular,Menlo,monospace}.status-note{color:var(--brass);letter-spacing:.04em;margin:auto 0 1rem;padding-top:1rem;font-size:.62rem;line-height:1.5}.rail-footer{border-top:1px solid var(--line-soft);color:var(--dim);justify-content:space-between;padding-top:1rem;font-size:.57rem;display:flex}.message-pane{border-right:1px solid var(--line-soft)}.pane-heading,.reader-heading{border-bottom:1px solid var(--line-soft);min-height:7.75rem;padding:2rem 1.7rem 1.35rem}.pane-heading h2,.reader-heading h2{margin:.6rem 0 0;font-size:1.45rem}.pane-heading h2 span{color:var(--dim);font-size:.8em}.refresh-button{font-size:1.25rem}.message-list{display:grid}.message-row{border:0;border-bottom:1px solid var(--line-soft);min-height:5.2rem;color:var(--muted);text-align:left;background:0 0;grid-template-columns:1.1rem minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.9rem 1.7rem;display:grid}.message-row:hover,.message-row.selected{background:var(--panel)}.message-row.unread{color:var(--bone)}.message-mark{color:var(--brass);font-size:.58rem}.message-summary{gap:.38rem;min-width:0;display:grid}.message-summary strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;font-weight:600;overflow:hidden}.message-summary span{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.unread .message-summary span{color:var(--muted)}.message-meta{color:var(--dim);letter-spacing:0;white-space:nowrap;justify-items:end;gap:.4rem;font-size:.58rem;display:grid}.message-meta small{color:var(--brass);font-size:.58rem}.load-more{color:var(--brass);letter-spacing:.12em;background:0 0;border:0;padding:1rem;font:600 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.empty-state{color:var(--muted);margin:15vh 2rem}.empty-index{color:var(--brass);font:600 .7rem ui-monospace,SFMono-Regular,Menlo,monospace}.empty-state h3{color:var(--bone);letter-spacing:-.04em;margin:1.1rem 0 .65rem;font-size:1.45rem}.empty-state p{max-width:20rem;margin:0;font-size:.85rem;line-height:1.6}.reader-pane{background:#12151a75}.reader-heading{align-items:center}.reader-heading>div{min-width:0}.reader-heading h2{text-overflow:ellipsis;white-space:nowrap;max-width:34rem;overflow:hidden}.reader-back{color:var(--muted);letter-spacing:.08em;background:0 0;border:0;font:600 .65rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:none}.danger-button{color:#b76c74}.danger-button:hover{color:#e19ba2}.message-info{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem 2rem;margin:0;padding:1.5rem 1.7rem;display:grid}.message-info div:last-child{grid-column:1/-1}dt{color:var(--dim);letter-spacing:.1em;margin-bottom:.38rem;font-size:.58rem}dd{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.78rem;overflow:hidden}.email-html,.email-text{color:#d7d1c7;overflow-wrap:anywhere;max-width:54rem;margin:0;padding:2rem 1.7rem 3rem;font-size:.9rem;line-height:1.7}.email-text{white-space:pre-wrap}.email-html *{max-width:100%}.email-html a{color:var(--brass)}.email-html pre,.email-html code{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.email-html table{border-collapse:collapse}.email-html td,.email-html th{border:1px solid var(--line);padding:.35rem .55rem}.attachments{border-top:1px solid var(--line-soft);margin:0 1.7rem 2rem;padding-top:1.2rem}.attachment{color:var(--bone);grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.8rem 0;font-size:.78rem;text-decoration:none;display:grid}.attachment+.attachment{border-top:1px solid var(--line-soft)}.attachment>span:first-child{color:var(--brass)}.attachment small{color:var(--dim);font:.62rem ui-monospace,SFMono-Regular,Menlo,monospace}.reader-empty{min-height:60vh;color:var(--dim);letter-spacing:.14em;text-align:center;align-content:center;place-items:center;font:600 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.reader-empty span:last-child{max-width:17rem;color:var(--dim);letter-spacing:0;margin-top:.9rem;font:.75rem/1.5 Inter,ui-sans-serif,sans-serif}.reader-cross{color:var(--brass);font-size:1.5rem;font-weight:300}@media (width<=1050px){.console-grid{grid-template-columns:12rem minmax(17rem,.9fr) minmax(0,1.1fr)}.topbar{padding-inline:1.25rem}.address-rail{padding-inline:.75rem}.message-row,.pane-heading,.reader-heading,.message-info,.email-html,.email-text{padding-inline:1.15rem}}@media (width<=820px){.auth-page{grid-template-columns:1fr;gap:2.5rem;padding-block:2.5rem}.auth-brand{padding-bottom:0}.brand-mark{margin-bottom:3rem}.signal-row{margin-top:2.5rem}.auth-panel{max-width:none}.console-grid{grid-template-columns:13rem minmax(0,1fr)}.reader-pane{display:none}.console-shell.reading .console-grid{grid-template-columns:minmax(0,1fr)}.console-shell.reading .address-rail,.console-shell.reading .message-pane{display:none}.console-shell.reading .reader-pane{border:0;min-height:calc(100vh - 4.5rem);display:block}.reader-back{grid-column:1/-1;justify-self:start;padding:0 0 .75rem;display:block}.reader-heading{grid-template-columns:minmax(0,1fr) auto;display:grid}.reader-heading>div{grid-column:1}.reader-heading .danger-button{grid-area:2/2}}@media (width<=560px){.topbar{min-height:3.8rem}.topbar-meta{gap:.65rem}.connection{font-size:.58rem}.user-handle{text-overflow:ellipsis;max-width:5rem;overflow:hidden}.console-grid{grid-template-columns:1fr}.address-rail{border-right:0;border-bottom:1px solid var(--line-soft);min-height:auto}.alias-list{grid-template-columns:repeat(2,minmax(0,1fr))}.rail-footer{margin-top:1rem}.message-pane{border-right:0}.auth-page{padding-inline:1rem}.message-row,.pane-heading,.reader-heading,.message-info,.email-html,.email-text{padding-inline:.8rem}.compact-brand{letter-spacing:.08em;font-size:.68rem}}
