:root{color-scheme:light;--bg:oklch(0.96 0.006 240);--panel:oklch(0.99 0.004 240);--panel-2:oklch(0.93 0.006 240);--line:oklch(0.86 0.01 240);--text:oklch(0.23 0.018 250);--muted:oklch(0.49 0.018 250);--accent:oklch(0.52 0.14 248);--accent-text:oklch(0.99 0.004 240);--danger:oklch(0.58 0.18 25)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.login-shell,.screen-center{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(100%,420px);border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:28px;box-shadow:0 20px 50px oklch(.22 .02 250/.08)}.mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:var(--accent-text);font-weight:800;margin-bottom:18px}.login-panel h1{margin:0;font-size:26px}.login-panel p{color:var(--muted);line-height:1.5}.login-form{display:grid;grid-gap:14px;gap:14px;margin-top:24px}.login-form label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px;font-weight:650}input,textarea{border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);padding:11px 12px;outline:none}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px oklch(.52 .14 248/.14)}.compose form>button,.compose-button,.login-form button{border:0;border-radius:7px;background:var(--accent);color:var(--accent-text);padding:11px 14px;font-weight:750}.error{color:var(--danger);font-size:13px}.error.inline{margin:0 16px 12px}.mail-shell{display:grid;grid-template-columns:260px minmax(320px,430px) minmax(0,1fr)}.mail-shell,.mail-sidebar,.message-list,.reader{min-height:100vh}.mail-sidebar{background:var(--panel-2);border-right:1px solid var(--line);padding:16px}.mail-identity{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.mail-identity span,.mail-identity strong{display:block}.mail-identity span{color:var(--muted);font-size:13px;margin-top:3px}.mail-identity button{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:6px 8px;color:var(--muted)}.compose-button{width:100%;margin-bottom:16px}nav{display:grid;grid-gap:4px;gap:4px}nav button{display:flex;align-items:center;justify-content:space-between;border:0;border-radius:7px;background:transparent;color:var(--text);padding:10px 11px;text-align:left}nav button.active,nav button:hover{background:var(--panel)}nav em{min-width:22px;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:12px;font-style:normal;text-align:center;padding:2px 6px}.message-list{border-right:1px solid var(--line);background:var(--panel)}.message-list header,.reader header{padding:18px;border-bottom:1px solid var(--line)}.message-list h2,.reader h2{margin:0;font-size:18px}.message-list header span,.reader p{color:var(--muted);font-size:13px}.rows{display:grid}.message-row{display:grid;grid-gap:4px;gap:4px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:14px 16px;text-align:left}.message-row.selected,.message-row:hover{background:var(--panel-2)}.message-row.unread span,.message-row.unread strong{font-weight:800}.message-row small,.message-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row small{color:var(--muted)}.reader{background:var(--panel);overflow:auto}.reader article{max-width:820px;padding:24px;line-height:1.6}.empty{color:var(--muted);padding:24px}.reader-empty{min-height:100%;display:grid;place-items:center}.compose{position:fixed;right:28px;bottom:28px;width:min(520px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 70px oklch(.22 .02 250/.18)}.compose form{display:grid}.compose header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.compose header button{border:0;background:transparent;color:var(--muted)}.compose input,.compose textarea{border:0;border-bottom:1px solid var(--line);border-radius:0}.compose textarea{min-height:180px;resize:vertical}.compose form>button{margin:12px;justify-self:end}@media (max-width:980px){.mail-shell{grid-template-columns:220px 1fr}.reader{grid-column:1/-1;min-height:50vh;border-top:1px solid var(--line)}}@media (max-width:720px){.mail-shell{grid-template-columns:1fr}.mail-sidebar,.message-list,.reader{min-height:auto}}