:root{color-scheme:dark;--bg:#111214;--panel:#17181b;--panel-2:#202226;--line:#303238;--text:#f2f2f3;--muted:#9b9da5;--danger:#ff7777;--ok:#a4e3bd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;border-radius:0!important}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}.boot,.center-stage{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px}.boot p,.muted{color:var(--muted)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #4b4d53;font-weight:800;font-size:20px}.wordmark{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.03em}.wordmark small{display:block;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:3px}.landing{max-width:1040px;width:100%;padding:32px;margin:auto;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.hero{max-width:760px;margin:auto 0;padding:100px 0}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.99;letter-spacing:-.065em;font-weight:650;margin:18px 0}.hero p{max-width:530px;line-height:1.7;color:var(--muted);font-size:17px}.hero-foot{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:10px 13px;text-decoration:none;min-height:38px;transition:background .15s,border-color .15s;font-size:12px}.button:hover{background:#292b30;border-color:#4b4e56}.button.primary{background:#f0f0f1;color:#161719;border-color:#f0f0f1;font-weight:650}.button.primary:hover{background:#d8d9dc}.button.ghost{background:transparent}.button:disabled{opacity:.55;cursor:not-allowed}.auth-card{width:min(100%,420px);border:1px solid var(--line);background:var(--panel);padding:28px;box-shadow:0 24px 90px #0003}.auth-card h1{font-size:26px;letter-spacing:-.04em;margin:24px 0 8px}.auth-card>p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:24px}.field{display:grid;gap:8px;margin:16px 0}.field label{font-size:13px;color:#d1d2d6}.field input{width:100%;background:#111214;border:1px solid #383a40;color:var(--text);padding:12px 13px;outline:none}.field input:focus,.search-input:focus{border-color:#9699a2;box-shadow:0 0 0 2px #ffffff0d}.auth-card form .button{width:100%;margin-top:8px}.error,.notice{font-size:13px;line-height:1.5;padding:11px 12px;margin:12px 0}.error{background:#3a2022;color:#ffc4c4;border:1px solid #673337}.notice{background:#202b25;color:#c5f0d5;border:1px solid #355442}.back-link{color:var(--muted);font-size:13px;text-decoration:none;display:inline-block;margin-top:20px}.back-link:hover{color:var(--text)}.app-shell{min-height:100vh;display:grid;grid-template-columns:218px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:30px;background:#141517}.sidebar .wordmark{font-size:13px}.side-label{color:#777a83;text-transform:uppercase;letter-spacing:.12em;font-size:10px;padding:0 10px;margin-bottom:10px}.nav-item{display:flex;gap:11px;align-items:center;padding:11px 10px;border-left:2px solid transparent;color:#c6c7cc;font-size:13px;text-decoration:none}.nav-item.active{background:#242529;color:#fff;border-left-color:#e6e7e9}.nav-icon{width:18px;text-align:center;color:#a5a7ae}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.account-line{font-size:11px;color:var(--muted);padding:8px 10px 12px;overflow-wrap:anywhere}.sidebar-bottom .button{width:100%;justify-content:flex-start}.main-pane{min-width:0;min-height:100vh;display:flex;flex-direction:column}.mail-top{height:66px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:16px;background:#141517}.mail-top h1{font-size:15px;font-weight:650;margin:0}.mail-top p{margin:4px 0 0;color:var(--muted);font-size:11px}.mail-workspace{display:grid;grid-template-columns:minmax(285px,36%) minmax(0,1fr);min-height:calc(100vh - 66px);flex:1}.mail-list-pane{min-width:0;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#151619}.list-heading{padding:22px 18px 12px;border-bottom:1px solid #292b30}.list-heading>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.list-heading h2{font-size:15px;font-weight:650;margin:0}.mail-count{font-size:10px;color:var(--muted);white-space:nowrap}.mail-toolbar{padding:12px 14px;border-bottom:1px solid #292b30}.search-input{width:100%;min-width:0;border:1px solid var(--line);background:#101113;color:var(--text);padding:10px 11px;font-size:12px;outline:none}.email-list{min-height:0;flex:1;overflow-y:auto}.email-row{width:100%;display:block;text-align:left;border:0;border-bottom:1px solid #292b30;border-left:2px solid transparent;background:transparent;color:inherit;padding:14px 13px;min-width:0}.email-row:hover{background:#1c1d20}.email-row.selected{background:#242529;border-left-color:#e7e8ea}.email-row.unread .sender,.email-row.unread .subject{font-weight:700;color:#fff}.email-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;min-width:0}.sender,.subject,.preview{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender{font-size:12px;color:#d7d8dc}.email-date{font-size:10px;color:var(--muted);white-space:nowrap}.subject{font-size:12px;font-weight:550;color:#e4e4e7}.preview{font-size:11px;color:var(--muted);margin-top:6px}.empty-state{padding:42px 16px;text-align:center}.empty-state h2{font-size:14px;margin:0 0 8px}.empty-state p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.empty-state.compact{padding:36px 18px}.load-more-wrap{display:flex;justify-content:center;padding:12px;border-top:1px solid #292b30}.message-preview-pane{min-width:0;display:flex;flex-direction:column;background:#111214}.preview-empty{margin:auto;text-align:center;padding:32px 20px;max-width:330px}.preview-empty-mark{font-size:25px;color:#777a83;margin-bottom:16px}.preview-empty h2{font-size:15px;font-weight:600;margin:0 0 8px}.preview-empty p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.preview-toolbar{height:52px;flex:none;display:flex;align-items:center;gap:14px;padding:0 22px;border-bottom:1px solid var(--line);background:#141517}.preview-label{font-size:10px;letter-spacing:.14em;color:#858790}.preview-actions{margin-left:auto}.message-view{min-width:0;max-width:100%;overflow:auto}.message-header{padding:28px 30px 20px;border-bottom:1px solid var(--line)}.message-header h2{font-size:22px;line-height:1.35;letter-spacing:-.035em;font-weight:620;margin:0 0 24px;overflow-wrap:anywhere}.message-sender-line{display:flex;align-items:center;gap:12px;min-width:0}.sender-avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #45474d;background:#202226;font-size:13px;font-weight:650}.sender-details{display:flex;flex-direction:column;gap:4px;min-width:0}.sender-details strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.sender-details span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.message-sender-line time{margin-left:auto;font-size:10px;color:var(--muted);white-space:nowrap;align-self:flex-start}.message-details{margin-top:17px;font-size:11px;color:var(--muted)}.message-details summary{cursor:pointer;display:inline-block;padding:3px 0}.message-details dl{display:grid;grid-template-columns:70px minmax(0,1fr);gap:7px 12px;margin:12px 0 0}.message-details dt{color:#777a83}.message-details dd{margin:0;overflow-wrap:anywhere;color:#d0d1d5}.message-body{padding:28px 30px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:13px;color:#e0e1e4;max-width:100%;min-height:180px}.preview-loading,.preview-error{padding:32px;color:var(--muted);font-size:12px}.preview-error h2{color:var(--text);font-size:15px}.mobile-back{display:none}.security-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:18px}.setup-code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;overflow-wrap:anywhere;background:#111214;border:1px solid var(--line);padding:12px}details summary{cursor:pointer;color:var(--muted);font-size:12px}.hidden{display:none!important}@media(max-width:900px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.mail-workspace{grid-template-columns:minmax(250px,42%) minmax(0,1fr)}.message-header{padding:22px 20px 18px}.message-body{padding:22px 20px}.message-header h2{font-size:19px}.message-sender-line{flex-wrap:wrap}.message-sender-line time{margin-left:46px}}@media(max-width:680px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;border-right:0;border-bottom:1px solid var(--line);padding:12px 14px;gap:12px}.sidebar .side-label,.sidebar-bottom{display:none}.sidebar .wordmark{padding:0 4px}.sidebar nav{display:flex}.nav-item{flex:1;justify-content:center;padding:9px 6px}.mail-top{height:58px;padding:0 14px}.mail-workspace{display:block;min-height:calc(100vh - 58px)}.mail-list-pane{min-height:calc(100vh - 58px);border-right:0}.message-preview-pane{display:none;min-height:calc(100vh - 58px)}.has-selection .mail-list-pane{display:none}.has-selection .message-preview-pane{display:flex}.mobile-back{display:inline-flex}.preview-toolbar{padding:0 12px}.message-header{padding:20px 16px 16px}.message-header h2{font-size:18px;margin-bottom:18px}.message-sender-line time{width:100%;margin-left:46px}.message-body{padding:20px 16px;font-size:13px}.list-heading{padding:17px 14px 12px}.mail-toolbar{padding:10px 12px}.email-row{padding:13px 11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}