*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#fcfaf7;color:#2d2928}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,#f1e4d8 0,transparent 31%),#fcfaf7}.login-card{width:min(100%,430px);padding:42px;border:1px solid #e8e1d9;border-radius:20px;background:#fffdf9;box-shadow:0 24px 70px #2d29281a}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px;letter-spacing:-.04em}.brand img{width:40px;height:40px;object-fit:contain}.login-card>p{margin:20px 0 30px;color:#766e68}.login-card form{display:grid;grid-gap:16px;gap:16px}.login-card label{display:grid;grid-gap:8px;gap:8px;font-size:13px;font-weight:650}.login-card input{height:48px;padding:0 14px;border:1px solid #ded5cb;border-radius:10px;background:#fff;font:inherit;outline:0}.login-card input:focus{border-color:#c07845;box-shadow:0 0 0 4px #c0784521}.login-card button{height:48px;border:0;border-radius:10px;background:#2d2928;color:#fffdf9;font:inherit;font-weight:700;cursor:pointer}.login-card button:hover{background:#c07845}.login-card button:disabled{opacity:.65}.login-card [role=alert]{padding:10px 12px;border-radius:8px;background:#fff0ed;color:#9b3329;font-size:13px}.login-card small{display:block;margin-top:28px;color:#9a918b;text-align:center}@media(max-width:480px){.login-card{padding:30px 24px;border-radius:16px}}.mail{min-height:100vh;display:grid;grid-template-columns:250px 380px 1fr;background:#fcfaf7}.mail aside{padding:16px;border-right:1px solid #e8e1d9;background:#fffdf9;display:flex;flex-direction:column;gap:18px}.mail-brand{display:flex;align-items:center;gap:10px;font-weight:800}.mail-brand img{width:32px;height:32px}.compose{height:42px;border:0;border-radius:9px;background:#2d2928;color:#fff;font-weight:700}.mail nav{display:grid;grid-gap:4px;gap:4px}.logout,.mail nav button{display:flex;justify-content:space-between;padding:10px;border:0;border-radius:8px;background:transparent;color:#645d59;text-align:left}.mail nav button.active,.mail nav button:hover{background:#f1e3d7;color:#8d4f2c}.list{border-right:1px solid #e8e1d9;background:#fffdf9}.list header{padding:14px;border-bottom:1px solid #e8e1d9}.list input{width:100%;height:40px;padding:0 12px;border:1px solid #ded5cb;border-radius:8px}.message{display:grid;width:100%;grid-gap:4px;gap:4px;padding:16px;border:0;border-bottom:1px solid #eee8e1;background:#fffdf9;text-align:left}.message.selected,.message:hover{background:#faf6f1}.message span{font-size:14px}.message small{overflow:hidden;color:#8c827a;text-overflow:ellipsis;white-space:nowrap}.reader{padding:52px;display:grid;place-items:center}.reader>div{max-width:640px}.reader .empty{text-align:center;color:#827a74}.reader .empty img{width:56px}.reader h1{letter-spacing:-.05em}.eyebrow{color:#c07845;font-size:12px;font-weight:800;text-transform:uppercase}.empty{padding:30px;color:#827a74;text-align:center}@media(max-width:800px){.mail{grid-template-columns:1fr}.mail aside,.reader{display:none}.list{border:0}}.message{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:start}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f1e3d7;color:#8d4f2c;font-size:11px;font-weight:800}.message-main{display:grid;min-width:0;grid-gap:3px;gap:3px}.message-main small,.message-main strong,.message-main>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message time{color:#8c827a;font-size:11px;white-space:nowrap}.message.unread .message-main strong,.message.unread .message-main>span{font-weight:800}.logout{display:flex;align-items:center;gap:10px;margin-top:auto;padding:11px;border:1px solid #e8e1d9;border-radius:10px;background:#fff;color:#504946;cursor:pointer}.logout-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#f1e3d7;color:#8d4f2c}.logout small,.logout strong{display:block}.logout small{font-size:11px;color:#91867e}.reader article{width:min(100%,780px)}.back{border:0;background:transparent;color:#8d4f2c;font:inherit;font-weight:700;cursor:pointer}.mail-meta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:11px;gap:11px;align-items:center;padding-bottom:24px;border-bottom:1px solid #e8e1d9}.avatar.large{width:42px;height:42px}.mail-meta small,.mail-meta strong{display:block}.mail-meta small{margin-top:4px;color:#827a74;font-size:13px}.mail-meta time{max-width:180px;color:#827a74;font-size:12px;text-align:right}.mail-body{padding:30px 0;color:#3b3633;line-height:1.7}.mail-body p{margin:0 0 14px;white-space:pre-wrap}.reader-actions{display:flex;gap:10px}.empty button,.reader-actions button{padding:10px 15px;border:1px solid #d8cec4;border-radius:9px;background:#fff;color:#504946;font:inherit;font-weight:700;cursor:pointer}.skeletons{padding:18px}.skeletons i{display:block;height:76px;margin-bottom:10px;border-radius:10px;background:#f3eee8}@media(max-width:800px){.reader.open{display:block;padding:24px}.list.mobile-hidden{display:none}.mail-meta{grid-template-columns:auto minmax(0,1fr)}.mail-meta time{grid-column:2;text-align:left}}.logout{justify-content:space-between;border:0!important;border-top:1px solid #e8e1d9!important;border-radius:0!important;background:transparent!important;color:#8b4c2a!important;font-weight:750}.logout:hover{background:#fff4ed!important}.logout b{font-size:17px;font-weight:500}.reader{padding:32px 48px!important}.reader article{max-width:820px!important}.reader h1{margin:12px 0 22px!important;font-size:30px!important;line-height:1.25}.back{margin-bottom:8px}.mail-meta{padding-bottom:18px!important}.mail-body{padding:24px 0 14px!important;line-height:1.6!important}.mail-body p{margin:0 0 12px!important}.mail-body .quoted{margin-top:18px!important;padding:12px 16px!important;border-left:3px solid #d8cec4;color:#6f6660;background:#faf7f3}.reader-actions{padding-top:10px!important}@media(max-width:800px){.reader.open{padding:24px!important}.reader h1{font-size:26px!important}}.reader{display:block!important;place-items:unset!important;padding:24px 32px!important}.reader article{width:100%!important;max-width:none!important;margin:0!important}@media(max-width:800px){.reader.open{padding:20px!important}}.compose-layer{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#2d292844}.compose-modal{display:grid;width:min(100%,620px);overflow:hidden;border:1px solid #ded5cb;border-radius:14px;background:#fffdf9;box-shadow:0 24px 80px #2d292844}.compose-modal footer,.compose-modal header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e8e1d9}.compose-modal footer button,.compose-modal header button{border:0;background:transparent;color:#645d59;font:inherit;cursor:pointer}.compose-modal header button{font-size:24px}.compose-modal label{display:grid;grid-template-columns:70px 1fr;align-items:center;padding:0 18px;border-bottom:1px solid #eee8e1;color:#766e68;font-size:13px}.compose-modal input{height:46px;border:0;background:transparent;font:inherit;outline:0}.compose-modal textarea{min-height:230px;padding:16px 18px;border:0;resize:vertical;font:inherit;outline:0}.compose-modal [role=alert]{margin:0;padding:0 18px 12px;color:#a33c2d;font-size:13px}.compose-modal footer{border-top:1px solid #e8e1d9;border-bottom:0}.compose-modal footer .send{padding:9px 17px;border-radius:8px;background:#2d2928;color:#fff;font-weight:750}.compose-modal footer .send:disabled{opacity:.6}@media(max-width:600px){.compose-layer{padding:0;place-items:end}.compose-modal{width:100%;border-radius:14px 14px 0 0}}.account{margin-top:auto;display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;grid-gap:8px;gap:8px;align-items:center;padding:10px 8px;border-top:1px solid #e8e1d9}.account-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2d2928;color:#fff;font-size:11px;font-weight:800}.account small,.account strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account strong{font-size:12px}.account small{margin-top:2px;color:#8c827a;font-size:10px}.account .logout,.copy-email{margin:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#795b49!important;font:inherit!important;font-size:11px!important;font-weight:750!important;cursor:pointer}.account .logout:hover,.copy-email:hover{background:#f1e3d7!important}.account .logout{padding:6px!important;font-size:16px!important}