:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f1;--ink:#151515;--muted:#6f706d;--line:#deded7;--panel:#fff;--panel-soft:#fafaf6;--accent:#0f8f72;--accent-strong:#066955;--coral:#ff735c;--sky:#328af1;--shadow:0 24px 60px #191f231f}*{box-sizing:border-box}html,body{height:100%}body{background:linear-gradient(135deg, #0f8f721f, transparent 28%), linear-gradient(315deg, #ff735c1f, transparent 26%), var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.mail-shell{grid-template-columns:260px minmax(340px,430px) minmax(420px,1fr);gap:12px;height:100vh;min-height:680px;padding:14px;transition:grid-template-columns .18s;display:grid}.mail-shell.sidebar-collapsed{grid-template-columns:78px minmax(360px,460px) minmax(420px,1fr)}.login-shell{grid-template-columns:minmax(320px,1fr) minmax(320px,440px);align-items:center;gap:28px;min-height:100vh;padding:clamp(18px,4vw,54px);display:grid}.login-copy{max-width:680px}.login-mark{width:58px;height:58px;margin-bottom:28px}.login-copy h1{letter-spacing:0;margin:0;font-size:clamp(48px,8vw,92px);line-height:.92}.login-copy p{color:#434542;max-width:560px;margin:22px 0 0;font-size:clamp(17px,2vw,22px);line-height:1.4}.login-preview{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffad;border:1px solid #deded7e6;border-radius:8px;align-items:center;gap:14px;width:min(520px,100%);margin-top:34px;padding:14px;display:flex}.login-preview>span{background:linear-gradient(135deg,#328af1e6,#0f8f72e6);border-radius:8px;width:42px;height:42px}.login-preview strong,.login-preview small{display:block}.login-preview small{color:var(--muted);margin-top:3px}.login-panel{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffd1;border:1px solid #deded7e6;border-radius:8px;gap:12px;padding:20px;display:grid}.login-panel h2{letter-spacing:0;margin:3px 0 8px;font-size:30px}.login-panel input{height:46px}.secondary-login-button{border:1px solid var(--line);min-height:42px;color:var(--muted);background:#fff;border-radius:8px;font-weight:700}.sidebar,.message-column,.reading-pane{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffc7;border:1px solid #deded7db}.icon-button{width:44px;height:44px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .16s;display:inline-flex}.icon-button:hover,.icon-button.active{color:var(--accent-strong);background:#eff8f5;border-color:#cfe9e1}.compact{width:34px;height:34px}.sidebar,.message-column,.reading-pane{border-radius:8px;overflow:hidden}.sidebar{flex-direction:column;gap:16px;min-height:0;padding:16px;display:flex;overflow:hidden}.brand-row{grid-template-columns:42px 1fr 34px;align-items:center;gap:10px;display:grid}.sidebar-collapsed .brand-row{grid-template-columns:42px;justify-content:center}.sidebar-collapsed .brand-row>div:nth-child(2){display:none}.sidebar-collapsed .brand-row .icon-button{grid-column:1;width:42px}.brand-row strong,.panel-title span{font-size:14px;display:block}.brand-row span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--accent), var(--sky));border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.compose-button,.compose-send,.secondary-button{color:#fff;background:var(--ink);border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;font-weight:700;display:inline-flex;box-shadow:0 12px 22px #1515151f}.sidebar-collapsed .compose-button{justify-self:center;width:44px;padding:0}.sidebar-collapsed .compose-button svg{flex:none}.sidebar-collapsed .compose-button{gap:0;font-size:0}.folder-list{overscroll-behavior:contain;scrollbar-color:#c9cbc4 transparent;scrollbar-width:thin;flex-direction:column;flex:1;gap:5px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.sidebar-collapsed .folder-list{align-items:center;padding-right:0}.folder-list::-webkit-scrollbar{width:8px}.folder-list::-webkit-scrollbar-thumb{background:#c9cbc4;border-radius:999px}.folder-list::-webkit-scrollbar-track{background:0 0}.folder{width:100%;min-height:40px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 11px;display:grid}.sidebar-collapsed .folder{justify-content:center;width:44px;padding:0;display:inline-flex}.sidebar-collapsed .folder span,.sidebar-collapsed .folder small{display:none}.folder:hover,.folder.active{color:var(--accent-strong);background:#f1f7f5;border-color:#d8ece6}.folder.drop-target{color:var(--accent-strong);background:#e6f5f0;border-color:#0f8f7273;box-shadow:inset 0 0 0 1px #0f8f722e}.folder span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder small{color:#9a9d96;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:24px;max-width:84px;font-size:11px;font-weight:800;overflow:hidden}.folder.active small,.folder:hover small{color:var(--accent-strong)}.account-panel{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:8px;margin-top:auto;padding:12px;display:grid}.sidebar-collapsed .account-panel{background:0 0;border-color:#0000;justify-items:center;padding:10px 0}.sidebar-collapsed .panel-title{display:none}.panel-title{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.account-actions{gap:8px;display:grid}.sidebar-collapsed .account-actions .secondary-button{gap:0;width:44px;padding:0;font-size:0}.sidebar-collapsed .account-actions .secondary-button svg{flex:none}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:0}input{height:38px;padding:0 11px}textarea{resize:vertical;min-height:210px;padding:12px;line-height:1.45}input:focus,textarea:focus{border-color:#0f8f7299;box-shadow:0 0 0 3px #0f8f721f}.secondary-button{min-height:38px;box-shadow:none;background:var(--accent-strong)}.secondary-button svg{flex:none}.message-column{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px;display:flex}.search-wrap{border:1px solid var(--line);min-width:0;height:44px;color:var(--muted);background:#fff;border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search-wrap input{height:auto;box-shadow:none;border:0;padding:0}.error-banner{color:#9a351f;background:#fff1ed;border:1px solid #ffd3c7;border-radius:8px;margin:12px 14px 0;padding:10px 12px;font-size:13px}.mailbox-heading{justify-content:space-between;align-items:center;padding:18px 18px 12px;display:flex}.mailbox-heading h1{letter-spacing:0;margin:0;font-size:28px}.mailbox-heading p{color:var(--muted);margin:4px 0 0;font-size:13px}.bulk-actions{background:#ffffffc7;border:1px solid #0f8f7238;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:0 14px 10px;padding:9px 10px;display:flex;box-shadow:0 10px 22px #1a1f220f}.bulk-actions label,.bulk-action-buttons,.bulk-action-buttons button{align-items:center;display:flex}.bulk-actions label{color:var(--ink);gap:8px;font-size:13px;font-weight:800}.bulk-actions input,.message-checkbox{width:17px;height:17px;accent-color:var(--accent)}.bulk-action-buttons{gap:6px}.bulk-action-buttons button{border:1px solid var(--line);min-height:32px;color:var(--ink);background:#fff;border-radius:8px;gap:6px;padding:0 10px;font-size:12px;font-weight:800}.bulk-action-buttons button:hover:not(:disabled){color:var(--accent-strong);border-color:#0f8f725c}.bulk-action-buttons button:disabled{cursor:progress;opacity:.6}.message-list{flex:1;padding:0 10px 12px;overflow:auto}.message-card{width:100%;min-height:118px;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;outline:none;grid-template-columns:22px 10px minmax(0,1fr);gap:10px;margin-bottom:8px;padding:14px 12px;display:grid}.message-card[draggable=true]{cursor:grab}.message-card[draggable=true]:active{cursor:grabbing}.message-card.unread{background:#ffffff85}.message-card.flagged{background:#fffaf09e;border-color:#ffbd5957}.message-card:hover,.message-card.active,.message-card.selected{border-color:var(--line);background:#fff;box-shadow:0 14px 28px #1a1f2214}.message-card.selected{border-color:#0f8f7261;box-shadow:0 14px 30px #0f8f721a}.message-card:focus-visible{border-color:#0f8f7294;box-shadow:0 0 0 3px #0f8f7224}.message-checkbox{margin-top:2px}.read-dot{background:var(--accent);border-radius:999px;width:8px;height:8px;margin-top:7px}.read-dot.seen{background:#c4c5be}.message-card.unread .read-dot{background:var(--coral);width:9px;height:9px;box-shadow:0 0 0 4px #ff735c1f}.message-card-main{min-width:0}.message-meta,.subject-row{align-items:center;gap:8px;display:flex}.message-meta strong,.subject-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.message-meta strong{flex:1;font-size:14px;font-weight:500}.message-card.unread .message-meta strong{color:var(--ink)}.message-card.unread .subject-row{color:var(--ink);font-weight:800}.message-meta time{color:var(--muted);font-size:12px}.message-card.unread .message-meta time{color:var(--accent-strong);font-weight:800}.subject-row{color:#2e302f;margin-top:7px;font-size:13px;font-weight:700}.subject-row span{flex:1}.message-star{color:#b9bcb4;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.message-star:hover,.message-star.active{color:#d68a00;background:#fff7e8}.flagged-star{color:#d68a00;fill:#ffd37a;stroke-width:2.3px}.message-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.message-card.unread p{color:#4a4d49;font-weight:600}.empty-state,.reader-empty,.reader-loading{min-height:260px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.empty-state strong,.reader-empty strong{color:var(--ink)}.reading-pane{flex-direction:column;min-width:0;display:flex}.reader-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 26px 18px;display:flex}.reader-header h2{letter-spacing:0;margin:4px 0 8px;font-size:clamp(24px,3vw,42px);line-height:1.04}.reader-header span,.eyebrow{color:var(--muted);font-size:13px}.eyebrow{margin:0;font-weight:700}.sender-link{max-width:100%;color:var(--muted);text-align:left;background:0 0;border:0;padding:0;font-size:13px;font-weight:700;display:inline}.sender-link:hover{color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}.reader-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.external-content-banner{color:#8a5a12;background:#fff8ed;border-bottom:1px solid #ffe1b8;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.external-content-banner button{color:#8a5a12;white-space:nowrap;background:#fff;border:1px solid #f0bf72;border-radius:8px;min-height:30px;padding:0 10px;font-size:12px;font-weight:800}.external-content-banner button:hover{color:#6d4300;border-color:#d68a00}.message-body{background:#fff;flex:1;padding:0;overflow:auto}.message-body iframe{background:#fff;border:0;width:100%;min-height:100%}.message-body pre{color:#252525;white-space:pre-wrap;margin:0;padding:28px;font-family:inherit;font-size:15px;line-height:1.58}.attachment-strip{border-top:1px solid var(--line);gap:8px;padding:14px;display:flex;overflow:auto}.attachment{border:1px solid var(--line);background:var(--panel-soft);max-width:230px;min-height:38px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.attachment:hover:not(:disabled){color:var(--accent-strong);background:#fff;border-color:#0f8f7261}.attachment:disabled{cursor:progress;opacity:.7}.attachment span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compose-window{background:#fff;gap:10px;display:grid}.pane-compose{flex-direction:column;height:100%;min-height:0;padding:22px;display:flex}.pane-compose header{border-bottom:1px solid var(--line);padding-bottom:14px}.pane-compose h2{letter-spacing:0;margin:4px 0 0;font-size:clamp(26px,3vw,40px);line-height:1}.settings-pane,.contacts-pane{background:#fff;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;padding:22px;display:grid}.settings-pane header,.settings-pane footer,.contacts-pane header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.settings-pane header,.contacts-pane header{border-bottom:1px solid var(--line);padding-bottom:14px}.settings-pane h2,.contacts-pane h2{letter-spacing:0;margin:4px 0 8px;font-size:clamp(28px,3vw,42px);line-height:1}.settings-pane header span,.contacts-pane header span{color:var(--muted);font-size:13px}.settings-fields{align-content:start;gap:18px;max-width:620px;padding:24px 0;display:grid}.settings-fields label{gap:8px;display:grid}.settings-fields label>span{color:var(--muted);font-size:13px;font-weight:800}.settings-fields textarea{min-height:170px}.contacts-workspace{grid-template-rows:auto auto minmax(0,1fr);gap:12px;min-height:0;padding-top:18px;display:grid}.contact-form{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:end;gap:10px;display:grid}.contact-form label{gap:7px;display:grid}.contact-form label>span{color:var(--muted);font-size:12px;font-weight:800}.contact-form button,.contact-import button{background:var(--ink);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-weight:800;display:inline-flex}.contact-import input{display:none}.contact-import button{background:var(--accent)}.contacts-list{align-content:start;gap:8px;min-height:0;padding-right:4px;display:grid;overflow:auto}.contact-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:10px;min-height:54px;padding:8px 8px 8px 12px;display:grid}.contact-card strong,.contact-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.contact-card strong{color:var(--ink);font-size:14px}.contact-card span{color:var(--muted);margin-top:2px;font-size:12px}.contact-card button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.contact-card button:hover{color:#9a351f;background:#fff1ed}.compact-empty{min-height:180px}.compose-fields{gap:8px;display:grid}.editor-toolbar{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:4px;width:fit-content;padding:4px;display:inline-flex}.mode-tab{min-width:72px;min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-weight:700}.ai-tab{justify-content:center;align-items:center;gap:6px;min-width:92px;display:inline-flex}.mode-tab.active{color:var(--accent-strong);background:#fff;box-shadow:0 6px 16px #1a1f2214}.ai-edit-panel{background:#f1f7f5c7;border:1px solid #0f8f7238;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:10px;display:grid}.ai-edit-panel button{background:var(--accent);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:92px;height:38px;padding:0 12px;font-weight:800;display:inline-flex}.ai-edit-panel button:disabled{cursor:progress;opacity:.7}.compose-attachments{background:var(--panel-soft);min-height:48px;color:var(--muted);border:1px dashed #cfd7d1;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-size:13px;display:flex}.compose-attachments.drop-active{color:var(--accent-strong);background:#eef8f5;border-color:#0f8f7294}.compose-attachments input{display:none}.attachment-drop-button{border:1px solid var(--line);min-height:34px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex}.attachment-drop-button:hover{color:var(--accent-strong);border-color:#0f8f725c}.compose-attachment-list{flex-wrap:wrap;gap:8px;display:flex}.compose-attachment-item{border:1px solid var(--line);max-width:320px;min-height:34px;color:var(--muted);background:#fff;border-radius:8px;grid-template-columns:16px minmax(0,1fr) auto 28px;align-items:center;gap:7px;padding:0 4px 0 10px;font-size:13px;display:grid}.compose-attachment-item span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compose-attachment-item small{font-size:11px;font-weight:800}.compose-attachment-item button{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.compose-attachment-item button:hover{color:#9a351f;background:#fff1ed}.html-editor{border:1px solid var(--line);min-height:320px;max-height:46vh;caret-color:var(--ink);cursor:text;-webkit-user-select:text;user-select:text;white-space:normal;background:#fff;border-radius:8px;outline:0;padding:14px;line-height:1.5;overflow:auto}.html-editor:focus{border-color:#0f8f7299;box-shadow:0 0 0 3px #0f8f721f}.wysiwyg-wrap{flex:1;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;display:grid}.pane-compose .html-editor{height:100%;min-height:0;max-height:none}.wysiwyg-toolbar{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;padding:5px;display:flex}.wysiwyg-toolbar button{width:34px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.wysiwyg-toolbar button:hover{color:var(--accent-strong);background:#fff;box-shadow:0 6px 16px #1a1f2214}.wysiwyg-toolbar span{background:var(--line);width:1px;height:20px;margin:0 3px}.html-editor blockquote{border-left:3px solid var(--accent);color:#4e5350;margin:10px 0;padding-left:12px}.html-editor a{color:var(--sky)}.compose-window header,.compose-window footer{justify-content:space-between;align-items:center;display:flex}.compose-textarea{resize:none;flex:1;height:100%;min-height:360px}.compose-send{background:var(--accent-strong);min-height:40px;box-shadow:none;padding:0 18px}.discard-button{color:#9a351f;background:#fff7f4;border:1px solid #ffd3c7;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-weight:700;display:inline-flex}.discard-button:hover{background:#fff1ed}.compose-send:disabled{opacity:.68;cursor:progress}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1180px){.mail-shell{grid-template-columns:220px minmax(320px,1fr)}.mail-shell.sidebar-collapsed{grid-template-columns:78px minmax(320px,1fr)}.reading-pane{grid-column:1/-1;min-height:420px}}@media (max-width:780px){.login-shell{grid-template-columns:1fr;align-items:start;gap:20px}.login-copy h1{font-size:48px}.mail-shell{grid-template-columns:1fr;height:auto;min-height:100vh;padding:10px}.mail-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar,.message-column,.reading-pane{min-height:auto}.sidebar{order:1}.sidebar-collapsed .sidebar{padding:16px}.sidebar-collapsed .brand-row{grid-template-columns:42px 1fr 34px;justify-content:stretch}.sidebar-collapsed .brand-row>div:nth-child(2),.sidebar-collapsed .folder span,.sidebar-collapsed .folder small,.sidebar-collapsed .panel-title{display:block}.sidebar-collapsed .brand-row .icon-button{grid-column:auto;width:34px}.sidebar-collapsed .compose-button,.sidebar-collapsed .account-actions .secondary-button{width:100%;font-size:inherit;gap:9px;padding:0}.sidebar-collapsed .folder-list{align-items:stretch;padding-right:4px}.sidebar-collapsed .folder{grid-template-columns:22px minmax(0,1fr) auto;justify-content:stretch;width:100%;padding:0 11px;display:grid}.message-column{order:2;min-height:520px}.reading-pane{order:3;grid-column:auto;min-height:560px}.reader-header{flex-direction:column}.contact-form{grid-template-columns:1fr}}