@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#eef4ff;background:#071126;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#eef4ff;--muted:#8493ad;--soft:#aebbd0;--line:rgba(162,189,236,.105);--blue:#64a8ff;--blue2:#367cf5;--glass:rgba(16,29,54,.68);--panel:rgba(11,24,47,.75);--green:#7ed8bc}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 70% -20%,#17366a 0%,transparent 44%),radial-gradient(ellipse at 0% 100%,#102344 0%,transparent 44%),#071126;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}.startup{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 43%,rgba(29,79,157,.34),transparent 43%),#071126;transition:opacity .42s ease,visibility .42s}.startup.done{opacity:0;visibility:hidden}.startup-orb{width:132px;height:132px;display:grid;place-items:center;border-radius:36px;border:1px solid rgba(109,177,255,.38);box-shadow:0 0 54px rgba(45,128,255,.25),inset 0 0 28px rgba(57,115,202,.23);animation:float 2.5s ease-in-out infinite;overflow:hidden}.startup-orb img{width:100%;height:100%;object-fit:cover}.startup-name{font:800 26px Manrope,sans-serif;letter-spacing:-1px;margin-top:26px}.startup-name span{color:#9caed0;font-weight:500}.loader{display:flex;gap:6px;margin-top:20px}.loader i{width:5px;height:5px;background:#78b8ff;border-radius:50%;animation:pulse 1s ease-in-out infinite}.loader i:nth-child(2){animation-delay:.14s}.loader i:nth-child(3){animation-delay:.28s}.startup-note{margin-top:18px;color:#7184a5;font-size:12px;letter-spacing:.08em}.is-hidden{opacity:0;visibility:hidden}.app-shell{height:100dvh;position:relative;padding:18px 22px 20px;display:flex;flex-direction:column;gap:16px;transition:opacity .55s ease}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(85px);opacity:.14}.ambient-one{width:380px;height:380px;right:-100px;top:90px;background:#3286ff}.ambient-two{width:290px;height:290px;left:240px;bottom:-130px;background:#2455d4}.glass{background:var(--glass);border:1px solid rgba(163,189,229,.12);box-shadow:0 20px 60px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.topbar{height:76px;min-height:76px;border-radius:19px;display:flex;align-items:center;padding:0 22px;gap:35px;z-index:5}.brand{display:flex;align-items:center;gap:11px;width:244px;flex:none}.brand img{width:41px;height:41px;object-fit:cover;border:1px solid rgba(130,185,255,.3);border-radius:12px}.brand strong{font:800 15px Manrope,sans-serif;letter-spacing:-.45px}.brand strong span{color:#8e9db7;font-weight:500}.brand small{display:block;color:#71819b;font-size:10px;margin-top:3px}.searchbox{height:43px;width:min(490px,45vw);display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:12px;border:1px solid rgba(159,185,227,.11);background:rgba(4,15,33,.34);transition:.2s}.searchbox:focus-within{border-color:rgba(89,156,255,.55);box-shadow:0 0 0 3px rgba(54,124,245,.1)}.searchbox svg{width:17px;height:17px;fill:none;stroke:#8294b0;stroke-width:1.7}.searchbox input{flex:1;min-width:0;background:none;border:0;outline:0;color:#e8f0ff;font-size:13px}.searchbox input::placeholder{color:#7889a3}.searchbox kbd{font-size:10px;color:#71819b;border:1px solid rgba(156,183,224,.15);padding:3px 5px;border-radius:5px}.clear-search{display:none;border:0;background:none;color:#8e9cb2;font-size:19px}.searchbox.has-value .clear-search{display:block}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-button{border:1px solid transparent;background:transparent;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#8d9cb6;transition:.18s}.icon-button:hover{color:#ecf4ff;background:rgba(133,174,241,.1);border-color:rgba(158,190,238,.1)}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.profile{margin-left:7px;display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left}.profile-avatar,.profile-avatar.large{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#72b0ff,#386be0);color:#fff;font-weight:700}.profile-avatar{width:34px;height:34px;font-size:13px}.profile-info b{display:block;font-size:12px;font-weight:600}.profile-info small{display:block;font-size:10px;color:#8391a8;margin-top:3px}.chevron{color:#71819b;font-size:17px;margin-left:5px}.workspace{position:relative;z-index:2;display:flex;gap:16px;min-height:0;flex:1}.sidebar{width:248px;border-radius:19px;padding:18px 13px 14px;display:flex;flex-direction:column;flex:none;transition:transform .25s}.compose-button{height:48px;width:100%;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(147,194,255,.28);border-radius:13px;background:linear-gradient(110deg,rgba(41,118,244,.26),rgba(69,143,255,.11));box-shadow:0 7px 22px rgba(22,86,196,.12);font-size:13px;font-weight:600;transition:.2s}.compose-button:hover{background:linear-gradient(110deg,rgba(48,130,255,.4),rgba(81,154,255,.2));transform:translateY(-1px)}.compose-plus{font-size:20px;color:#9bc9ff}.compose-shortcut{margin-left:auto;color:#8c9cb8;border:1px solid rgba(165,189,231,.15);border-radius:5px;padding:2px 6px;font-size:10px}.nav-caption{margin:29px 12px 10px;color:#61728e;font-size:9px;font-weight:700;letter-spacing:.17em}.mail-nav{display:flex;flex-direction:column;gap:4px}.nav-item{height:42px;border:1px solid transparent;background:transparent;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:12px;text-align:left;color:#9baac2;font-size:12px;transition:.18s}.nav-icon{width:17px;text-align:center;font-size:18px;color:#8294b1}.nav-item:hover{background:rgba(135,173,235,.07);color:#eaf2ff}.nav-item.active{background:linear-gradient(90deg,rgba(63,132,249,.19),rgba(61,119,219,.08));border-color:rgba(110,164,247,.12);color:#d9eaff;font-weight:600}.nav-item.active .nav-icon{color:#83baff}.nav-count{margin-left:auto;color:#91a3c0;font-size:10px}.sidebar-bottom{margin-top:auto}.storage-card{min-height:64px;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(125,166,232,.1);background:rgba(31,55,94,.19);border-radius:12px}.storage-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(83,142,235,.14);color:#94c0ff}.storage-card b{display:block;font-size:10px;font-weight:600}.storage-card small{display:block;color:#7989a3;font-size:9px;margin-top:4px}.storage-arrow{margin-left:auto;color:#8194b2}.sidebar-settings{margin:13px 0;width:100%;height:38px;display:flex;align-items:center;gap:11px;padding:0 11px;color:#98a7bf;background:transparent;border:0;border-radius:9px;text-align:left;font-size:11px}.sidebar-settings:hover{background:rgba(135,173,235,.08);color:#eaf2ff}.sidebar-foot{padding:13px 8px 2px;border-top:1px solid var(--line);font-size:10px;color:#7888a1}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#76d3ad;box-shadow:0 0 8px #76d3ad;margin-right:6px}.foot-version{float:right;color:#53647f}.main-panel{border-radius:19px;min-width:0;flex:1;overflow:hidden;position:relative}.content-inner{height:100%;display:flex;flex-direction:column;animation:rise .35s ease}.mail-header{min-height:98px;padding:24px 29px 15px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{color:#7285a3;font-size:9px;letter-spacing:.15em;font-weight:700}.mail-header h1{font:700 23px Manrope,sans-serif;letter-spacing:-.8px;margin:7px 0 0}.header-right{display:flex;align-items:center;gap:10px}.inbox-meta{color:#8493ad;font-size:11px}.refresh-small{width:34px;height:34px;border-radius:10px;color:#94a4be;background:rgba(130,167,228,.06);border:1px solid rgba(155,183,229,.1)}.toolbar{min-height:55px;padding:0 27px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.check-wrap{display:flex;align-items:center;justify-content:center;width:28px}.check-wrap input,.email-check{appearance:none;width:15px;height:15px;border:1px solid #637592;border-radius:4px;background:rgba(5,17,37,.45);cursor:pointer;position:relative}.check-wrap input:checked,.email-check:checked{background:#478cf1;border-color:#478cf1}.check-wrap input:checked:after,.email-check:checked:after{content:'✓';position:absolute;inset:-2px 0 0;color:#fff;font-size:12px;text-align:center}.toolbar-label{margin-left:3px;font-size:10px;color:#7f8ea8}.tool-divider{height:18px;width:1px;background:var(--line);margin:0 4px}.tool-button{height:31px;min-width:32px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid transparent;border-radius:8px;color:#8fa0ba;background:transparent;font-size:10px;transition:.15s}.tool-button:hover{background:rgba(119,166,241,.1);color:#e4efff}.tool-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.toolbar-spacer{flex:1}.sort-label{font-size:10px;color:#71829e}.mail-list{overflow:auto;flex:1;padding:3px 10px 10px}.mail-row{display:grid;grid-template-columns:28px 25px 37px minmax(110px,180px) minmax(120px,1fr) 54px;align-items:center;gap:6px;min-height:69px;padding:0 13px;border-bottom:1px solid rgba(151,181,230,.065);border-radius:11px;cursor:pointer;transition:background .16s,transform .16s}.mail-row:hover{background:rgba(118,160,227,.07);transform:translateX(2px)}.mail-row.unread{background:rgba(48,105,184,.055)}.mail-row.unread .sender,.mail-row.unread .subject{color:#f1f6ff;font-weight:700}.row-avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:#f6f8ff;font-size:10px;font-weight:700;flex:none}.star-button{border:0;background:none;color:#6e7e99;font-size:19px;line-height:1;padding:5px}.star-button.starred{color:#f2c96f}.sender{font-size:11px;color:#c9d4e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-message{min-width:0;display:flex;gap:7px;align-items:baseline;overflow:hidden}.subject{font-size:11px;color:#c4cede;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview{font-size:10px;color:#74839c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date{justify-self:end;color:#8997ae;font-size:9px;white-space:nowrap}.email-check{margin:auto}.mail-footer{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;color:#687995;font-size:9px;border-top:1px solid var(--line)}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.empty-art{width:80px;height:75px;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle at 40% 25%,rgba(69,139,249,.23),rgba(45,78,139,.07));border:1px solid rgba(127,169,236,.16);color:#9dc6ff;font-size:32px;box-shadow:0 0 40px rgba(39,101,208,.12);margin-bottom:18px}.empty-state h2{font:700 17px Manrope,sans-serif;margin:0 0 8px}.empty-state p{max-width:300px;color:#8291aa;font-size:11px;line-height:1.7;margin:0 0 19px}.empty-cta{padding:9px 15px;background:rgba(52,125,242,.16);border:1px solid rgba(117,174,255,.22);border-radius:9px;font-size:11px}.message-view{height:100%;overflow:auto;animation:rise .3s ease}.message-toolbar{height:59px;padding:0 23px;display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line)}.back-button{display:flex;align-items:center;gap:8px;color:#aab8cd;font-size:11px;margin-right:10px}.message-sheet{max-width:860px;margin:0 auto;padding:29px 46px 50px}.message-subject{font:700 23px Manrope,sans-serif;letter-spacing:-.8px;margin:8px 0 24px}.message-meta{display:flex;align-items:flex-start;gap:12px;padding-bottom:21px;border-bottom:1px solid var(--line)}.message-meta .row-avatar{width:42px;height:42px;font-size:12px}.message-person{flex:1}.message-person b{display:block;font-size:12px}.message-person small{display:block;color:#8190a8;font-size:10px;margin-top:5px}.message-time{color:#8190a8;font-size:10px}.message-body{max-width:680px;padding:25px 0;color:#ced8e8;font-size:13px;line-height:1.9;white-space:pre-wrap}.message-quick-actions{display:flex;gap:9px;margin-top:24px}.outline-action{padding:9px 14px;border:1px solid rgba(150,183,234,.16);border-radius:9px;background:rgba(113,153,217,.06);color:#bdcce1;font-size:11px}.outline-action:hover{background:rgba(89,145,235,.12)}.settings-page{height:100%;overflow:auto}.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:35px;max-width:880px;margin:0 auto;padding:32px}.settings-menu{display:flex;flex-direction:column;gap:5px;margin-top:22px}.settings-menu button{height:37px;text-align:left;padding:0 11px;color:#90a0b9;border:0;background:transparent;border-radius:8px;font-size:11px}.settings-menu button.active{background:rgba(70,132,232,.14);color:#d5e7ff}.settings-main h2{font:700 20px Manrope,sans-serif;margin:4px 0 8px}.settings-main>p{font-size:11px;color:#8594ac;margin:0 0 23px}.settings-section{padding:17px 0;border-bottom:1px solid var(--line)}.settings-section h3{font-size:12px;margin:0 0 6px}.settings-section p{font-size:10px;color:#8190a8;line-height:1.6;margin:4px 0 12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}.setting-row b{display:block;font-size:11px}.setting-row small{display:block;font-size:10px;color:#8090a8;margin-top:4px}.select-control{color:#cbd8eb;background:rgba(8,20,40,.7);border:1px solid rgba(146,177,224,.16);border-radius:8px;padding:8px 10px;font-size:10px}.switch{appearance:none;width:34px;height:19px;border-radius:15px;background:#293b58;position:relative;cursor:pointer;transition:.2s}.switch:before{content:'';position:absolute;width:13px;height:13px;left:3px;top:3px;border-radius:50%;background:#95a5bd;transition:.2s}.switch:checked{background:#397cf0}.switch:checked:before{left:18px;background:white}.compose-overlay{position:fixed;inset:0;z-index:10;background:rgba(1,8,20,.56);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .2s}.compose-window{width:min(650px,100%);height:min(700px,calc(100dvh - 40px));min-height:430px;display:flex;flex-direction:column;border-radius:18px;background:rgba(12,26,50,.97);border:1px solid rgba(148,185,242,.2);box-shadow:0 25px 100px rgba(0,0,0,.45);overflow:hidden;animation:compose-in .23s ease}.compose-titlebar{height:51px;flex:none;display:flex;align-items:center;padding:0 17px;background:rgba(39,67,111,.31);border-bottom:1px solid var(--line)}.compose-titlebar b{font-size:11px}.compose-titlebar span{color:#8392aa;font-size:10px;margin-left:9px}.modal-actions{margin-left:auto;display:flex;gap:5px}.modal-icon{width:28px;height:28px;border:0;background:transparent;color:#8b9ab2;border-radius:7px}.modal-icon:hover{background:rgba(140,178,239,.1);color:white}.compose-fields{padding:5px 20px 0;flex:none}.field-row{display:flex;align-items:center;min-height:39px;border-bottom:1px solid var(--line);gap:8px}.field-row label{width:46px;font-size:10px;color:#8191aa}.field-row input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#e7f0ff;font-size:11px}.field-row input::placeholder{color:#63748f}.field-extra{border:0;background:none;color:#8ca4c8;font-size:10px}.compose-body{flex:1;min-height:80px;padding:17px 20px;background:transparent;color:#d9e4f4;border:0;outline:0;resize:none;font-size:12px;line-height:1.7}.compose-body::placeholder{color:#62738c}.compose-footer{padding:12px 18px;display:flex;align-items:center;gap:9px;border-top:1px solid var(--line)}.send-button{display:flex;align-items:center;gap:9px;padding:10px 15px;border:0;border-radius:9px;background:linear-gradient(105deg,#3484fa,#4f9dfd);color:#fff;font-size:11px;font-weight:600;box-shadow:0 5px 18px rgba(43,125,246,.24)}.send-button:hover{filter:brightness(1.1)}.send-button:disabled{opacity:.6;cursor:wait}.send-arrow{opacity:.7;border-left:1px solid rgba(255,255,255,.3);padding-left:8px}.format-button{padding:8px;border:0;border-radius:7px;background:transparent;color:#8a9ab3;font-size:12px}.format-button:hover{background:rgba(125,166,232,.09)}.discard-button{margin-left:auto;border:0;background:none;color:#8796af;font-size:10px}.discard-button:hover{color:#f18f9c}.toast-region{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:9px;min-width:230px;max-width:min(380px,calc(100vw - 36px));padding:12px 15px;border-radius:12px;background:rgba(19,37,67,.95);border:1px solid rgba(144,184,243,.18);box-shadow:0 12px 40px #0005;color:#deebff;font-size:11px;animation:toast-in .25s ease}.toast.success:before{content:'✓';color:#7ed8bc}.toast.error:before{content:'!';color:#ffa6a6}.mobile-menu,.mobile-nav{display:none}.drawer-scrim{display:none}@keyframes float{50%{transform:translateY(-6px)}}@keyframes pulse{50%{opacity:.25;transform:scale(.65)}}@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes compose-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.app-shell{padding:12px;gap:12px}.topbar{gap:15px;padding:0 14px}.brand{width:200px}.sidebar{width:218px}.mail-header{padding-left:22px;padding-right:22px}.mail-row{grid-template-columns:25px 22px 34px minmax(90px,145px) minmax(100px,1fr) 49px;padding:0 8px}.toolbar{padding:0 18px}.profile-info{display:none}}
@media(max-width:720px){body{overflow:hidden}.app-shell{padding:0;gap:0;height:100dvh}.topbar{height:63px;min-height:63px;border-radius:0;border-left:0;border-right:0;border-top:0;padding:0 12px;gap:10px}.mobile-menu{display:grid;flex:none;width:34px;height:34px;font-size:19px}.brand{width:auto;gap:8px}.brand img{width:34px;height:34px;border-radius:10px}.brand strong{font-size:13px}.brand small{display:none}.searchbox{position:absolute;left:12px;right:116px;top:68px;width:auto;height:39px;z-index:4;background:rgba(10,23,45,.93)}.searchbox kbd{display:none}.top-actions{gap:2px}.top-actions .icon-button{width:32px;height:34px}.top-actions .icon-button svg{width:17px}.profile{margin-left:2px;padding:0}.profile-avatar{width:31px;height:31px}.profile-info,.profile .chevron{display:none}.workspace{padding-top:49px;padding-bottom:61px;gap:0}.sidebar{position:absolute;z-index:8;top:49px;bottom:61px;left:0;width:264px;border-radius:0 16px 16px 0;transform:translateX(-105%);box-shadow:20px 0 50px #0005}.sidebar.drawer-open{transform:translateX(0)}.drawer-scrim.show{display:block;position:fixed;inset:63px 0 61px;z-index:7;background:rgba(2,8,19,.54);backdrop-filter:blur(2px)}.main-panel{border-radius:0;border-left:0;border-right:0}.mail-header{min-height:80px;padding:14px 16px 12px}.mail-header h1{font-size:19px}.eyebrow{font-size:8px}.header-right{gap:4px}.inbox-meta{font-size:9px}.toolbar{min-height:48px;padding:0 10px;gap:3px}.toolbar-label,.sort-label{display:none}.tool-button{padding:0 7px;min-width:28px}.tool-button .action-label{display:none}.tool-divider{margin:0 2px}.mail-list{padding:3px 5px 8px}.mail-row{min-height:72px;grid-template-columns:20px 21px 34px minmax(0,1fr) 48px;gap:5px;padding:0 6px}.mail-row .sender{grid-column:4;grid-row:1;align-self:end;font-size:10px}.mail-row .row-message{grid-column:4;grid-row:1;align-self:end;transform:translateY(17px);display:block;max-width:100%}.mail-row .subject{display:inline;font-size:10px}.mail-row .preview{display:none}.mail-row .date{grid-column:5;grid-row:1;align-self:center;font-size:8px}.row-avatar{grid-column:3;grid-row:1;width:30px;height:30px;font-size:9px}.email-check{grid-column:1;grid-row:1;width:14px;height:14px}.star-button{grid-column:2;grid-row:1;font-size:17px}.mail-footer{padding:0 12px;font-size:8px}.mobile-nav{height:61px;display:flex;position:fixed;z-index:6;bottom:0;left:0;right:0;align-items:center;justify-content:space-around;padding:3px 4px max(3px,env(safe-area-inset-bottom));background:rgba(8,20,39,.95);border-top:1px solid rgba(154,185,236,.14);backdrop-filter:blur(25px)}.mobile-nav-item{width:20%;height:50px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:0;border-radius:9px;background:transparent;color:#7f90ac;font-size:9px}.mobile-nav-item>span{font-size:19px;line-height:20px}.mobile-nav-item.active{color:#a7ceff}.mobile-compose-plus{color:#8dbfff;font-size:23px!important}.message-toolbar{height:51px;padding:0 8px;gap:1px}.back-button{font-size:10px;margin-right:4px;gap:4px}.message-toolbar .tool-button{min-width:29px}.message-sheet{padding:22px 18px 42px}.message-subject{font-size:19px;margin:7px 0 18px}.message-meta .row-avatar{width:36px;height:36px}.message-time{font-size:8px}.message-body{font-size:12px;padding-top:20px}.message-quick-actions{flex-wrap:wrap}.settings-layout{display:block;padding:23px 18px}.settings-menu{flex-direction:row;overflow:auto;margin:16px 0 24px}.settings-menu button{white-space:nowrap;padding:0 10px}.settings-main h2{font-size:18px}.compose-overlay{padding:0;align-items:stretch}.compose-window{height:100dvh;min-height:0;width:100%;border-radius:0;padding-bottom:env(safe-area-inset-bottom)}.compose-titlebar{height:55px;padding:0 12px}.compose-fields{padding:6px 15px 0}.field-row{min-height:44px}.compose-body{padding:14px 15px;font-size:13px}.compose-footer{padding:12px}.toast-region{right:10px;bottom:72px}.empty-state{padding:20px}.startup-orb{width:112px;height:112px;border-radius:31px}}
@media(max-width:380px){.brand strong{font-size:12px}.topbar{padding:0 8px}.top-actions .icon-button{width:29px}.mail-row{grid-template-columns:18px 18px 31px minmax(0,1fr) 42px;gap:4px}.mail-row .date{font-size:7px}.mail-header{padding-left:12px;padding-right:12px}.toolbar{padding:0 5px}.tool-button{padding:0 5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.auth-screen{position:fixed;inset:0;z-index:15;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% 36%,rgba(34,86,171,.28),transparent 46%),rgba(5,14,30,.93);backdrop-filter:blur(22px);animation:fade .35s}.auth-card{width:min(420px,100%);padding:30px;border-radius:22px;background:rgba(16,31,57,.83);border:1px solid rgba(154,188,239,.17);box-shadow:0 25px 90px #0006,inset 0 1px 0 #ffffff08}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:29px}.auth-brand img{width:48px;height:48px;object-fit:cover;border-radius:14px;border:1px solid rgba(130,185,255,.3)}.auth-brand strong{display:block;font:800 17px Manrope,sans-serif}.auth-brand small{display:block;color:#8798b2;font-size:10px;margin-top:3px}.auth-card h1{font:700 23px Manrope,sans-serif;letter-spacing:-.6px;margin:0 0 7px}.auth-subtitle{font-size:11px;color:#8798b2;line-height:1.6;margin:0 0 22px}.auth-form{display:flex;flex-direction:column;gap:13px}.auth-field label{display:block;color:#aab9cf;font-size:10px;margin-bottom:6px}.auth-field input{width:100%;height:43px;padding:0 12px;color:#edf4ff;background:rgba(5,15,31,.6);border:1px solid rgba(145,177,229,.16);border-radius:9px;outline:none;font-size:12px}.auth-field input:focus{border-color:#5795ef;box-shadow:0 0 0 3px #4688f222}.auth-submit{height:44px;border:0;border-radius:10px;background:linear-gradient(105deg,#3484fa,#559ffb);color:white;font-size:12px;font-weight:700;margin-top:4px;box-shadow:0 8px 25px #317ce83b}.auth-submit:disabled{opacity:.6}.auth-error{display:none;padding:10px 11px;border-radius:9px;background:#7f283226;border:1px solid #d96d7744;color:#ffb9c0;font-size:10px;line-height:1.5}.auth-error.visible{display:block}.auth-switch{margin:18px 0 0;text-align:center;color:#8999b2;font-size:10px}.auth-link{border:0;background:none;padding:4px;color:#9bc6ff;font-size:10px}.auth-reset{align-self:flex-end;margin-top:-8px}.auth-footnote{margin-top:22px;padding-top:15px;border-top:1px solid var(--line);color:#687b98;font-size:9px;line-height:1.6;text-align:center}
@media(max-width:480px){.auth-card{padding:24px 20px;border-radius:18px}.auth-brand{margin-bottom:24px}}
.startup-orb{width:132px;height:132px;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}.startup-orb img{object-fit:contain;filter:drop-shadow(0 12px 24px rgba(20,92,255,.2))}.brand img,.auth-brand img{object-fit:contain;border:0;border-radius:0;background:transparent}.auth-field[hidden]{display:none}.auth-help{display:block;margin-top:7px;color:#8498b8;font-size:10px;line-height:1.5}.otp-field input{letter-spacing:.32em;font-variant-numeric:tabular-nums}
.password-input-wrap{position:relative}.password-input-wrap input{padding-right:64px}.password-visibility{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-width:44px;min-height:36px;border:0;border-radius:7px;background:transparent;color:#9bc6ff;font-size:11px;font-weight:650;cursor:pointer}.password-visibility:hover{background:rgba(92,151,240,.12);color:#d9eaff}.password-visibility:focus-visible{outline:2px solid #5795ef;outline-offset:1px}
.auth-address-wrap{display:flex;align-items:center;min-width:0;height:43px;border:1px solid rgba(145,177,229,.16);border-radius:9px;background:rgba(5,15,31,.6);transition:border-color .18s,box-shadow .18s}.auth-address-wrap:focus-within{border-color:#5795ef;box-shadow:0 0 0 3px #4688f222}.auth-address-wrap input{flex:1;min-width:0;height:41px;padding:0 8px 0 12px;border:0;background:transparent;box-shadow:none}.auth-address-wrap input:focus{border:0;box-shadow:none}.auth-address-suffix{flex:none;padding-right:10px;color:#8da7ca;font-size:10px;white-space:nowrap}.password-input-wrap input{padding-right:49px}.password-visibility{display:grid;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0}.password-visibility svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.top-actions{position:relative}.profile-menu{position:absolute;z-index:12;right:0;top:calc(100% + 12px);width:260px;padding:9px;border:1px solid rgba(151,184,235,.2);border-radius:15px;background:rgba(10,23,46,.97);box-shadow:0 18px 50px #0008;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:rise .16s ease}.profile-menu[hidden]{display:none}.profile-menu-head{display:flex;flex-direction:column;gap:4px;padding:11px 12px 13px;margin-bottom:5px;border-bottom:1px solid var(--line)}.profile-menu-head b{font-size:12px}.profile-menu-head small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.profile-menu>button{display:block;width:100%;padding:10px 12px;text-align:left;border:0;border-radius:9px;background:transparent;color:#dce8fa;font-size:12px}.profile-menu>button:hover{background:rgba(125,170,245,.11)}.profile-menu>button:last-child{color:#ffb4be}.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-photo-row{align-items:center}.settings-photo-preview{display:grid;place-items:center;flex:none;width:48px;height:48px;overflow:hidden;border:1px solid rgba(145,177,229,.2);border-radius:50%;background:linear-gradient(145deg,#72b0ff,#386be0);color:#fff;font-size:21px}.settings-photo-preview img{width:100%;height:100%;object-fit:cover}.photo-copy{flex:1;min-width:100px}.photo-copy b,.photo-copy small{display:block}.photo-copy small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.4}.profile-photo-actions{display:flex;gap:7px}.settings-photo-preview+ .photo-copy + input + .profile-photo-actions{flex:none}.outline-action:disabled{opacity:.45;cursor:not-allowed}.settings-section{scroll-margin-top:24px}html[data-theme="deep-ocean"]{--glass:rgba(8,20,43,.82);--panel:rgba(6,16,38,.88);--blue:#87caff;--blue2:#315ee8}html[data-theme="deep-ocean"] body{background:radial-gradient(ellipse at 70% -20%,#193d78 0%,transparent 44%),radial-gradient(ellipse at 0% 100%,#092b47 0%,transparent 44%),#050e20}@media(max-width:720px){.profile-menu{right:-4px;top:calc(100% + 8px);width:min(260px,calc(100vw - 20px))}.profile-photo-row{flex-wrap:wrap}.photo-copy{min-width:calc(100% - 65px)}.profile-photo-actions{margin-left:56px;width:100%}.settings-photo-preview+ .photo-copy + input + .profile-photo-actions{flex:none}}
.photo-editor-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:rgba(3,9,20,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fade-in .18s ease}.photo-editor{width:min(440px,100%);padding:22px;border-radius:20px;background:rgba(12,27,52,.96);animation:rise .22s ease}.photo-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.photo-editor-heading h2{margin:7px 0 5px;font:700 20px Manrope,sans-serif;letter-spacing:-.5px}.photo-editor-heading p{margin:0;color:var(--muted);font-size:12px}.photo-crop-stage{position:relative;width:min(280px,75vw);aspect-ratio:1;margin:22px auto 18px;overflow:hidden;border-radius:14px;background:#050d1b;box-shadow:0 14px 40px #0005;touch-action:none}.photo-crop-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.photo-crop-stage canvas:active{cursor:grabbing}.photo-crop-guide{position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.38);border-radius:50%;box-shadow:0 0 0 999px rgba(3,8,18,.2),inset 0 0 0 1px rgba(7,16,34,.16)}.photo-zoom-control{display:flex;align-items:center;gap:12px;color:#aebbd0;font-size:11px}.photo-zoom-control input{flex:1;min-width:0;accent-color:#5599fb}.photo-zoom-control output{width:42px;text-align:right;color:#dceaff;font-variant-numeric:tabular-nums}.photo-editor-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.photo-editor-actions .send-button{height:39px;padding:0 17px;border:0;border-radius:10px;font-size:11px;font-weight:700}.photo-editor-actions .send-button:disabled{opacity:.65;cursor:wait}.photo-editor-actions .outline-action{min-width:78px}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media(max-width:480px){.photo-editor{padding:18px;border-radius:17px}.photo-editor-heading h2{font-size:18px}}
#content{height:100%;min-height:0;overflow:hidden}.settings-page{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(133,169,226,.32) transparent}.settings-layout{max-width:820px;grid-template-columns:160px minmax(0,1fr);gap:24px;padding:22px 26px}.settings-menu{margin-top:9px}.settings-menu button{height:34px;font-size:10px}.settings-main h2{font-size:18px}.settings-section{padding:12px 0}.settings-section h3{font-size:11px}.setting-row{gap:12px;padding:9px 0}.setting-row b{font-size:10px}.setting-row small{font-size:9px;line-height:1.45}.settings-section p{font-size:9px;margin:3px 0 9px}.select-control{padding:7px 9px}.outline-action{padding:8px 11px;font-size:10px}.app-shell{padding:14px 18px 16px;gap:12px}.topbar{height:66px;min-height:66px;padding:0 18px;gap:24px}.brand{width:220px}.workspace{gap:12px}.sidebar{width:226px;padding:15px 11px 12px}.compose-button{height:43px}.nav-item{height:38px;font-size:11px}.nav-caption{margin-top:23px}.mail-header{min-height:84px;padding:19px 24px 13px}.mail-header h1{font-size:21px}.toolbar{min-height:48px;padding:0 22px}.mail-row{min-height:59px}.row-avatar{width:30px;height:30px}.sender,.subject{font-size:10px}.preview{font-size:9px}.message-toolbar{height:52px}.message-sheet{padding:24px 38px 40px}.message-subject{font-size:21px}.message-body{font-size:12px}.empty-state h2{font-size:16px}.settings-section{scroll-margin-top:12px}
@media(max-width:1050px){.app-shell{padding:12px;gap:10px}.topbar{height:62px;min-height:62px}.sidebar{width:205px}.mail-row{min-height:56px}}
@media(max-width:720px){#content{height:100%;min-height:0}.app-shell{padding:0;gap:0}.topbar{height:63px;min-height:63px}.workspace{gap:0}.sidebar{width:264px}.mail-header{min-height:76px}.mail-row{min-height:67px}.settings-page{overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-layout{padding:17px 15px;gap:8px}.settings-menu{position:sticky;top:0;z-index:3;background:rgba(10,22,43,.94);padding:5px 0;margin:0 0 14px;backdrop-filter:blur(18px)}.settings-main h2{font-size:16px}.settings-section{padding:10px 0}}
/* Mobile usability refinements */
@media(max-width:720px){
  .auth-screen{min-height:100dvh;overflow-y:auto;align-items:start;padding: max(18px,env(safe-area-inset-top)) 14px max(22px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
  .auth-card{margin:auto 0;width:min(440px,100%)}
  .topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));gap:7px}
  .brand{gap:6px}.brand img{width:30px;height:30px}.brand strong{font-size:12px}
  .mobile-menu{width:40px;height:42px;min-width:40px;font-size:17px}
  .top-actions{gap:1px}.top-actions .icon-button{width:40px;height:42px;min-width:40px}.profile{min-width:40px;min-height:42px;justify-content:center}
  .workspace{padding-bottom:68px}.sidebar{bottom:68px;width:min(290px,86vw);padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .nav-item{min-height:44px;height:44px}.compose-button{min-height:46px;height:46px}.sidebar-settings{min-height:44px;height:44px}
  .main-panel{min-height:0}.content-inner{min-height:0}.mail-header{padding-left:13px;padding-right:13px}
  .toolbar{min-height:50px;padding:0 8px;gap:2px}.tool-button{height:40px;min-width:40px;padding:0 8px}.check-wrap{min-width:34px;min-height:44px}
  .mail-list{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .mail-row{min-height:68px;grid-template-columns:26px 28px 36px minmax(0,1fr) 48px;grid-template-rows:1fr 1fr;column-gap:4px;padding:4px 7px}
  .mail-row .email-check{grid-column:1;grid-row:1 / span 2;width:17px;height:17px}
  .mail-row .star-button{grid-column:2;grid-row:1 / span 2;min-width:34px;min-height:42px;padding:4px;font-size:18px}
  .mail-row .row-avatar{grid-column:3;grid-row:1 / span 2;width:32px;height:32px;align-self:center}
  .mail-row .sender{grid-column:4;grid-row:1;align-self:end;min-width:0;font-size:10px}
  .mail-row .row-message{grid-column:4;grid-row:2;align-self:start;transform:none;display:block;min-width:0;max-width:100%;line-height:1.35}
  .mail-row .subject,.mail-row .preview{display:block;max-width:100%;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mail-row .date{grid-column:5;grid-row:1;align-self:center;font-size:8px;text-align:right}
  .message-toolbar{min-height:52px;height:52px;padding:0 5px}.message-toolbar .tool-button{height:40px;min-width:38px;padding:0 7px}
  .settings-menu button{height:40px;min-height:40px;padding:0 12px}
  .compose-titlebar span{display:none}.compose-footer{flex-wrap:wrap;gap:6px}.compose-footer .toolbar-spacer{display:none}.compose-footer .discard-button{min-height:40px;margin-left:auto;padding:0 6px}.compose-footer .format-button{min-width:40px;min-height:40px}
  .field-extra{min-height:40px;padding:0 7px}
  .mobile-nav{height:68px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.mobile-nav-item{height:52px;min-height:48px}
  .toast-region{bottom:calc(76px + env(safe-area-inset-bottom));right:max(10px,env(safe-area-inset-right));left:max(10px,env(safe-area-inset-left));align-items:flex-end}
}

@media(max-width:390px){
  .brand small{display:none}.brand strong{font-size:11px}
  .searchbox{left:10px;right:112px}
  .mail-row{grid-template-columns:23px 25px 32px minmax(0,1fr) 42px;column-gap:3px;padding-left:4px;padding-right:4px}
  .mail-row .star-button{min-width:30px}
  .mail-row .date{font-size:7px}
  .message-sheet{padding-left:14px;padding-right:14px}
  .compose-fields{padding-left:11px;padding-right:11px}.field-row{gap:5px}.field-row label{width:38px}
  .compose-footer{padding:9px}.discard-button{font-size:9px}
}

/* Account switcher and compact phone mail layout */
.profile-account-list{max-height:220px;overflow:auto;padding:3px 2px;border-bottom:1px solid var(--line)}
.profile-menu .profile-account{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid transparent}
.profile-menu .profile-account.current{background:rgba(91,145,231,.11);border-color:rgba(126,172,244,.12)}
.profile-account-avatar{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:linear-gradient(145deg,#72b0ff,#386be0);font-size:12px;font-weight:700}
.profile-account>span:nth-child(2){min-width:0;flex:1}.profile-account b,.profile-account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-account b{font-size:11px}.profile-account small{margin-top:3px;color:var(--muted);font-size:9px}.account-check{color:#8fc4ff}
@media(max-width:720px){
  body{overflow:hidden}.app-shell{height:100dvh;min-height:0;padding-top:env(safe-area-inset-top)}
  .topbar{border-radius:0 0 15px 15px;padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}
  .brand{width:auto;min-width:0;flex:0 0 auto}.brand>div{display:none}.brand img{width:32px;height:32px}
  .searchbox{position:static;left:auto;right:auto;flex:1;width:auto;min-width:60px;height:40px;padding:0 8px;gap:6px}.searchbox input{font-size:12px}.searchbox kbd{display:none}
  .top-actions{flex:none;margin-left:0}.top-actions .icon-button#settings-btn{display:none}.top-actions .icon-button#refresh{width:36px;min-width:36px}
  .profile{padding:0;margin-left:0;min-width:36px}.profile-info,.profile>.chevron{display:none}
  .workspace{min-height:0;overflow:hidden;padding-bottom:calc(62px + env(safe-area-inset-bottom))}
  .main-panel{width:100%;min-width:0;min-height:0;border-radius:15px 15px 0 0;overflow:hidden}
  #content{min-width:0}.content-inner{min-height:0;height:100%;display:flex;flex-direction:column}
  .mail-header{flex:none;padding:15px 13px 10px;min-height:68px}.mail-header h1{font-size:18px}.eyebrow{font-size:8px}
  .toolbar{flex:none;min-height:46px;overflow-x:auto;white-space:nowrap}.toolbar .action-label{font-size:10px}
  .mail-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .mail-row{grid-template-columns:25px 28px 32px minmax(0,1fr) 43px;min-height:64px}
  .mail-row .sender,.mail-row .subject,.mail-row .preview{font-size:10px}.mail-row .date{font-size:8px}
  .mail-footer{flex:none;padding:8px 11px;font-size:8px}
  .empty-state{flex:1;min-height:180px;overflow:auto;padding:22px 16px}
  .message-view{height:100%;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .message-toolbar{position:sticky;top:0;z-index:2;background:rgba(9,22,44,.94);backdrop-filter:blur(16px)}
  .message-sheet{overflow-wrap:anywhere}.message-body{line-height:1.7}
  .settings-page{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-layout{display:block}
  .settings-menu{overflow-x:auto;scrollbar-width:none}.settings-menu::-webkit-scrollbar{display:none}
  .setting-row{align-items:flex-start;flex-wrap:wrap}.settings-main{min-width:0}
  .mobile-nav{padding-bottom:max(4px,env(safe-area-inset-bottom))}
  .compose-overlay{padding:0}.compose-window{max-height:100dvh;overflow-y:auto}
}

/* Final phone overrides follow the shared mobile rules intentionally. */
@media(max-width:600px){
  .topbar{gap:5px}.brand>div{display:block}.brand strong{font-size:11px}.brand small{display:none}
  .searchbox{position:static;left:auto;right:auto;flex:1;min-width:46px;width:auto;height:38px;padding:0 7px}.searchbox input{font-size:13px}.searchbox kbd{display:none}
  .mail-header h1{font-size:19px}.eyebrow{font-size:9px}.inbox-meta{font-size:10px}
  .toolbar .tool-button{height:44px;min-width:44px;padding:0 10px}.toolbar .action-label{font-size:11px}.toolbar-label,.sort-label{font-size:11px}
  .mail-row{min-height:72px;grid-template-columns:28px 32px 36px minmax(0,1fr) 48px;column-gap:5px;padding:6px 8px}
  .mail-row .email-check{width:18px;height:18px}.mail-row .star-button{min-width:36px;min-height:48px;font-size:19px}.mail-row .row-avatar{width:34px;height:34px}
  .mail-row .sender{font-size:12px}.mail-row .subject,.mail-row .preview{font-size:11px}.mail-row .date{font-size:10px}
  .mail-footer{font-size:9px}.empty-state h2{font-size:17px}.empty-state p{font-size:12px;line-height:1.6}
  .message-toolbar{height:56px;min-height:56px}.message-toolbar .tool-button{height:44px;min-width:42px}.back-button{font-size:12px}.message-sheet{padding:20px 16px 36px}.message-subject{font-size:21px;line-height:1.3}.message-body{font-size:15px;line-height:1.75}
  .settings-menu button{height:44px;min-height:44px;font-size:12px}.settings-main h2{font-size:19px}.settings-main>p,.settings-section p{font-size:12px;line-height:1.55}.settings-section{padding:14px 0}.settings-section h3{font-size:13px}.setting-row{gap:10px;padding:12px 0}.setting-row b{font-size:12px}.setting-row small{font-size:11px;line-height:1.5}.outline-action,.select-control{min-height:42px;font-size:12px}
  .mobile-nav{height:64px}.mobile-nav-item{height:54px;min-height:50px;font-size:10px}.mobile-nav-item>span{font-size:20px}
  .compose-titlebar{height:58px}.compose-fields{padding:8px 14px 0}.field-row{min-height:48px}.field-row label{font-size:12px}.field-row input{font-size:16px}.compose-body{font-size:16px;line-height:1.55}.compose-footer button{min-height:44px;font-size:12px}
}
@media(max-width:380px){.brand strong{font-size:10px}.brand img{width:27px;height:27px}.mobile-menu{width:32px;min-width:32px}.searchbox{min-width:38px}.searchbox input{font-size:12px}.mail-row{grid-template-columns:24px 29px 32px minmax(0,1fr) 42px;column-gap:3px;padding-left:5px;padding-right:5px}.mail-row .sender{font-size:11px}.mail-row .subject,.mail-row .preview{font-size:10px}.mail-row .date{font-size:9px}}
@media(max-width:720px){html,body{width:100%;max-width:100vw;overflow-x:hidden}.ambient{display:none}.app-shell{width:100%;max-width:100vw}}