:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0a0a0a;background:#fff;font-synthesis:none}*{box-sizing:border-box}html,body{height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}.mail-app{height:100dvh;display:grid;grid-template-columns:288px 370px minmax(420px,1fr);overflow:hidden;background:#fff}.mailboxes-pane,.messages-pane{min-width:0;border-right:1px solid #d8d8d8;display:flex;flex-direction:column;background:#fff}.brand{height:92px;padding:22px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #dedede}.brand-mark{width:38px;height:38px;background:#000;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;letter-spacing:-.04em}.brand-mark.large{width:48px;height:48px}.brand div:last-child{display:flex;flex-direction:column;gap:1px}.brand span,.overline{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#757575}.brand strong{font-size:17px;letter-spacing:-.03em}.create-area{padding:16px;border-bottom:1px solid #dedede;display:grid;grid-template-columns:1fr 1fr;gap:8px}.primary,.secondary,.text-button,.icon-button{border:0;border-radius:0;font-weight:750}.primary{background:#000;color:#fff;padding:11px 12px;border:1px solid #000}.secondary{background:#fff;color:#000;padding:11px 12px;border:1px solid #bdbdbd}.secondary:hover,.secondary.selected{border-color:#000;background:#f2f2f2}.primary:hover{background:#242424}.custom-form{grid-column:1/-1;margin-top:7px;padding-top:15px;border-top:1px solid #dedede}.custom-form label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.address-input{display:flex;align-items:center;border:1px solid #000;background:#fff}.address-input input{width:100%;min-width:0;border:0;padding:10px;outline:none}.address-input span{padding-right:10px;color:#646464;font-size:12px}.form-actions{display:flex;gap:5px;margin-top:8px}.form-actions button{padding:8px 12px}.text-button{background:transparent;color:#555;padding:8px}.pane-heading{height:49px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedede;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.icon-button{width:34px;height:34px;background:transparent;color:#111;font-size:18px}.icon-button:hover{background:#eee}.mailboxes-list{flex:1;overflow:auto;padding:8px}.mailbox-row{position:relative;margin-bottom:4px}.mailbox-open{width:100%;height:64px;border:0;background:#fff;display:flex;align-items:center;text-align:left;padding:8px 35px 8px 8px;color:#111}.mailbox-open:hover{background:#f1f1f1}.mailbox-row.active .mailbox-open{background:#000;color:#fff}.mailbox-avatar,.sender-avatar{flex:0 0 auto;width:36px;height:36px;border:1px solid currentColor;display:grid;place-items:center;font-size:12px;font-weight:900}.mailbox-copy{display:flex;flex-direction:column;min-width:0;margin-left:10px}.mailbox-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.mailbox-copy small{opacity:.58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.counter{margin-left:auto;min-width:22px;text-align:center;font-size:11px;font-weight:850}.mailbox-delete{position:absolute;right:5px;top:15px;width:27px;height:34px;border:0;background:transparent;color:#888;font-size:18px;opacity:0}.mailbox-row:hover .mailbox-delete{opacity:1}.mailbox-row.active .mailbox-delete{color:#fff}.sidebar-empty,.empty-state{display:grid;place-items:center;text-align:center;color:#777}.sidebar-empty{padding:42px 15px}.sidebar-empty b,.empty-state b{color:#111}.sidebar-empty span,.empty-state span{display:block;margin-top:5px;font-size:12px}.sidebar-footer{border-top:1px solid #dedede;padding:9px 13px}.column-header{height:141px;padding:25px 22px;border-bottom:1px solid #d8d8d8;display:flex;justify-content:space-between;align-items:flex-start}.column-header h1{font-size:23px;letter-spacing:-.04em;margin:8px 0 1px;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-header small{font-size:12px;color:#777}.danger{color:#a00000!important}.messages-list{flex:1;overflow:auto}.messages-list.empty-state{display:grid}.message-row{width:100%;min-height:105px;border:0;border-bottom:1px solid #dedede;background:#fff;color:#111;text-align:left;padding:17px 20px;display:flex;flex-direction:column;gap:6px}.message-row:hover{background:#f4f4f4}.message-row.active{background:#000;color:#fff}.message-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.message-top strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-top time{font-size:10px;opacity:.6}.message-row>b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview{font-size:12px;opacity:.58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-pane{min-width:0;overflow:auto;background:#fff;padding:48px clamp(30px,5vw,80px)}.reader-pane.empty-state{padding:20px}.reader-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding-bottom:28px;border-bottom:2px solid #000}.reader-subject{min-width:0}.reader-subject h2{font-size:clamp(26px,3vw,44px);line-height:1.05;letter-spacing:-.055em;margin:10px 0 0;overflow-wrap:anywhere}.reader-delete{flex:0 0 auto}.message-meta{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:22px 0;border-bottom:1px solid #dedede}.sender-avatar{width:44px;height:44px}.message-meta div{display:flex;flex-direction:column;min-width:0}.message-meta strong,.message-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-meta span,.message-meta time{font-size:12px;color:#6c6c6c}.message-body{font:15px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:38px 0;max-width:900px}.modal{display:none;position:fixed;z-index:20;inset:0;background:#000;place-items:center;padding:20px}.modal.show{display:grid}.login-card{width:min(390px,100%);background:#fff;padding:38px;display:flex;flex-direction:column;align-items:stretch;gap:13px}.login-card h2{font-size:28px;letter-spacing:-.04em;margin:4px 0 0}.login-card p{font-size:13px;color:#666;margin:0 0 7px}.login-card input{border:1px solid #000;border-radius:0;padding:13px;outline:none}.login-card input:focus{box-shadow:inset 0 0 0 1px #000}.login-card small{color:#a00000;min-height:17px}#notice{position:fixed;z-index:30;right:24px;bottom:24px;background:#000;color:#fff;padding:13px 17px;font-size:13px;font-weight:700;transform:translateY(20px);opacity:0;pointer-events:none;transition:.18s}#notice.show{transform:none;opacity:1}#notice.bad{background:#fff;color:#000;border:1px solid #000}@media(max-width:1000px){.mail-app{grid-template-columns:250px 320px minmax(350px,1fr)}.reader-pane{padding:35px 28px}}@media(max-width:760px){body{overflow:auto}.mail-app{height:auto;min-height:100dvh;grid-template-columns:1fr}.mailboxes-pane,.messages-pane{border-right:0;border-bottom:1px solid #000;min-height:45vh}.reader-pane{min-height:60vh}.column-header{height:110px}.mailboxes-list,.messages-list{max-height:45vh}}

/* Dark interface: black workspace, white controls and selections. */
:root{color:#f5f5f5;background:#050505;color-scheme:dark}body,.mail-app,.mailboxes-pane,.messages-pane,.reader-pane{background:#050505;color:#f5f5f5}.mailboxes-pane,.messages-pane{border-color:#292929}.brand,.create-area,.pane-heading,.sidebar-footer,.column-header,.message-row,.message-meta{border-color:#292929}.brand-mark{background:#fff;color:#000}.brand span,.overline,.column-header small{color:#8b8b8b}.primary,.secondary{background:#fff;color:#000;border-color:#fff}.primary:hover,.secondary:hover,.secondary.selected{background:#d9d9d9;color:#000;border-color:#d9d9d9}.text-button{color:#fff}.icon-button{background:#fff;color:#000}.icon-button:hover{background:#d9d9d9}.danger{color:#000!important}.custom-form{border-color:#292929}.address-input{background:#0b0b0b;border-color:#fff}.address-input input{background:#0b0b0b;color:#fff}.address-input span{color:#9a9a9a}.mailbox-open{background:#050505;color:#fff}.mailbox-open:hover{background:#171717}.mailbox-row.active .mailbox-open{background:#fff;color:#000}.mailbox-delete{color:#fff}.mailbox-row.active .mailbox-delete{color:#000}.sidebar-empty,.empty-state{color:#777}.sidebar-empty b,.empty-state b{color:#fff}.message-row{background:#050505;color:#fff}.message-row:hover{background:#171717}.message-row.active{background:#fff;color:#000}.reader-header{border-color:#fff}.message-meta span,.message-meta time{color:#8b8b8b}.modal{background:#050505}.login-card{background:#090909;color:#fff;border:1px solid #fff}.login-card p{color:#9a9a9a}.login-card input{background:#050505;color:#fff;border-color:#fff}.login-card input:focus{box-shadow:inset 0 0 0 1px #fff}.login-card small{color:#fff}#notice{background:#fff;color:#000}#notice.bad{background:#050505;color:#fff;border-color:#fff}@media(max-width:760px){.mailboxes-pane,.messages-pane{border-color:#292929}}

/* Geometry and spacing pass. */
.mail-app{grid-template-columns:310px 390px minmax(420px,1fr)}
.brand-mark,.mailbox-avatar,.sender-avatar{border-radius:9px}
.primary,.secondary,.icon-button,.copy-button,.text-button,.address-input,.login-card input,#notice{border-radius:10px}
.create-area{gap:10px;padding:16px}.create-area>.primary,.create-area>.secondary{min-height:54px}
.pane-heading{padding-inline:16px}.icon-button{flex:0 0 36px;width:36px;height:36px}
.mailboxes-list{padding:10px 8px}.mailbox-row{border-radius:12px;overflow:hidden;margin-bottom:7px}.mailbox-open{height:auto;min-height:70px;border-radius:12px;padding:10px 42px 10px 9px}.mailbox-copy{white-space:normal}.mailbox-copy strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.25}.mailbox-delete{right:7px;top:18px;border-radius:7px}
.column-header{height:141px;padding:24px 20px;gap:14px}.column-header>div:first-child{min-width:0}.column-header h1{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:20px;line-height:1.15}
.header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.copy-button{border:1px solid #fff;background:#fff;color:#000;padding:9px 12px;font-size:11px;font-weight:800}.copy-button:hover{background:#d9d9d9;border-color:#d9d9d9}
.messages-list{padding:10px}.messages-list.empty-state{padding:10px}.message-row{border:1px solid #292929;border-radius:12px;margin-bottom:8px;min-height:106px}.message-row:last-child{border-bottom:1px solid #292929}
.reader-delete{border-radius:10px}.message-meta{margin-top:3px}.login-card{border-radius:16px}.login-card .primary{border-radius:10px}
@media(max-width:1100px){.mail-app{grid-template-columns:280px 350px minmax(360px,1fr)}.copy-button{width:36px;height:36px;padding:0;font-size:0}.copy-button:after{content:'⧉';font-size:17px}}
@media(max-width:760px){.mail-app{grid-template-columns:1fr}.header-actions{align-self:flex-start}}

/* Softer contrast: no bright outlines or pure-white surfaces. */
:root{color:#d5d5d1}.mail-app,.mailboxes-pane,.messages-pane,.reader-pane{color:#d5d5d1}.brand-mark{background:#d4d4cf;color:#080808}.primary,.secondary,.icon-button,.copy-button{background:#d0d0cb;color:#090909;border-color:transparent}.primary:hover,.secondary:hover,.secondary.selected,.icon-button:hover,.copy-button:hover{background:#bdbdb8;color:#090909;border-color:transparent}.mailbox-avatar,.sender-avatar{border-color:#3a3a3a}.mailbox-row.active .mailbox-open{background:#c9c9c4;color:#090909}.mailbox-row.active .mailbox-avatar{border-color:#777}.message-row.active{background:#c9c9c4;color:#090909}.address-input,.login-card input{border-color:#3a3a3a}.reader-header{border-color:#292929}.login-card{border-color:#333}.login-card .brand-mark{background:#d0d0cb}.sidebar-empty b,.empty-state b{color:#d5d5d1}.text-button{color:#c8c8c4}#notice{background:#d0d0cb;color:#090909}#notice.bad{background:#101010;color:#d5d5d1;border-color:#3a3a3a}

.message-body.has-html{padding:34px 0;max-width:none}.email-html-frame{display:block;width:100%;min-height:480px;border:0;border-radius:12px;background:#fff}.message-body.plain-text{font:15px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}