*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b0d0f;color:#f7f7f7}button,input,textarea{font:inherit}.hidden{display:none!important}.login{height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#24292e,#08090a 65%)}.login form{width:min(430px,92vw);background:#111417;border:1px solid #292d31;border-radius:20px;padding:38px;box-shadow:0 30px 90px #000b}.login h2{text-align:center}.login input{width:100%;margin:7px 0;padding:14px;border:1px solid #353a3f;border-radius:10px;background:#191c1f;color:#fff}.login form>button{width:100%;margin-top:12px;padding:14px;border:0;border-radius:10px;background:#fff;color:#000;font-weight:700}.login p{color:#ff8d8d;text-align:center;font-size:12px}.app{height:100vh;display:grid;grid-template-columns:285px 1fr;background:#0b0d0f}aside{position:relative;border-right:1px solid #2b2e31;padding:22px 24px;overflow:auto;background:linear-gradient(#090b0d,#0b0d0f)}.logo{text-align:center}.logo .mount{font-size:35px;transform:scaleX(1.8);height:36px}.logo strong{display:block;letter-spacing:.35em;font-size:20px;margin-left:.35em}.logo i{display:block;font-size:35px;height:35px}.logo span{letter-spacing:.5em;font-size:12px;margin-left:.5em}.composeBig{width:100%;height:52px;margin:28px 0 22px;border:0;border-radius:18px;background:#fff;color:#111;font-weight:700}.composeBig b{margin-left:16px}nav button,#groups button{width:100%;height:42px;border:0;background:none;color:#eee;border-radius:10px;text-align:left;padding:0 15px;margin:2px 0}nav button:hover,#groups button:hover{background:#1c2023}nav button.active{background:linear-gradient(90deg,#292d30,#1d2023);font-weight:700}.badge{float:right;background:#eee;color:#111;border-radius:14px;padding:2px 8px}.divider{height:1px;background:#292c30;margin:16px 0}.groupHead{color:#aaa;margin:12px 5px;font-size:13px}.storage{position:absolute;bottom:22px;left:24px;right:24px;color:#aaa;font-size:12px}.storage>div{height:7px;background:#34383c;border-radius:5px;margin:10px 0}.storage i{display:block;width:24%;height:100%;background:#fff;border-radius:5px}.content{min-width:0}.content header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #25282b}.search{width:min(660px,55vw);height:52px;background:#202327;border:1px solid #303438;border-radius:18px;display:flex;align-items:center;padding:0 18px;gap:14px}.search input{flex:1;background:none;border:0;outline:0;color:#fff}.search button,.account button{background:none;border:0;color:#fff}.account{display:flex;align-items:center;gap:13px}.account #avatar,.senderAvatar,.mailAvatar{width:40px;height:40px;border-radius:50%;background:#e8e8e8;color:#111;display:grid;place-items:center;font-weight:700}.account small{display:block;color:#aaa;font-size:10px;margin-top:4px}.workspace{height:calc(100vh - 82px);display:grid;grid-template-columns:490px 1fr}.listPane{border-right:1px solid #292c2f;overflow:hidden}.tabs{height:60px;display:flex;align-items:end;border-bottom:1px solid #292c2f;padding:0 20px}.tabs button{height:60px;border:0;background:none;color:#aaa;padding:0 22px}.tabs button.active{color:#fff;border-bottom:3px solid #fff}.tabs button:last-child{margin-left:auto}.mail{height:88px;display:grid;grid-template-columns:52px 1fr 58px;gap:12px;padding:13px 18px;border-bottom:1px solid #202326;cursor:pointer}.mail:hover,.mail.selected{background:#282c2f}.mail.unread:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:27px 0 0 -9px}.mailText{min-width:0}.mailText b,.mailText strong,.mailText span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailText strong{font-size:13px;margin:6px 0}.mailText span{color:#aaa;font-size:12px}.mail time{font-size:11px;color:#aaa;text-align:right}.reader{background:#fff;color:#111;overflow:auto;position:relative}.reader:after{content:"";position:fixed;right:0;bottom:0;width:230px;height:210px;background:linear-gradient(135deg,transparent 30%,#222 31%,#0c0d0e 65%);clip-path:polygon(100% 15%,20% 100%,100% 100%);opacity:.15;pointer-events:none}.empty{height:100%;display:grid;place-content:center;text-align:center;color:#888}.empty b{font-size:24px;letter-spacing:.3em}.empty span{margin-top:12px}.readerToolbar{height:65px;display:flex;align-items:center;gap:22px;padding:0 30px;border-bottom:1px solid #eee}.readerToolbar button{border:0;background:none;font-size:18px}.message{padding:22px 34px}.message h1{font-size:24px;margin:15px 0 28px}.sender{display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center}.sender small{display:block;color:#666;margin-top:4px}.sender time{font-size:11px;color:#666}.messageBody{line-height:1.7;margin:35px 0;white-space:pre-wrap}.replyBtns button{border:1px solid #bbb;border-radius:20px;background:#fff;padding:10px 20px;margin-right:8px}.compose{position:fixed;right:20px;bottom:18px;width:450px;height:500px;background:#111417;border:1px solid #33383d;border-radius:14px;box-shadow:0 18px 50px #000a;z-index:30;overflow:hidden}.composeTop{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #303438}.composeTop button{background:none;border:0;color:#fff}.compose form{height:calc(100% - 46px);display:flex;flex-direction:column}.toRow{display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #2b2e31}.toRow span{color:#aaa}.toRow input{flex:1}.toRow button{background:none;border:0;color:#aaa}.compose input,.compose textarea{background:none;border:0;outline:0;color:#fff;padding:13px}.compose #extra{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #2b2e31}.subject{border-bottom:1px solid #2b2e31!important}.format{padding:10px 14px;border-bottom:1px solid #2b2e31;color:#ddd;font-size:12px}.compose textarea{flex:1;resize:none}.composeBottom{display:flex;align-items:center;gap:15px;padding:12px}.composeBottom .send{background:#fff;color:#111;border:0;border-radius:8px;padding:10px 20px}.composeBottom button:last-child{margin-left:auto;background:none;border:0;color:#fff}.composeBottom #sendError{color:#ff8d8d;font-size:10px}@media(max-width:1050px){.app{grid-template-columns:85px 1fr}aside{padding:15px 10px}.logo strong,.logo i,.logo span,.composeBig b,.groupHead,.storage,#groups{display:none}.composeBig{width:55px;margin:auto;margin-top:25px}.workspace{grid-template-columns:380px 1fr}nav button{font-size:0;text-align:center}nav button:first-letter{font-size:18px}}
/* NORYQ V6 Premium */
body{overflow:hidden}.app{grid-template-columns:300px 1fr}aside{background:linear-gradient(to top,rgba(5,7,8,.1),rgba(5,7,8,.97) 42%),radial-gradient(ellipse at 50% 100%,#303438,#090b0c 48%);padding:28px 26px}.logo .mount{font-size:36px}.logo strong{font-size:23px}.logo span{font-size:14px}.composeBig{height:58px;border-radius:18px;font-size:15px;margin-top:30px}nav button,#groups button{height:47px;font-size:14px}nav button.active{background:#292d30}.content header{height:92px;background:#0a0c0e}.search{height:58px;width:min(690px,58vw);border-radius:20px}.workspace{height:calc(100vh - 92px);grid-template-columns:520px 1fr}.tabs{height:66px}.tabs button{height:66px;font-size:14px}.mail{height:92px}.readerToolbar{height:72px}.message{max-width:1050px;padding:30px 42px}.message h1{font-size:26px}.compose{width:500px;height:540px;right:25px;bottom:20px}@media(max-width:1250px){.workspace{grid-template-columns:430px 1fr}.app{grid-template-columns:260px 1fr}}