:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#183c34;background:#f3f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:96px;max-width:1400px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce1d6}.brand{font-size:26px;font-weight:750;color:inherit;text-decoration:none;display:flex;gap:12px;align-items:center;letter-spacing:-1px}.dot{color:#86a74e}.private,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#6a7d6a}.private{border:1px solid #cdd7c4;padding:8px 12px;border-radius:20px}main{max-width:1400px;margin:auto;padding:32px 5% 60px;min-height:calc(100vh - 156px)}.card{width:100%;max-width:470px;margin:35px auto;background:#fffef9;padding:42px;border:1px solid #e0e3d7;border-radius:20px;box-shadow:0 14px 55px #31432a08}h1{font-size:42px;letter-spacing:-1.8px;line-height:1.12;margin:20px 0}p{color:#748078;line-height:1.6}label{font-size:13px;font-weight:650;display:block;margin:22px 0 0}input{display:block;width:100%;border:1px solid #d9dfd3;background:#fffefb;color:#173d32;font:inherit;padding:14px;border-radius:8px;margin:9px 0 0;outline:none}input:focus{border-color:#4b755a;box-shadow:0 0 0 3px #4b755a17}button{cursor:pointer;border:0;background:#244e3f;color:#fff;font:inherit;font-size:14px;font-weight:650;padding:14px 20px;border-radius:8px}button:hover{filter:brightness(.95)}button:disabled{opacity:.6;cursor:wait}form>button{width:100%;margin-top:26px}small{display:block;font-size:11px;color:#819084;margin-top:24px}.tabs{display:flex;background:#eff2e9;border-radius:9px;padding:4px;margin-top:26px}.tabs button{width:50%;background:transparent;color:#657566;padding:11px}.tabs .selected{background:#fffef9;box-shadow:0 1px 5px #25402812;color:#244e3f}.text-button{color:#718172;background:none;padding:12px 0;font-size:12px}.card>.text-button{display:block;margin:16px auto 0}.address-field{display:flex;align-items:center;border:1px solid #d9dfd3;border-radius:8px;margin-top:9px;background:#fffefb}.address-field input{min-width:0;border:0;margin:0;background:none}.address-field span{font-size:12px;font-weight:400;padding-right:12px;color:#829080}.inbox-top{display:flex;justify-content:space-between;align-items:center;margin:20px 0 28px;gap:18px}.inbox-top h1{font-size:26px;letter-spacing:-.7px;overflow-wrap:anywhere}.actions{display:flex;align-items:center;gap:16px}.secondary{background:#e5eadf;color:#315440}.mail-layout{display:grid;grid-template-columns:330px 1fr;min-height:580px;border:1px solid #dce1d5;border-radius:16px;overflow:hidden;background:#fffef9}aside{border-right:1px solid #dce1d5;background:#f9faf4}.message{display:block;width:100%;background:transparent;border-radius:0;color:#284b3c;text-align:left;padding:22px;border-bottom:1px solid #e3e7dc}.message strong,.message span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message strong{font-size:12px;margin-bottom:8px}.message span{font-size:14px;font-weight:500}.message small{margin-top:10px;font-weight:400}.message.active{background:#e8eee0}.empty{padding:50px 28px;text-align:center;color:#82907f;font-size:14px;line-height:1.7}.empty>span{font-size:44px;color:#a5b996}.empty h2{font-size:22px;color:#54715a;font-weight:500;letter-spacing:-.5px}article{padding:36px;min-width:0}article h2{font-size:23px;overflow-wrap:anywhere}.sender{font-size:12px;border-bottom:1px solid #e4e7dd;padding-bottom:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.75 ui-sans-serif,system-ui,sans-serif;color:#344d40}#notice:not(:empty){max-width:650px;margin:0 auto 15px;background:#fff0dd;color:#86582e;padding:14px 18px;border-radius:8px;font-size:14px}footer{text-align:center;padding:20px;color:#899580;font-size:11px}[hidden]{display:none!important}@media(max-width:750px){header{height:76px}.brand{font-size:22px}.private{font-size:8px}.card{padding:28px;margin:15px auto}.card h1{font-size:36px}.inbox-top{display:block}.actions{gap:20px}.mail-layout{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #dce1d5;max-height:300px;overflow:auto}article{padding:22px;min-height:330px}.inbox-top h1{font-size:23px}}
#live-status{font-size:12px;color:#8c806b;white-space:nowrap}#live-status.connected{color:#427457}.inbox-top .actions{flex-wrap:wrap}.mail-layout{grid-template-columns:300px minmax(0,1fr);height:calc(100vh - 285px);min-height:480px}aside,article{overflow:auto}article{padding:28px 34px}.sender{overflow-wrap:anywhere}.message{position:relative}.message.unread strong:before{content:'';display:inline-block;width:6px;height:6px;background:#62915e;border-radius:50%;margin-right:7px}.code-card{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:22px;background:#edf3e7;border:1px solid #dbe6d0;border-radius:12px;margin:24px 0}.code-card>span{font-size:10px;letter-spacing:1.5px;color:#6a8062}.code-card>strong{font-size:32px;letter-spacing:5px;font-variant-numeric:tabular-nums}.code-card button{margin-left:auto;background:#fffef9;color:#315440;border:1px solid #d0dbc7}.email-content{font:15px/1.7 system-ui,sans-serif;overflow-wrap:anywhere;max-width:720px;color:#344d40}.email-content.plain{white-space:pre-wrap}.email-content h1,.email-content h2,.email-content h3,.email-content h4{font-size:22px;line-height:1.4;letter-spacing:-.5px;margin:20px 0 12px}.email-content p{margin:12px 0;color:inherit}.email-content table{max-width:100%;width:100%;border-collapse:collapse}.email-content td,.email-content th{padding:6px;vertical-align:top}.email-content a{color:#286c54;text-decoration:underline}.email-content pre{white-space:pre-wrap}.email-content hr{border:0;border-top:1px solid #e1e7da;margin:24px 0}@media(max-width:750px){.mail-layout{grid-template-columns:1fr;height:auto}aside{max-height:260px}article{padding:22px;overflow:visible}.code-card{gap:12px}.code-card>strong{font-size:28px}.code-card button{margin-left:0}.actions{gap:12px}}