:root{--ink:#17212d;--navy:#0f2744;--paper:#f7f8fa;--line:#d8dee7;--blue:#1769aa;--blue-dark:#105387;--muted:#617083;--danger:#ab3232;--white:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{border:1px solid var(--blue);background:var(--blue);color:var(--white);min-height:2.6rem;padding:.6rem .9rem;border-radius:4px;cursor:pointer;font-weight:650}button:hover{background:var(--blue-dark)}button:focus-visible,input:focus-visible{outline:3px solid #f5b445;outline-offset:2px}.secondary{background:var(--white);color:var(--blue)}.text-button{border-color:transparent;background:transparent;color:var(--blue)}.text-button:hover{background:#eaf2f9}.login-shell{width:min(26rem,calc(100vw - 2rem));margin:12vh auto;padding:2rem;border:1px solid var(--line);background:var(--white)}.login-mark{display:grid;place-items:center;width:3.1rem;height:3.1rem;margin-bottom:1.5rem;background:var(--navy);color:var(--white);font-weight:800;letter-spacing:.05em}.login-shell h1{margin:0;font-size:2rem;letter-spacing:-.04em}.login-shell p{color:var(--muted);line-height:1.55}.login-shell form{display:grid;gap:.55rem;margin-top:1.75rem}.login-shell button{margin-top:.7rem}.error{min-height:1.25rem;color:var(--danger);margin:0}header{height:4.4rem;border-bottom:1px solid var(--line);background:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem}.wordmark{display:flex;align-items:center;gap:.65rem}.wordmark span{display:grid;place-items:center;width:2.2rem;height:2.2rem;background:var(--navy);color:var(--white);font-size:.78rem;font-weight:800;letter-spacing:.05em}.header-actions{display:flex;gap:.4rem}.reader-layout{display:grid;grid-template-columns:18rem minmax(0,1fr);min-height:calc(100vh - 4.4rem)}aside{border-right:1px solid var(--line);background:var(--white);padding:1rem}.aside-heading,.inbox-top,.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.aside-heading h1{font-size:1rem;margin:0}.icon-button{background:transparent;color:var(--blue);border:0;padding:.4rem;min-height:auto}.search{display:grid;gap:.35rem;margin:1rem 0;color:var(--muted);font-size:.8rem}.search input{height:2.45rem;border:1px solid var(--line);padding:.5rem;border-radius:4px}#account-list{display:grid;gap:.15rem}.account{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);font-size:.88rem;font-weight:500;overflow-wrap:anywhere}.account:hover,.account[aria-current=true]{background:#eaf2f9;color:var(--blue)}.inbox{padding:clamp(1rem,3vw,2.5rem);min-width:0}.inbox-top{border-bottom:1px solid var(--line);padding-bottom:1rem}.eyebrow{margin:0;color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}.inbox h2{margin:.2rem 0 0;font-size:1.7rem;letter-spacing:-.03em}.readonly{margin:0;color:var(--blue);font-size:.85rem;font-weight:700}.message-layout{display:grid;grid-template-columns:minmax(15rem,23rem) minmax(0,1fr);border:1px solid var(--line);background:var(--white);min-height:28rem}#message-list{margin:0;padding:0;list-style:none;border-right:1px solid var(--line);overflow:auto}.message{border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--white);color:var(--ink);display:grid;gap:.3rem;width:100%;text-align:left;padding:.85rem;min-height:4.5rem}.message:hover,.message[aria-current=true]{background:#eaf2f9}.message strong{font-size:.86rem}.message span{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread::before{content:"";display:inline-block;width:.45rem;height:.45rem;border-radius:50%;margin-right:.45rem;background:var(--blue)}#message-view{padding:1.25rem;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.6}#message-view h3{margin-top:0;white-space:normal}#status{min-height:2.75rem;display:flex;align-items:center;color:var(--muted);font-size:.88rem}dialog{width:min(32rem,calc(100vw - 2rem));border:1px solid var(--line);padding:0}dialog::backdrop{background:#17212d99}dialog form{padding:1.25rem;display:grid;gap:.8rem}dialog h2{margin:0}dialog p{color:var(--muted);line-height:1.5;margin:0}dialog input[type=file]{border:1px solid var(--line);padding:.6rem}@media(max-width:760px){header{padding:0 .75rem}.header-actions .text-button{padding:.4rem}.reader-layout{grid-template-columns:1fr}.reader-layout aside{border-right:0;border-bottom:1px solid var(--line)}#account-list{grid-auto-flow:column;grid-auto-columns:minmax(12rem,75vw);overflow:auto}.message-layout{grid-template-columns:1fr}#message-list{border-right:0;border-bottom:1px solid var(--line);max-height:18rem}.inbox{padding:1rem}.message-layout{min-height:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}