*{box-sizing:border-box}body{margin:0;background:#080807;color:#e8e2d5;font:14px Arial,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;border-bottom:1px solid #bba57425}.brand{display:flex;align-items:center;gap:14px;font:14px Georgia;letter-spacing:.35em}.brand img{width:30px;height:38px;object-fit:contain}.account{color:#b9a67c;text-transform:uppercase;letter-spacing:.14em;font-size:10px}main{max-width:1180px;margin:auto;padding:0 5vw}.intro{padding:65px 0 40px;background:radial-gradient(ellipse at 85% 0,#a3863220,transparent 60%)}.eyebrow{font-size:10px;letter-spacing:.24em;color:#bba574}h1,h2{font-family:'Bodoni Moda',Georgia,serif;font-weight:400}h1{font-size:clamp(64px,8vw,96px);letter-spacing:-.05em;line-height:1.1;margin:20px 0}h2{font-size:32px;margin:12px 0}#handle{color:#c0b59a;line-height:1.8}.notice{max-width:560px;color:#918b7c;font-size:12px;line-height:1.9}.notice strong{font-weight:400;color:#b3a68a}.workspace{display:grid;grid-template-columns:200px 1fr;border-top:1px solid #bba57430}aside{border-right:1px solid #bba57430;padding:30px 25px 0 0}aside nav{display:grid;margin:22px 0}button{cursor:pointer;font:inherit;color:#c9b891;background:#10110d;border:1px solid #bba57440;padding:12px 16px}aside button{display:flex;justify-content:space-between;text-align:left;border:0;background:none;padding:15px 13px;color:#938a77;font-size:12px}aside button[aria-pressed=true]{background:#bba57412;border-left:1px solid #bba574;color:#e4ce9e}.compose-link{display:block;margin:30px 0;color:#d2bb83;font-size:11px}.small{font-size:10px;line-height:1.8;color:#746e61}.mail-content{padding:25px 0 0 35px;min-width:0}.folder-heading{display:flex;align-items:center;justify-content:space-between}.folder-heading button{font-size:10px;background:none;padding:8px 12px}#status{color:#c8b486;font-size:12px;line-height:1.8;min-height:24px}#messages{min-height:100px}#messages article{padding:20px;border:1px solid #bba57428;margin:12px 0;background:#10110d}article h3{font:23px 'Bodoni Moda',Georgia;margin:0 0 12px;overflow-wrap:anywhere}article .meta{color:#9b8e72;font-size:10px;line-height:1.7;overflow-wrap:anywhere}article .body{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}#compose{margin-top:30px;border-top:1px solid #bba57430;padding:30px 0}label{display:block;margin-top:22px;color:#b7ab91;font-size:11px}input,textarea{display:block;width:100%;border:1px solid #bba57430;background:#0d0e0a;color:#e6decd;padding:14px;margin-top:9px;font:13px Arial;line-height:1.6;border-radius:0}input::placeholder,textarea::placeholder{color:#655f51}textarea{resize:vertical}.send-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.send-row p{font-size:10px;color:#8d826b}.gold{background:linear-gradient(120deg,#af9660,#d4bf8a);color:#0c0c08;font-size:10px;text-transform:uppercase;letter-spacing:.14em;padding:15px 20px}button:disabled{opacity:.4;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #cdb582;outline-offset:3px}footer{display:flex;justify-content:space-between;border-top:1px solid #bba57425;padding:30px 0;margin-top:40px;font-size:10px;letter-spacing:.25em;color:#968260}footer span{font-size:9px}@media(max-width:650px){header{padding:20px}main{padding:0 20px}.intro{padding-top:40px}.workspace{grid-template-columns:1fr}aside{border:0;padding:20px 0 0}aside>.eyebrow,aside>.small{display:none}aside nav{display:flex;margin:0}.compose-link{margin:20px 0}aside button{gap:40px}.mail-content{padding:5px 0 0}.send-row{align-items:start;flex-direction:column}.gold{width:100%}footer span{font-size:8px;letter-spacing:.1em}}
