:root{--bg:#0d0f12;--panel:#121519;--panel-2:#171b20;--panel-3:#1b2026;--border:#262c33;--border-soft:#20252b;--text:#f4f5f7;--muted:#8d96a2;--muted-2:#65707c;--accent:#7c6df2;--accent-2:#9287ff;--accent-bg:rgba(124,109,242,.12);--warning:#e3b341;--shadow:0 18px 60px rgba(0,0,0,.34)}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%}button,input,textarea{font:inherit}button{color:inherit}.shell{min-height:100vh;background:radial-gradient(circle at 50% -40%,rgba(124,109,242,.09),transparent 38%),var(--bg)}.topbar{height:64px;display:grid;grid-template-columns:240px minmax(280px,620px) 1fr;grid-gap:24px;gap:24px;padding:0 18px 0 20px;border-bottom:1px solid var(--border-soft);background:rgba(13,15,18,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:-webkit-sticky;position:sticky;top:0;z-index:30}.brand,.topbar{align-items:center}.brand{display:flex;gap:10px;font-weight:720;letter-spacing:-.03em;font-size:17px}.brandMark{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:white;background:linear-gradient(135deg,var(--accent-2),#6656dc);box-shadow:0 8px 22px rgba(124,109,242,.24)}.searchWrap{height:39px;display:flex;align-items:center;gap:10px;padding:0 11px 0 13px;color:var(--muted);border:1px solid var(--border);background:#15181c;border-radius:10px}.searchWrap input{flex:1 1;border:0;outline:0;background:transparent;color:var(--text);min-width:0}.searchWrap input::placeholder{color:#6f7883}.searchWrap kbd{border:1px solid #303640;background:#1d2126;border-radius:6px;padding:2px 7px;color:#77818d;font-size:11px;box-shadow:inset 0 -1px 0 rgba(255,255,255,.03)}.topActions{display:flex;justify-content:flex-end;align-items:center;gap:7px}.iconButton{width:34px;height:34px;display:inline-grid;place-items:center;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer}.iconButton:hover{color:var(--text);background:var(--panel-3)}.avatar{width:32px;height:32px;border:0;border-radius:50%;margin-left:4px;background:#272d34;color:#d8dce2;font-size:11px;font-weight:700;cursor:pointer}.workspace{display:grid;grid-template-columns:225px minmax(340px,430px) minmax(440px,1fr);height:calc(100vh - 64px);overflow:hidden}.sidebar{border-right:1px solid var(--border-soft);padding:16px 12px;display:flex;flex-direction:column;background:#101317;z-index:20}.composeButton{display:flex;gap:10px;align-items:center;justify-content:center;height:41px;border-radius:9px;border:0;color:white;background:linear-gradient(180deg,#8275f3,#7062e4);font-weight:660;cursor:pointer;box-shadow:0 8px 20px rgba(81,65,210,.22);margin:2px 2px 16px}.composeButton:hover{filter:brightness(1.06)}nav{display:grid;grid-gap:2px;gap:2px}.navItem{border:0;height:38px;border-radius:8px;background:transparent;color:#a5adb7;padding:0 11px;justify-content:space-between;cursor:pointer}.navItem,.navItem span{display:flex;align-items:center}.navItem span{gap:11px}.navItem strong{font-size:11px;font-weight:650;color:#7e8792}.navItem:hover{background:#171b20;color:#d9dde3}.navItem.active{background:var(--accent-bg);color:#c8c1ff}.navItem.active strong{color:#aaa0ff}.sidebarSection{margin-top:22px;padding-top:16px;border-top:1px solid var(--border-soft)}.sectionHeading{color:var(--muted-2);text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.09em;display:flex;justify-content:space-between;padding:0 11px 10px}.mailboxRow{width:100%;display:grid;grid-template-columns:9px 1fr auto;align-items:center;grid-gap:9px;gap:9px;background:transparent;border:0;color:var(--text);padding:8px 10px;border-radius:8px;text-align:left;cursor:pointer}.mailboxRow:hover{background:#171b20}.mailboxDot{width:7px;height:7px;border-radius:50%;background:#7b6cf0;box-shadow:0 0 0 3px rgba(123,108,240,.12)}.mailboxRow>span:nth-child(2){display:grid}.mailboxRow strong{font-size:12px;font-weight:650}.mailboxRow small{margin-top:1px}.mailboxRow small,.storage{font-size:10px;color:var(--muted-2)}.storage{margin-top:auto;padding:14px 10px 4px}.storage>div:first-child{display:flex;justify-content:space-between}.bar{height:4px;border-radius:999px;background:#20252b;overflow:hidden;margin-top:8px}.bar span{display:block;width:18%;height:100%;background:#7164df}.mailList{border-right:1px solid var(--border-soft);background:#121519;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr}.listHeader{height:73px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-soft)}.listHeader h1{margin:0;font-size:17px;letter-spacing:-.02em;font-weight:680}.listHeader span{display:block;color:var(--muted-2);font-size:10px;margin-top:3px}.listToolbar{height:42px;display:flex;align-items:center;gap:2px;padding:0 11px;border-bottom:1px solid var(--border-soft)}.listToolbar button{width:31px;height:31px;display:grid;place-items:center;border:0;background:transparent;color:#78838f;border-radius:7px;cursor:pointer}.listToolbar button:hover{background:#1a1e23;color:#c9ced5}.check{padding:0 9px 0 3px}.toolbarSpacer{flex:1 1}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:4px;border:1px solid #3a414a;background:transparent;cursor:pointer}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 3px #171a1f}.messages{overflow-y:auto}.messageRow{width:100%;display:grid;grid-template-columns:41px 1fr;grid-gap:0;gap:0;border:0;border-bottom:1px solid #1e2329;background:transparent;padding:12px 13px 12px 9px;text-align:left;cursor:pointer;position:relative}.messageRow:hover{background:#171b20}.messageRow.selected{background:#1a1e25}.messageRow.selected:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:3px;background:#8276f5}.rowLeft{display:flex;flex-direction:column;align-items:center;gap:13px;padding-top:2px;color:#535d68}.starred{color:var(--warning)}.messageMain{min-width:0}.messageMeta{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.messageMeta strong{font-size:12px;font-weight:590;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bcc2c9}.messageRow.unread .messageMeta strong{color:#f1f3f5;font-weight:720}.messageMeta time{font-size:9px;color:#67717d;white-space:nowrap}.messageRow.unread .messageMeta time{color:#988cff}.subject{display:block;margin-top:4px;font-size:11px;font-weight:520;color:#aeb5bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messageRow.unread .subject{color:#e0e3e7;font-weight:620}.preview{display:block;margin-top:3px;color:#65707b;font-size:10px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader{background:#0f1215;min-width:0;overflow:hidden}.readerToolbar{height:55px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.readerActions{display:flex;gap:3px}.backButton{display:none}.messageContent{max-width:800px;margin:0 auto;padding:34px 44px 48px;overflow-y:auto;height:calc(100vh - 120px)}.messageTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.messageTitleRow h2{margin:0;font-size:24px;font-weight:650;letter-spacing:-.035em;line-height:1.2}.senderRow{display:grid;grid-template-columns:36px 1fr auto;grid-gap:11px;gap:11px;margin-top:26px;align-items:center}.senderAvatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#252b32;color:#cfd4da;font-size:11px;font-weight:720}.senderInfo{display:grid;grid-template-columns:auto 1fr;grid-column-gap:5px;column-gap:5px;align-items:baseline}.senderInfo strong{font-size:11px}.senderInfo span{color:var(--muted-2);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.senderInfo small{grid-column:1/-1;margin-top:2px}.senderInfo small,.senderRow time{color:var(--muted-2);font-size:9px}.bodyCopy{margin-top:30px;color:#c4c9cf;font-size:12px;line-height:1.75}.bodyCopy p{margin:0 0 15px}.attachment{max-width:320px;height:60px;border:1px solid var(--border);border-radius:10px;display:grid;grid-template-columns:41px 1fr 34px;grid-gap:10px;gap:10px;align-items:center;padding:8px 9px;margin-top:28px;background:#14181c}.attachmentIcon{height:40px;width:40px;border-radius:8px;background:#20252b;display:grid;place-items:center;color:#929ba5}.attachment div:nth-child(2){display:grid}.attachment strong{font-size:10px}.attachment span{font-size:9px;color:var(--muted-2);margin-top:2px}.replyActions{display:flex;gap:8px;margin-top:34px}.replyActions>button{height:35px;display:flex;align-items:center;gap:7px;padding:0 13px;border-radius:8px;background:#171b20;color:#adb5bd;border:1px solid var(--border);cursor:pointer;font-size:10px;font-weight:620}.replyActions>button:hover{border-color:#353c45;color:white}.emptyReader{height:100%;display:grid;place-content:center;justify-items:center;color:var(--muted);text-align:center}.emptyIcon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#171b20;color:#59636e;margin-bottom:12px}.emptyReader h2{margin:0;font-size:14px;color:#aeb5bd}.emptyReader p{margin:5px 0 0;font-size:10px;color:#606a75}.composePanel{position:fixed;right:24px;bottom:20px;width:min(520px,calc(100vw - 32px));height:min(610px,calc(100vh - 90px));z-index:60;border:1px solid #30363e;border-radius:12px;overflow:hidden;display:grid;grid-template-rows:45px auto 1fr 53px;background:#14181c;box-shadow:var(--shadow)}.composeHeader{display:flex;align-items:center;justify-content:space-between;padding:0 11px 0 16px;border-bottom:1px solid var(--border);background:#181c21}.composeHeader strong{font-size:11px;font-weight:670}.composeFields{padding:2px 15px 0}.composeFields>div{display:grid;grid-template-columns:55px 1fr;min-height:40px;align-items:center;border-bottom:1px solid var(--border-soft);font-size:10px}.composeFields span{color:var(--muted-2)}.composeFields strong{font-weight:530;color:#c8cdd3}.composeFields input{color:var(--text)}.composeBody,.composeFields input{border:0;outline:0;background:transparent;width:100%;font-size:11px}.composeBody{resize:none;padding:18px 16px;color:#d2d6dc;line-height:1.65}.composeBody::placeholder{color:#555f6a}.composeFooter{display:flex;align-items:center;gap:5px;border-top:1px solid var(--border);padding:0 12px}.composeFooter>span{flex:1 1}.sendButton{height:32px;padding:0 13px;border-radius:7px;border:0;background:var(--accent);color:white;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:680;cursor:pointer}.mobileOnly{display:none}@media (max-width:1100px){.workspace{grid-template-columns:205px 360px 1fr}.topbar{grid-template-columns:205px minmax(240px,520px) 1fr}.messageContent{padding-left:30px;padding-right:30px}}@media (max-width:850px){.mobileOnly{display:inline-grid}.topbar{grid-template-columns:auto auto 1fr auto;gap:9px;padding-left:10px}.brand span{display:none}.searchWrap{grid-column:3}.searchWrap kbd{display:none}.workspace{grid-template-columns:minmax(300px,390px) 1fr}.sidebar{position:fixed;left:-240px;top:64px;bottom:0;width:225px;transition:left .2s ease;box-shadow:14px 0 50px rgba(0,0,0,.25)}.sidebarOpen{left:0}.overlay{position:fixed;inset:64px 0 0 0;z-index:15;background:rgba(0,0,0,.38);border:0}.backButton{display:none}}@media (max-width:650px){.topbar{grid-template-columns:auto auto 1fr auto}.topActions .iconButton{display:none}.workspace{display:block;height:calc(100vh - 64px)}.mailList{height:100%;border-right:0}.reader{position:fixed;inset:64px 0 0 0;z-index:25;transform:translateX(100%);transition:transform .2s ease}.readerOpen{transform:translateX(0)}.backButton{display:inline-grid}.messageContent{padding:24px 20px 40px;height:calc(100vh - 119px)}.messageTitleRow h2{font-size:21px}.composePanel{right:8px;left:8px;bottom:8px;width:auto;height:calc(100vh - 80px)}}@media (max-width:430px){.searchWrap{height:36px}.brandMark{width:29px;height:29px}.topbar{padding-right:8px}.messageRow{padding-right:10px}}.composeError{padding:8px 16px;border-top:1px solid var(--border);color:#ff8d8d;background:rgba(255,80,80,.06);font-size:10px}.sendButton:disabled{opacity:.65;cursor:not-allowed}.authShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(124,109,242,.18),transparent 32%),linear-gradient(180deg,#0b0d10,#101317 58%,#0d1014)}.authCard{width:min(430px,100%);padding:28px;border-radius:22px;background:linear-gradient(180deg,rgba(20,24,28,.98),rgba(16,19,23,.96));border:1px solid rgba(58,65,74,.9);box-shadow:0 24px 80px rgba(0,0,0,.4)}.authBrand{display:flex;align-items:center;gap:14px}.authBrand>div:last-child{display:grid;grid-gap:3px;gap:3px}.authBrand strong{font-size:17px;letter-spacing:-.03em}.authBrand span{color:var(--muted);font-size:12px}.authCopy{margin-top:26px}.authCopy h1{margin:0;font-size:31px;letter-spacing:-.05em}.authCopy p{margin:10px 0 0;color:#9ca5b1;line-height:1.6;font-size:13px}.authForm{margin-top:26px}.authField{display:grid;grid-gap:9px;gap:9px}.authField span{font-size:12px;color:#bec5cf}.authInputWrap{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:12px;border:1px solid #323842;background:#15191e;color:var(--muted)}.authInputWrap input{flex:1 1;border:0;outline:0;background:transparent;color:var(--text)}.authInputWrap input::placeholder{color:#707985}.authError{margin:12px 0 0;color:#ff9898;font-size:12px}.authSubmit{margin-top:18px;width:100%;height:46px;border:0;border-radius:12px;background:linear-gradient(180deg,#8275f3,#6e61e3);color:white;font-weight:700;letter-spacing:-.01em;cursor:pointer;box-shadow:0 16px 34px rgba(91,78,220,.26)}.authSubmit:disabled{opacity:.7;cursor:not-allowed}