:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf8f2;background:#05130f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 0,#123b2d 0,transparent 34%),radial-gradient(circle at 85% 20%,#103226 0,transparent 28%),#05130f}button,input,textarea,select{font:inherit}.shell{display:grid;grid-template-columns:250px minmax(330px,430px) 1fr;grid-template-rows:68px calc(100vh - 68px);min-height:100vh;background-image:linear-gradient(30deg,rgba(255,255,255,.015) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.015) 87.5%),linear-gradient(150deg,rgba(255,255,255,.015) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.015) 87.5%);background-size:64px 112px}.topbar{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08);background:#04120ed1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:5}.brand{display:flex;align-items:center;gap:10px;width:210px}.brand-mark,.lion{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#effff7;color:#062016;font-weight:1000;box-shadow:0 0 28px #63ffb824}.brand b{display:block;letter-spacing:.14em}.brand span{display:block;font-size:9px;letter-spacing:.32em;color:#78a894;margin-top:2px}.search{height:40px;max-width:650px;flex:1;margin:auto;border:1px solid rgba(255,255,255,.09);border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#ffffff0b}.search input{width:100%;border:0;outline:0;background:transparent;color:#fff}.icon{border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:#dff8ec;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;cursor:pointer}.icon:hover{background:#ffffff14}.avatar,.sender-avatar,.mini-avatar{display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#dffbed,#7ad4a8);color:#083022;font-weight:800}.avatar{width:38px;height:38px}.sidebar{grid-column:1;grid-row:2;border-right:1px solid rgba(255,255,255,.07);padding:18px 15px;display:flex;flex-direction:column;background:#06181294;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.compose{height:46px;border:0;border-radius:14px;background:#ecfff6;color:#0a2b1e;font-weight:800;display:flex;gap:9px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 38px #4effa81c}.mailbox-switch{margin:24px 3px 18px}.mailbox-switch label,.team-section label{font-size:10px;color:#6e9d8a;letter-spacing:.18em}.switch-row{margin-top:9px;display:flex;align-items:center;gap:8px}.mini-avatar{width:32px;height:32px;border-radius:9px;font-size:11px}.switch-row select{min-width:0;flex:1;background:transparent;border:0;color:#e8fff4;appearance:none;outline:0}.switch-row option{background:#0c231b}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{border:0;background:transparent;color:#9fc4b5;border-radius:11px;padding:11px 12px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.sidebar nav button.active{color:#f2fff9;background:#82ffc017}.pill{margin-left:auto;background:#1b4c39;border:1px solid rgba(255,255,255,.07);padding:2px 7px;border-radius:999px;font-size:11px}.team-section{margin-top:22px}.access-card{margin-top:9px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:13px;padding:11px;display:grid;grid-template-columns:22px 1fr;gap:2px 7px}.access-card small{grid-column:2;color:#7ea796}.sidebar-foot{margin-top:auto;padding:14px 8px;color:#9abbad}.sidebar-foot span,.sidebar-foot small{display:block}.sidebar-foot small{font-size:10px;color:#587a6d;margin-top:4px}.list-pane{grid-column:2;grid-row:2;border-right:1px solid rgba(255,255,255,.07);min-width:0;background:#04120e59}.pane-head{height:78px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.pane-head h2{font-size:19px;margin:0}.pane-head span{font-size:11px;color:#78a08f}.message-list{height:calc(100% - 78px);overflow:auto}.message-row{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:#d9eee5;padding:15px 14px;display:flex;gap:11px;text-align:left;cursor:pointer}.message-row:hover,.message-row.selected{background:#ffffff0b}.message-row.unread{background:#49cb8b0b}.sender-avatar{width:38px;height:38px;flex:0 0 auto;font-size:11px}.sender-avatar.big{width:44px;height:44px;border-radius:14px}.msg-copy{min-width:0;flex:1}.line{display:flex;justify-content:space-between;gap:8px;align-items:center}.line b{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.line time{font-size:10px;color:#6f9887}.msg-copy h4{font-size:13px;margin:6px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-copy p{font-size:10px;color:#638879;margin:0}.reader-pane{grid-column:3;grid-row:2;min-width:0;overflow:auto;background:#020b083d}.reader-empty{height:100%;display:grid;place-content:center;text-align:center;color:#739b8a}.orb{width:88px;height:88px;border-radius:28px;margin:auto;display:grid;place-items:center;background:linear-gradient(145deg,#eefff614,#55db970f);border:1px solid rgba(255,255,255,.08)}.reader-empty h2{color:#cce7da;margin:18px 0 4px}.reader-empty p{margin:0;font-size:13px}.reader{max-width:980px;margin:auto;padding:26px 34px 70px}.reader-actions{display:flex;justify-content:flex-end;gap:8px}.reader .danger{color:#ff9e9e}.reader h1{font-size:30px;line-height:1.2;margin:22px 0}.from{display:flex;gap:11px;align-items:center;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.07)}.from b,.from span{display:block}.from b{font-size:13px}.from span{font-size:11px;color:#6f9887;margin-top:3px}.reader article{padding:28px 0;font-size:15px;line-height:1.72;color:#d8ebe3}.reader article pre{white-space:pre-wrap;font:inherit}.reader article img{max-width:100%}.attachments{border-top:1px solid rgba(255,255,255,.07);padding-top:18px}.attachments h4{display:flex;align-items:center;gap:7px}.attachment{display:flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.08);padding:10px 12px;border-radius:11px;max-width:380px}.attachment small{margin-left:auto;color:#6d9786}.error{margin:10px 14px;padding:10px 12px;border:1px solid rgba(255,111,111,.25);background:#ff4c4c14;border-radius:10px;color:#fbb;font-size:12px}.empty{height:55vh;display:grid;place-content:center;text-align:center;color:#638878}.empty h3{color:#a9cabc;margin:12px 0 2px}.empty p{margin:0;font-size:12px}.modal-wrap{position:fixed;inset:0;background:#0008068c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;display:grid;place-items:center;padding:20px}.compose-modal{width:min(720px,100%);height:min(660px,85vh);display:flex;flex-direction:column;background:#0a2119;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;box-shadow:0 40px 100px #00000073}.compose-head{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.07)}.compose-head b,.compose-head span{display:block}.compose-head span{font-size:10px;color:#78a08f;margin-top:3px}.compose-modal>input{height:48px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;padding:0 18px;color:#fff;outline:0}.compose-modal textarea{flex:1;resize:none;border:0;background:transparent;padding:18px;color:#fff;outline:0;line-height:1.6}.compose-foot{padding:14px 18px;border-top:1px solid rgba(255,255,255,.07)}.send-btn{border:0;background:#eafff4;color:#08281c;border-radius:11px;font-weight:800;padding:11px 19px;display:flex;align-items:center;gap:8px;cursor:pointer}.send-btn:disabled{opacity:.45;cursor:not-allowed}.boot{height:100vh;display:grid;place-content:center;gap:14px;text-align:center;color:#8db5a4}.lion{margin:auto}.mobile,.close-mobile{display:none}@media(max-width:1050px){.shell{grid-template-columns:220px 360px 1fr}}@media(max-width:820px){.shell{grid-template-columns:1fr;grid-template-rows:62px 1fr}.topbar{grid-column:1;grid-row:1;padding:0 12px;gap:10px}.brand{width:auto}.brand>div:last-child{display:none}.search{max-width:none}.mobile{display:grid}.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:270px;z-index:30;transition:.22s;padding-top:70px}.sidebar.open{left:0}.close-mobile{display:grid;position:absolute;right:14px;top:14px;border:0;background:transparent;color:#fff}.list-pane{grid-column:1;grid-row:2;border-right:0}.reader-pane,.avatar{display:none}}@media(max-width:520px){.topbar .icon:not(.mobile){display:none}.search{height:38px}.message-row{padding:13px 10px}.pane-head{padding:12px 14px}.compose-modal{height:92vh;border-radius:16px}}button:disabled{cursor:not-allowed;opacity:.45}.empty-account{max-width:560px;margin:auto;padding:32px}.empty-account h2{margin:8px 0 0}.empty-account p{max-width:520px;color:#739b8a;line-height:1.6}.message-row{position:relative;padding:0;align-items:stretch}.message-open{width:100%;min-width:0;border:0;background:transparent;color:inherit;padding:15px 44px 15px 14px;display:flex;gap:11px;text-align:left;cursor:pointer}.message-open:hover{background:#ffffff08}.row-star{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:#567b6c;display:grid;place-items:center;cursor:pointer}.row-star:hover,.row-star.on{color:#f5d76e;background:#ffffff0a}.active-icon{color:#f5d76e}.reader-actions{position:sticky;top:0;z-index:2;padding:6px 0;background:linear-gradient(#061611 75%,transparent)}.reader-action-spacer{flex:1}.reader-back{display:none}.from-meta{min-width:0}.from-meta small{display:block;font-size:10px;color:#739b8a;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment{width:100%;border:1px solid rgba(255,255,255,.08);background:#ffffff06;color:#dff4ea;cursor:pointer;text-align:left}.attachment:hover{background:#ffffff0e}.attachment svg:last-child{margin-left:3px;color:#7fc6a6}.compose-modal>input,.recipient-line{height:48px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#fff}.recipient-line{display:flex;align-items:center}.recipient-line input{height:100%;flex:1;min-width:0;border:0;background:transparent;color:#fff;padding:0 18px;outline:0}.recipient-line button{border:0;background:transparent;color:#8ac6aa;padding:0 18px;cursor:pointer;font-size:11px}.compose-files{max-height:130px;overflow:auto;padding:8px 14px;border-top:1px solid rgba(255,255,255,.06)}.compose-files>div{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;background:#ffffff09;margin:4px 0;font-size:11px}.compose-files span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-files small{margin-left:auto;color:#6f9887}.compose-files button{border:0;background:transparent;color:#a8cabb;display:grid;place-items:center;cursor:pointer}.compose-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.compose-foot>div{display:flex;align-items:center;gap:8px}.compose-foot small{font-size:10px;color:#6f9887}.attach-btn{border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:#dff8ec;border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:7px;cursor:pointer}.attach-btn:hover{background:#ffffff12}@media(max-width:820px){.reader-pane.mobile-open{display:block;grid-column:1;grid-row:2;position:relative;z-index:3;background:#06130f}.list-pane.mobile-hidden{display:none}.reader-back{display:grid}.reader{padding:16px 16px 70px}.reader h1{font-size:24px}.reader-actions{gap:5px}.reader-actions .icon{width:35px;height:35px}.compose-foot{align-items:flex-end}.compose-files{max-height:110px}}