:root{color:#1f2a27;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#175c4c;border:0;border-radius:8px;min-height:42px;padding:0 16px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.5}input{color:#1f2a27;background:#fffdf8;border:1px solid #c9c2b4;border-radius:8px;width:100%;min-height:44px;padding:0 12px}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fffdf8;border:1px solid #d8d0c0;border-radius:8px;gap:18px;width:min(100%,380px);padding:28px;display:grid;box-shadow:0 18px 50px #1f2a271f}.login-panel h1,.topbar h1{margin:0;font-size:28px;line-height:1.1}.login-panel label{gap:8px;font-size:14px;font-weight:700;display:grid}.eyebrow{color:#d9573f;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.error{color:#8c2b1e;background:#fff0ed;border:1px solid #e1a092;border-radius:8px;margin:0;padding:10px 12px}.mailbox{background:#f5f1e8;grid-template-columns:minmax(360px,440px) minmax(0,1fr);min-height:100vh;display:grid}.list-pane,.detail-pane{min-height:100vh}.list-pane{background:#fffdf8;border-right:1px solid #d8d0c0;flex-direction:column;display:flex}.topbar{border-bottom:1px solid #e6dfd1;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.secondary-button,.back-button{color:#175c4c;background:#fffdf8;border:1px solid #c9c2b4}.search-row{border-bottom:1px solid #e6dfd1;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 20px;display:grid}.list-status{color:#6f756f;padding:10px 20px;font-size:13px}.email-list{flex:1;overflow:auto}.email-item{color:#1f2a27;text-align:left;background:0 0;border-bottom:1px solid #ece5d8;border-radius:0;gap:6px;width:100%;min-height:130px;padding:16px 20px;display:grid}.email-item:hover,.email-item.selected{background:#edf7f4}.item-heading{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px;display:grid}.item-heading strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-heading time,.item-meta,.item-preview,.pagination,.detail-placeholder{color:#6f756f;font-size:13px}.item-meta,.item-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pagination{border-top:1px solid #e6dfd1;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 20px;display:grid}.pagination button:last-child{justify-self:end}.empty-state{color:#6f756f;margin:24px 20px}.detail-pane{padding:28px;overflow:auto}.back-button{margin-bottom:16px;display:none}.message{max-width:860px}.message h2{overflow-wrap:anywhere;margin:0 0 18px;font-size:30px;line-height:1.2}.message dl{border-bottom:1px solid #d8d0c0;gap:8px;margin:0 0 24px;padding-bottom:20px;display:grid}.message dl div{grid-template-columns:70px minmax(0,1fr);gap:12px;display:grid}.message dt{color:#6f756f;font-weight:700}.message dd{overflow-wrap:anywhere;margin:0}.message pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0;line-height:1.55}@media (width<=760px){.mailbox{display:block}.list-pane{border-right:0;min-height:100vh}.detail-pane{min-height:100vh;padding:20px}.hidden-on-mobile,.hidden-detail-mobile{display:none}.back-button{align-items:center;display:inline-flex}.topbar,.search-row{padding-left:16px;padding-right:16px}.search-row{grid-template-columns:1fr}.email-item{padding:15px 16px}.message h2{font-size:24px}}