:root{color-scheme:dark;--background: #1e1e1e;--surface: #252526;--input: #2a2a2a;--border: #3c3c3c;--text: #d4d4d4;--muted: #8f8f8f;--accent: #0078d4;--accent-hover: #026ec1;--error: #f48771;--success: #4ec9b0}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%}body{margin:0;background:var(--background);color:var(--text);font:13px Segoe UI Variable,Segoe UI,sans-serif}button,input{font:inherit}.app{width:min(900px,calc(100% - 32px));margin:0 auto;padding:32px 0}.app-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.app-header h1{margin:0;color:#fff;font-size:20px;font-weight:500}.session-controls{display:flex;min-width:0;align-items:center;gap:10px}.session-controls span{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.logout-button{flex:0 0 auto;color:var(--muted);text-decoration:none}.logout-button:hover{color:var(--text);text-decoration:underline}.banner{display:none;margin-bottom:12px;padding:10px 12px;border-left:3px solid var(--accent);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere}.banner.visible{display:block}.banner.error{border-color:var(--error)}.banner.success{border-color:var(--success)}.mail-fields{border:1px solid var(--border)}.mail-fields label{min-height:42px;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;border-bottom:1px solid var(--border)}.mail-fields label:last-child{border-bottom:0}.mail-fields span{padding-left:13px;color:var(--muted)}.mail-fields input{width:100%;height:41px;border:0;outline:0;background:transparent;color:var(--text)}.from-fields{display:grid;grid-template-columns:minmax(90px,.35fr) minmax(180px,.65fr);gap:10px}.from-fields input:first-child{border-right:1px solid var(--border)}.mail-fields input:focus{box-shadow:inset 0 -1px var(--accent)}.mail-fields input[readonly]{color:var(--muted)}.editor-panel{margin-top:14px;border:1px solid var(--border)}.toolbar{display:flex;flex-wrap:wrap;gap:2px;align-items:center;padding:5px 7px;border-bottom:1px solid var(--border);background:var(--surface)}.toolbar button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--text);cursor:pointer}.toolbar button svg{width:18px;height:18px;fill:currentColor}.more-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.toolbar button:hover,.toolbar button.active{background:#37373d}.toolbar button.active{border-color:var(--accent)}.more-tools{flex-basis:100%;display:flex;flex-wrap:wrap;gap:2px;padding-top:4px;border-top:1px solid var(--border)}.more-tools[hidden]{display:none}.more-toggle[aria-expanded=true]{border-color:var(--accent)}.divider{width:1px;height:18px;margin:0 4px;background:var(--border)}.tiptap-editor{min-height:300px;padding:18px;outline:none;font-size:14px;line-height:1.7}.tiptap-editor p{margin:0 0 .75em}.tiptap-editor p.is-editor-empty:first-child:before{height:0;float:left;color:var(--muted);content:attr(data-placeholder);pointer-events:none}.tiptap-editor a{color:#4daafc}.tiptap-editor blockquote{margin-left:0;padding-left:14px;border-left:3px solid var(--border);color:var(--muted)}.tiptap-editor img{max-width:100%;height:auto;display:block;margin:12px 0}.tiptap-editor h1,.tiptap-editor h2{line-height:1.25}.tiptap-editor code{padding:2px 4px;border-radius:3px;background:var(--surface)}.tiptap-editor pre{overflow-x:auto;padding:12px;background:#171717}.tiptap-editor hr{border:0;border-top:1px solid var(--border)}.attachments{margin-top:14px}.attachments-header{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--muted)}.drop-zone{width:100%;min-height:78px;display:grid;place-content:center;gap:4px;border:1px dashed var(--border);background:transparent;color:var(--text);text-align:center;cursor:pointer}.drop-zone small{color:var(--muted)}.drop-zone:hover,.drop-zone.dragging{border-color:var(--accent);background:#0078d414}.file-list{margin:7px 0 0;padding:0;list-style:none}.file-list li{min-height:34px;display:grid;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;gap:8px;padding:3px 7px}.file-list li:hover{background:var(--surface)}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--muted)}.file-list button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:18px}.actions{display:flex;justify-content:flex-end;margin-top:18px}.send-button{min-width:110px;height:34px;border:0;border-radius:2px;background:var(--accent);color:#fff;cursor:pointer}.send-button:hover:not(:disabled){background:var(--accent-hover)}.send-button:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 600px){.app{width:calc(100% - 20px);padding:16px 0}.app-header{align-items:flex-start;flex-direction:column;gap:5px}.mail-fields label{grid-template-columns:82px minmax(0,1fr)}.toolbar{overflow-x:auto;flex-wrap:nowrap}.toolbar button{flex:0 0 auto}.tiptap-editor{min-height:240px;padding:13px}.send-button{width:100%}}