*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0c1020;color:#f4f5ff;font-family:'DM Sans',sans-serif;overflow-x:hidden}header{height:76px;max-width:1150px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}header small{font-size:10px;color:#8e98b6;letter-spacing:1px}.brand{font:700 22px 'Space Grotesk';color:#fff;text-decoration:none}.brand b{display:inline-grid;place-items:center;background:linear-gradient(135deg,#a99aff,#61dfcd);color:#11152b;width:34px;height:34px;border-radius:11px;margin-right:8px}.brand span{color:#69dfcf}.glow{position:fixed;width:390px;height:390px;filter:blur(110px);opacity:.14;z-index:-1;border-radius:50%}.g1{background:#866aff;top:130px;left:-240px}.g2{background:#35d9c5;right:-240px;top:440px}main{max-width:1000px;margin:auto;padding:60px 24px 25px}.hero{text-align:center;margin-bottom:34px}.hero label,.heading small{font-size:10px;letter-spacing:1.6px;color:#75dece;font-weight:700}.hero h1{font:700 clamp(38px,6vw,59px)/1.06 'Space Grotesk';letter-spacing:-2.7px;margin:17px 0}.hero em{font-style:normal;background:linear-gradient(90deg,#b0a3ff,#69e4d0);color:transparent;background-clip:text}.hero p{font-size:14px;color:#929bb9;max-width:520px;margin:auto;line-height:1.7}.panel{background:linear-gradient(145deg,#1d2340e8,#111629ed);border:1px solid #b6c0ee20;box-shadow:0 24px 80px #0005;backdrop-filter:blur(18px)}.address{max-width:780px;margin:auto;border-radius:20px;padding:26px 29px 19px}.top,.heading,.foot{display:flex;justify-content:space-between;align-items:center}.top small{font-size:9px;letter-spacing:1.4px;color:#8e99b9;font-weight:700}.top p{font-size:11px;color:#9ba4bf;margin:8px 0}.active{font-size:9px;color:#70e1c8;background:#48d9ba14;padding:8px 11px;border-radius:30px}.addressrow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0}.addressrow strong{font:600 clamp(19px,3.5vw,27px) 'Space Grotesk';overflow-wrap:anywhere}.button,button{cursor:pointer;font:600 12px 'DM Sans';border:0}.addressrow button{background:#9c8cff20;border:1px solid #9c8cff44;color:#c6bdff;padding:11px 16px;border-radius:10px}.actions{display:flex;gap:10px}.actions button{padding:13px 17px;border-radius:10px}.primary{background:linear-gradient(100deg,#a294ff,#7778ef);color:#11152b}.secondary{background:#ffffff0a;border:1px solid #ffffff1a;color:#d9def0}.foot{border-top:1px solid #ffffff12;padding-top:15px;margin-top:21px;color:#7883a3;font-size:10px}.inbox{margin-top:50px}.heading{align-items:end;margin-bottom:14px}.heading h2{font:600 24px 'Space Grotesk';margin:5px 0}.heading sup{background:#a092ff25;color:#c6bcff;padding:5px 8px;border-radius:7px;font:600 11px 'DM Sans'}.link{background:none;color:#b0a4ff}.layout{display:grid;grid-template-columns:.85fr 1.5fr;min-height:330px;border-radius:17px;overflow:hidden}.list{border-right:1px solid #ffffff15;min-height:330px}.empty{min-height:300px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px}.empty b{font-size:25px;color:#b7adff;background:#9d8cff18;border-radius:16px;padding:13px;margin-bottom:13px}.empty strong{font:600 14px 'Space Grotesk'}.empty p{font-size:11px;color:#929bb9;max-width:230px;line-height:1.6}.item{padding:16px;border-bottom:1px solid #ffffff12;cursor:pointer}.item:hover,.item.sel{background:#9d8cff15}.sender{font-size:11px;font-weight:700;display:flex;justify-content:space-between;gap:8px}.date{font-size:9px;color:#818baa;font-weight:400}.subject{font-size:12px;margin-top:7px}.preview{font-size:10px;color:#929bb9;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}article{min-width:0}.reader{padding:23px}.reader h3{font:600 19px 'Space Grotesk';overflow-wrap:anywhere}.meta{font-size:10px;color:#9ba4bf;line-height:1.9;overflow-wrap:anywhere}.body{border-top:1px solid #ffffff18;margin-top:18px;padding-top:18px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.body iframe{width:100%;height:300px;border:0;background:white;border-radius:8px}.del{display:block;margin:15px 0 0 auto;background:#ff77851a;border:1px solid #ff778533;color:#ffabb4;padding:8px 12px;border-radius:8px}footer{display:flex;justify-content:space-between;color:#687391;font-size:10px;padding:25px 4px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:#e8e5ff;color:#17172b;padding:11px 17px;border-radius:10px;font-size:12px;font-weight:700;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}.busy{opacity:.5;pointer-events:none}@media(max-width:680px){header{height:65px;padding:0 17px}header small{display:none}main{padding:42px 15px 20px}.hero h1{letter-spacing:-1.8px}.hero p{font-size:12px}.address{padding:20px 16px}.addressrow{align-items:flex-start;flex-direction:column}.addressrow button{width:100%}.actions button{flex:1;padding:12px 7px;font-size:11px}.foot{align-items:flex-start;flex-direction:column;gap:7px}.inbox{margin-top:38px}.layout{grid-template-columns:1fr}.list{border-right:0;border-bottom:1px solid #ffffff15;max-height:245px;overflow:auto;min-height:170px}.list .empty{min-height:170px}.reader{min-height:240px}footer{font-size:9px;gap:12px}footer span:last-child{text-align:right}}