:root{font-family:Inter,Arial,sans-serif;color:#132340;background:#f5f8fd;--blue:#1264e8;--line:#e4eaf3}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:10px;padding:11px 15px;color:inherit}button:hover{background:#edf4ff}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #77acff;outline-offset:2px}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#0954cf}header{height:104px;background:white;display:flex;align-items:center;gap:32px;padding:16px 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:#1454b6;min-width:220px}.brand img{height:66px;width:66px}.brand span{display:flex;flex-direction:column;gap:5px}.brand b{font-size:32px;line-height:1}.brand small{font-size:23px;color:#8798b2;font-weight:700}#search{display:flex;max-width:600px;flex:1;background:#f3f6fa;border-radius:10px}#search input{border:0;background:transparent;min-width:0}#search button{border:0;background:transparent}header>#settings{margin-left:auto}input,textarea,select{width:100%;border:1px solid #d9e2ef;padding:12px;border-radius:9px;background:white;color:inherit}main{display:grid;grid-template-columns:250px minmax(300px,390px) minmax(320px,1fr);height:calc(100dvh - 104px)}aside{padding:24px 18px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:17px}label{display:block;font-size:13px;color:#64758e}label input,label select,label textarea{margin-top:7px;font-size:15px}#folders{display:grid;gap:7px;overflow:auto}#folders button{text-align:left;border:0;background:transparent}#folders .active{color:var(--blue);background:#eaf2ff;font-weight:700}footer{margin-top:auto;color:#7a8ba4;font-size:13px}footer>span{letter-spacing:2px;font-size:11px}#inbox{background:white;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line)}.toolbar{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--line)}h1{font-size:19px;margin:0;flex:1}.toolbar button{border:0;padding:6px}#menu{display:none}#list{overflow:auto;flex:1}.row{display:flex;width:100%;gap:13px;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 17px}.row.selected{background:#edf4ff}.avatar{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#eef2f7;display:grid;place-items:center;color:#50637f}.row .summary{min-width:0;flex:1}.row b,.row .subject{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.row.seen b{font-weight:400}.row .subject{margin-top:7px;color:#65748a;font-size:13px}.row time{font-size:11px;color:#75839a}.dot{color:var(--blue);font-size:10px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:12px;font-size:11px}.pagination button{font-size:11px;padding:8px}#reader{background:white;overflow:auto;padding:26px}.empty{display:grid;place-content:center;text-align:center;height:100%;color:#6b7d96;line-height:1.6}.empty h2{font-size:20px;color:#283f62}.mailicon{font-size:50px;color:#7baaf0}.readtools{display:flex;gap:8px;margin-bottom:28px}.messagehead{border-bottom:1px solid var(--line);padding-bottom:23px}.messagehead h2{font-size:25px;line-height:1.4;overflow-wrap:anywhere}.messagehead p{font-size:13px;color:#63748a;overflow-wrap:anywhere}.bodytext{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.8 Arial,sans-serif;margin:26px 0}.attachment{display:block;padding:14px;border:1px solid var(--line);border-radius:10px;margin:8px 0;color:#125cca;text-decoration:none}.replybar{display:flex;gap:12px;margin-top:25px}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;width:min(620px,94vw);box-shadow:0 24px 100px #172b4d30;color:inherit;max-height:94dvh}dialog::backdrop{background:#11284970;backdrop-filter:blur(3px)}dialog label{margin:18px 0}dialog p{font-size:14px;line-height:1.7;color:#61728a}dialog small{display:block;margin-top:17px;color:#72829a;line-height:1.5}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialoghead h2{font-size:22px;margin:0}.dialoghead button{border:0;font-size:24px}.password{display:flex;gap:6px;align-items:center}.password button{margin-top:7px}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#132c50;color:white;border-radius:12px;padding:14px 22px;z-index:10;max-width:90vw;display:none}#notice.show{display:block}#senderror,#loginerror{color:#ba2547}.mobile-nav{display:none}@media(max-width:1100px){main{grid-template-columns:220px 320px 1fr}header{gap:20px}.brand{min-width:190px}#reader{padding:20px}}@media(max-width:850px){header{padding:14px 18px;height:90px;gap:16px;flex-wrap:wrap}.brand{min-width:0}.brand img{width:50px;height:50px}.brand b{font-size:26px}.brand small{font-size:18px}.brand span{gap:6px}header #search{display:none}#settings span{display:none}main{display:block;height:calc(100dvh - 158px)}aside{display:none;position:fixed;inset:90px 20% 68px 0;z-index:5;box-shadow:12px 0 50px #16284530}body.menu-open aside{display:flex}#menu{display:block}#inbox{height:100%;border:0}#reader{display:none;height:100%}body.reading #inbox{display:none}body.reading #reader{display:block}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);height:68px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around}.mobile-nav button{border:0;display:grid;gap:4px;place-items:center;color:var(--blue);font-size:20px;padding:8px 25px}.mobile-nav span{font-size:11px}#notice{bottom:80px}.row{padding:18px}.pagination{padding:8px}dialog{padding:20px}#install{font-size:11px;padding:8px}#reader{padding:18px}}