@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:#e8ecf5;font-synthesis:none;background:#080b12;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 72% -10%,#192a50 0,#0000 34%),#080b12;min-width:320px;min-height:100vh;margin:0}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{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:30;background:#0a0e17e0;border-right:1px solid #202838;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{color:#9bbdff;background:linear-gradient(145deg,#273e72,#152342);border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 1px #5573ad}.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:#071021;background:linear-gradient(135deg,#b9d2ff,#729fff);border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:13px 16px;font-weight:700;display:inline-flex;box-shadow:0 9px 24px #4b7ee133}.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:#e8eefb;background:#171e2c}.sidebar nav .navActive{box-shadow:inset 3px 0 #7da7f8}.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}.mainContent{min-width:0;padding:32px clamp(20px,4vw,64px)}.mailPanel,.tempWorkspace{width:min(1120px,100%);margin:0 auto}.mailPanel{background:linear-gradient(145deg,#141a27e6,#0c1019eb);border:1px solid #202a3a;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:#7097e4;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;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:23px 28px;display:grid}.tempCard h1{overflow-wrap:anywhere;margin:7px 0 0;font:clamp(16px,2.4vw,23px) Space Mono}.copyButton{background:#16233a;border:1px solid #39517a;border-radius:10px;align-items:center;gap:8px;padding:11px 14px;display:flex}.timer{color:#91b6ff;align-items:center;gap:8px;font:17px Space Mono;display:flex}.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){.appShell{display:block}.sidebar{width:270px;transition:transform .2s;position:fixed;left:0;transform:translate(-105%)}.sidebarOpen{transform:none}.sidebarBackdrop{z-index:25;background:#0009;border:0;display:block;position:fixed;inset:0}.mainContent{padding:14px}.mobileMenuButton{background:0 0;border:0;align-items:center;gap:10px;padding:8px 3px 16px;font-weight:700;display:flex}.mailPanel{border-radius:15px;min-height:calc(100vh - 70px)}.panelHeader{padding:24px 20px 18px}.searchBox{margin:0 20px 15px}.emailRow{grid-template-columns:7px 38px minmax(0,1fr);gap:10px;padding:14px 18px}.emailMeta{grid-area:2/3;justify-content:space-between;width:100%;display:flex}.emailSummary,.emailSummary>*{display:block}.emailSummary small{margin-top:4px}.tempCard{grid-template-columns:1fr auto;padding:20px}.tempCard>div:first-child{grid-column:1/-1}.messageSender{flex-wrap:wrap;align-items:flex-start}.messageSender time{text-align:left;width:100%;margin-left:59px}.messageArticle{padding:23px 19px}.viewToolbar{padding:17px}.emailFrame{min-height:480px}.toast{text-align:center;bottom:16px;left:16px;right:16px}}@media (width<=480px){.senderAvatar{display:none}.emailRow{grid-template-columns:7px minmax(0,1fr)}.emailMeta{grid-column:2}.tempCard{grid-template-columns:1fr}.copyButton,.timer{justify-content:center}.tempCard h1{font-size:14px}.messageSender .senderAvatar{display:grid}.dangerButton{font-size:0}.dangerButton svg{width:20px}.attachments button{width:100%}}