@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2e8ea;font-synthesis:none;--glow:#4a0d19;--panel:#140d0f;--deep:#0d090a;--surface:#1b1114;--hover:#2a171c;--border:#3d2228;--strong:#71303d;--text:#f2e8ea;--muted:#9d7f85;--accent:#ef405b;--soft:#ff9aaa;--accentDeep:#6f1425;--ink:#1a0509;background:#070607;font-family:DM Sans,sans-serif}:root[data-theme=red]{--glow:#4a0d19;--panel:#140d0f;--deep:#0d090a;--surface:#1b1114;--hover:#2a171c;--border:#3d2228;--strong:#71303d;--text:#f2e8ea;--muted:#9d7f85;--accent:#ef405b;--soft:#ff9aaa;--accentDeep:#6f1425;--ink:#1a0509}:root[data-theme=blue]{--glow:#192a50;--panel:#141a27;--deep:#0b1019;--surface:#121824;--hover:#1a2332;--border:#293347;--strong:#39517a;--text:#e8ecf5;--muted:#7f8ba1;--accent:#729fff;--soft:#b9d2ff;--accentDeep:#273e72;--ink:#071021}:root[data-theme=green]{--glow:#103b31;--panel:#0e1b18;--deep:#08110f;--surface:#10201c;--hover:#18342c;--border:#25483e;--strong:#377563;--text:#e7f3ef;--muted:#78968d;--accent:#4dd4a3;--soft:#a3f1d4;--accentDeep:#195c49;--ink:#04150f}*{box-sizing:border-box}body{background:radial-gradient(circle at 72% -10%, var(--glow) 0, transparent 34%), #070607;min-width:320px;min-height:100vh;color:var(--text);margin:0;transition:background .25s}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.appShell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:color-mix(in srgb,var(--panel) 92%,transparent);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:30;flex-direction:column;height:100vh;padding:30px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 32px;display:flex}.brandMark{width:42px;height:42px;color:var(--soft);background:linear-gradient(145deg,var(--accentDeep),var(--deep));box-shadow:inset 0 1px var(--strong);border-radius:13px;place-items:center;display:grid}.brand strong{letter-spacing:-.02em;font-size:18px;display:block}.brand div span{color:#657089;letter-spacing:.17em;font:9px Space Mono}.composeButton,.primaryButton{color:var(--ink);background:linear-gradient(135deg,var(--soft),var(--accent));box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 24%,transparent);border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:13px 16px;font-weight:700;display:inline-flex}.sidebar nav{gap:6px;margin-top:24px;display:grid}.sidebar nav button{color:#8791a6;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.sidebar nav button:hover,.sidebar nav .navActive{color:var(--text);background:var(--surface)}.sidebar nav .navActive{box-shadow:inset 3px 0 var(--accent)}.themeSetting{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;margin-top:14px;padding:18px 9px 8px;font-size:12px;display:flex}.themeSetting>div{gap:8px;display:flex}.themeSwatch{width:22px;height:22px;box-shadow:0 0 0 1px var(--border);border:2px solid #0000;border-radius:50%;padding:0}.themeSwatch.red{background:#ef405b}.themeSwatch.blue{background:#729fff}.themeSwatch.green{background:#4dd4a3}.themeSwatch.selected{border-color:var(--text);transform:scale(1.1)}.sidebarStatus{color:#667187;align-items:center;gap:8px;margin-top:auto;padding:8px;font:11px Space Mono;display:flex}.sidebarStatus span{background:#65d7a1;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #65d7a1}.logoutButton{color:#7f899d;text-align:left;background:0 0;border:0;margin-top:auto;padding:10px}.logoutButton:hover{color:#ff9b9b}.logoutButton+.sidebarStatus{margin-top:5px}.mainContent{min-width:0;padding:32px clamp(20px,4vw,64px)}.mailPanel,.tempWorkspace{width:min(1120px,100%);margin:0 auto}.mailPanel{border:1px solid var(--border);background:linear-gradient(145deg,var(--panel),var(--deep));border-radius:20px;min-height:calc(100vh - 64px);overflow:hidden;box-shadow:0 24px 70px #0000004d}.panelHeader{justify-content:space-between;align-items:flex-end;padding:31px 34px 23px;display:flex}.panelHeader h1,.tempLanding h1{letter-spacing:-.04em;margin:3px 0;font-size:clamp(28px,4vw,40px)}.panelHeader div>span{color:#69748a;font-size:13px}.eyebrow{color:var(--accent);letter-spacing:.2em;margin:0;font:10px Space Mono}.iconButton,.textButton,.dangerButton{background:#121824;border:1px solid #293347;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 11px;display:inline-flex}.iconButton:hover,.textButton:hover{background:#1a2332}.dangerButton{color:#ff9b9b;border-color:#4a2931}.searchBox{color:#647087;background:#0e131d;border:1px solid #273145;border-radius:12px;align-items:center;gap:11px;margin:0 34px 20px;padding:0 14px;display:flex}.searchBox:focus-within{border-color:#547fcf;box-shadow:0 0 0 3px #547fcf1f}.searchBox input{color:#e8ecf5;background:0 0;border:0;outline:0;width:100%;padding:13px 0}.emailRows{border-top:1px solid #202838}.emailRow{text-align:left;background:0 0;border:0;border-bottom:1px solid #1d2533;grid-template-columns:8px 42px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:16px 34px;display:grid}.emailRow:hover{background:#2a374e59}.emailRow.unread{background:#24334e45}.readDot{border-radius:50%;width:6px;height:6px}.unread .readDot{background:#79a8ff;box-shadow:0 0 8px #79a8ff}.senderAvatar{color:#a8c6ff;background:#222c40;border-radius:12px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.senderAvatar.large{width:46px;height:46px}.emailSummary{grid-template-columns:minmax(100px,180px) minmax(0,1fr);align-items:center;column-gap:15px;min-width:0;display:grid}.emailSummary>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.emailSummary .emailSender{color:#aeb7c8}.unread .emailSender,.unread .emailSummary strong{color:#fff}.emailSummary small{color:#677288;grid-column:2;margin-top:3px}.emailSummary strong{color:#c8cfdd;font-size:14px;font-weight:500}.emailMeta{color:#737f94;justify-items:end;gap:9px;min-width:80px;font-size:12px;display:grid}.emailMeta>span{align-items:center;gap:8px;display:flex}.tag{color:#83aeff;border:1px solid #375381;border-radius:5px;padding:3px 6px;font:9px Space Mono;display:inline-flex}.stateMessage,.emptyState{color:#727e93;justify-content:center;align-items:center;gap:12px;min-height:320px;display:flex}.emptyState{flex-direction:column}.emptyState h2{color:#cdd5e4;margin:5px 0 0}.emptyState p{margin:0}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pagination{justify-content:center;align-items:center;gap:18px;padding:18px;display:flex}.pagination button{background:#121824;border:1px solid #293347;border-radius:8px;padding:8px 15px}.pagination span{color:#69748a;font:11px Space Mono}.viewToolbar{border-bottom:1px solid #202838;justify-content:space-between;padding:24px 30px;display:flex}.messageArticle{padding:clamp(24px,4vw,45px)}.messageTitle{align-items:center;gap:12px;display:flex}.messageTitle h1{letter-spacing:-.035em;margin:0 0 26px;font-size:clamp(25px,4vw,38px)}.messageSender{border-bottom:1px solid #232c3c;align-items:center;gap:13px;padding-bottom:26px;display:flex}.messageSender div{flex-direction:column;min-width:0;display:flex}.messageSender div span{color:#68748a;overflow-wrap:anywhere;font-size:12px}.messageSender time{color:#6f7b91;text-align:right;margin-left:auto;font-size:12px}.attachments{flex-wrap:wrap;gap:10px;padding:20px 0 0;display:flex}.attachments button{text-align:left;background:#131a26;border:1px solid #2b3548;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;display:flex}.attachments button span{min-width:120px;display:grid}.attachments small{color:#68748a}.emailFrame{background:#111722;border:0;border-radius:12px;width:100%;min-height:520px;margin-top:25px}.textBody{white-space:pre-wrap;overflow-wrap:anywhere;color:#cdd4e1;margin-top:30px;font:15px/1.7 DM Sans}.tempWorkspace{gap:18px;display:grid}.tempCard{background:linear-gradient(120deg,#1d2e4ecc,#0f1520e6);border:1px solid #2a3d5f;border-radius:18px;justify-content:space-between;align-items:center;gap:30px;padding:23px 28px;display:flex}.tempCard h1{overflow-wrap:anywhere;margin:7px 0 0;font:clamp(16px,2.4vw,23px) Space Mono}.tempCard>p{color:#8290a7;max-width:370px;line-height:1.5}.loginPage,.splash{place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{background:#0f141fed;border:1px solid #293448;border-radius:22px;width:min(420px,100%);padding:38px;box-shadow:0 30px 90px #0008}.loginMark{width:52px;height:52px;margin-bottom:25px}.loginCard h1{letter-spacing:-.04em;margin:7px 0;font-size:35px}.loginCard>p:not(.eyebrow){color:#788398}.loginCard label{color:#919caf;gap:8px;margin:25px 0 12px;font-size:12px;display:grid}.loginCard input{color:#fff;background:#090e16;border:1px solid #2b364a;border-radius:11px;outline:0;width:100%;padding:13px}.loginCard input:focus{border-color:#6592e8}.loginCard .primaryButton{width:100%;margin-top:12px}.loginError{color:#ffabb4;font-size:13px}.tempLanding{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.tempLanding>p:not(.eyebrow){color:#7b869a;max-width:520px;line-height:1.65}.tempLanding .primaryButton{margin-top:22px}.tempOrb{color:#91b5ff;background:linear-gradient(145deg,#213968,#101d36);border-radius:28px;place-items:center;width:90px;height:90px;margin-bottom:30px;display:grid;box-shadow:0 18px 50px #3762b540,inset 0 1px #5271ab}.modalBackdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030509c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.composeModal{background:#111722;border:1px solid #2a3549;border-radius:20px;width:min(650px,100%);max-height:calc(100vh - 40px);padding:26px;overflow-y:auto;box-shadow:0 30px 90px #000}.composeModal header,.composeModal footer{justify-content:space-between;align-items:center;display:flex}.composeModal h2{margin:3px 0 18px;font-size:27px}.composeModal label{color:#8c97aa;gap:7px;margin:14px 0;font-size:12px;font-weight:600;display:grid}.composeModal input,.composeModal textarea{color:#e4e9f2;resize:vertical;background:#0b1019;border:1px solid #2a3548;border-radius:10px;outline:0;padding:12px 13px}.composeModal input:focus,.composeModal textarea:focus{border-color:#5c86d5}.composeModal footer{justify-content:flex-end;gap:10px;margin-top:20px}.composeModal .primaryButton{min-width:125px}.toast{z-index:80;color:#a7ecc7;background:#14271f;border:1px solid #315844;border-radius:11px;padding:13px 17px;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 40px #0008}.toast.error{color:#ffb2ba;background:#30191e;border-color:#63323a}.mobileMenuButton,.sidebarBackdrop{display:none}@media (width<=800px){body{background-attachment:fixed}.appShell{display:block}.sidebar{width:min(290px,86vw);height:100dvh;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));transition:transform .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%)}.sidebarOpen{transform:none}.sidebarBackdrop{z-index:25;background:#000b;border:0;display:block;position:fixed;inset:0}.mainContent{padding:10px 10px max(10px,env(safe-area-inset-bottom))}.mobileMenuButton{z-index:20;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:11px 13px;font-weight:700;display:flex;position:sticky;top:0}.mailPanel{border-radius:14px;min-height:calc(100dvh - 74px)}.panelHeader{align-items:center;padding:22px 18px 16px}.panelHeader h1{font-size:28px}.searchBox{margin:0 18px 14px}.emailRow{grid-template-columns:7px 38px minmax(0,1fr);gap:10px;padding:14px 16px}.emailMeta{grid-area:2/3;justify-content:space-between;width:100%;display:flex}.emailSummary,.emailSummary>*{display:block}.emailSummary small{margin-top:4px}.tempCard{padding:20px;display:block}.tempCard>p{margin-bottom:0}.messageSender{flex-wrap:wrap;align-items:flex-start}.messageSender time{text-align:left;width:100%;margin-left:59px}.messageArticle{padding:23px 19px}.viewToolbar{z-index:10;background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px;position:sticky;top:64px}.emailFrame{min-height:55dvh}.composeModal{border-radius:16px;max-height:calc(100dvh - 20px);padding:20px}.modalBackdrop{align-items:end;padding:10px}.toast{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));text-align:center}}@media (width<=480px){.senderAvatar{display:none}.emailRow{grid-template-columns:7px minmax(0,1fr)}.emailMeta{grid-column:2}.emailSummary .emailSender{font-size:13px}.emailSummary strong{margin-top:3px}.panelHeader{padding-inline:15px}.searchBox{margin-inline:15px}.tempCard{grid-template-columns:1fr}.copyButton,.timer{justify-content:center}.tempCard h1{font-size:14px}.messageSender .senderAvatar{display:grid}.messageSender time{margin-left:0}.dangerButton{font-size:0}.dangerButton svg{width:20px}.attachments button{width:100%}.loginPage{padding:12px}.loginCard{border-radius:17px;padding:28px 22px}.loginCard h1{font-size:31px}.composeModal footer{background:var(--panel);padding:12px 0 0;position:sticky;bottom:-20px}.pagination{gap:10px}}