:root{--bg:#f6f8fc;--surface:#fff;--surface-2:#f1f3f4;--hover:#eef1f6;--selected:#c2dbff;--text:#1f1f1f;--muted:#5f6368;--border:#e0e3e7;--accent:#2563eb;--accent-text:#fff;--accent-soft:#d3e3fd;--danger:#c5221f;--ok:#188038;--warn:#b06000;--star:#f4b400;--shadow:0 4px 24px #00000029;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111317;--surface:#1b1e24;--surface-2:#252932;--hover:#232731;--selected:#24375a;--text:#e8eaed;--muted:#9aa0a6;--border:#2f343d;--accent:#7aa7ff;--accent-text:#0b1530;--accent-soft:#23365c;--danger:#f28b82;--ok:#81c995;--warn:#fdd663;--shadow:0 4px 24px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}input,select,textarea,button{font:inherit;color:inherit}input,select{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}h1,h2{font-weight:500}.muted{color:var(--muted)}.small{font-size:12.5px}.pad{padding:12px 16px}.error{color:var(--danger)}.spacer{flex:1}.splash{height:100%;color:var(--muted);place-items:center;display:grid}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 16px}.btn:hover{background:var(--hover)}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:500}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--hover)}.btn.danger{color:var(--danger)}.icon-btn{cursor:pointer;width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex:none;font-size:16px}.icon-btn:hover{background:var(--hover)}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.link:hover{text-decoration:underline}.tag{background:var(--surface-2);color:var(--muted);text-transform:capitalize;vertical-align:middle;border-radius:6px;margin-left:8px;padding:1px 8px;font-size:12px;font-weight:400;display:inline-block}.tag.ok{color:var(--ok)}.tag.warn{color:var(--warn)}.brand{align-items:center;gap:10px;font-size:20px;font-weight:500;display:flex}.brand-lg{justify-content:center;font-size:24px}.brand-mark{background:var(--accent);width:28px;height:28px;color:var(--accent-text);border-radius:8px;place-items:center;font-size:16px;display:grid}.brand-mark:after{content:"✉"}.auth{place-items:center;min-height:100%;padding:24px 16px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:32px 28px;display:flex}.auth-card h1{text-align:center;margin:4px 0 8px;font-size:22px}.auth-card label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.auth-card input{color:var(--text);font-size:15px}.auth-card .btn{margin-top:4px;padding:10px}.auth-card p{text-align:center;margin:0}.mail{grid-template-columns:240px minmax(320px,420px) 1fr;height:100%;display:grid}.sidebar{flex-direction:column;gap:12px;min-width:0;min-height:0;padding:14px 10px;display:flex;overflow-y:auto}.sidebar .brand{padding:0 8px 4px}.compose-btn{background:var(--accent-soft);border:0;border-radius:16px;align-self:flex-start;padding:14px 22px;font-weight:500}.compose-btn:hover{background:var(--accent-soft);box-shadow:var(--shadow)}.mailbox-select{margin:0 4px}.folders{flex-direction:column;display:flex}.folder{color:var(--text);border-radius:999px;align-items:center;gap:12px;padding:6px 12px;display:flex}.folder:hover{background:var(--hover)}.folder.active{background:var(--accent-soft);font-weight:600}.folder-icon{text-align:center;width:18px}.folder .count{margin-left:auto;font-size:12px;font-weight:600}.sidebar-foot{flex-direction:column;gap:8px;margin-top:auto;display:flex}.me{border-top:1px solid var(--border);overflow-wrap:anywhere;padding:8px 12px}.list{background:var(--surface);border-radius:var(--radius) 0 0 var(--radius);border-right:1px solid var(--border);flex-direction:column;min-height:0;margin:8px 0;display:flex;overflow-y:auto}.search{background:var(--surface);z-index:1;padding:12px 12px 4px;position:sticky;top:0}.search input{background:var(--surface-2);border-color:#0000;border-radius:999px;width:100%;padding:10px 16px}.list-head{justify-content:space-between;align-items:center;padding:4px 8px 4px 16px;display:flex}.list-head h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;overflow:hidden}.empty{text-align:center;padding-top:48px}.threads{margin:0;padding:0;list-style:none}.threads li{border-bottom:1px solid var(--border);align-items:flex-start;display:flex}.threads li:hover{background:var(--hover)}.threads li.selected{background:var(--selected)}.threads .star{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:12px 4px 0 12px;font-size:17px}.star.on{color:var(--star)}.thread-row{min-width:0;color:var(--text);flex:1;padding:10px 14px 10px 6px}.row-top{gap:8px;display:flex}.who{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.when{color:var(--muted);flex:none;font-size:12px}.subject,.snippet{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.snippet{color:var(--muted)}.unread .who,.unread .subject,.unread .when{color:var(--text);font-weight:700}.load-more{margin:12px auto}.reader{background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;min-height:0;margin:8px 8px 8px 0;overflow-y:auto}.reader-empty{text-align:center;place-items:center;height:100%;padding:24px;display:grid}.thread{padding:0 24px 32px}.toolbar{background:var(--surface);z-index:1;flex-wrap:wrap;align-items:center;gap:2px;padding:8px 0;display:flex;position:sticky;top:0}.toolbar .back{display:none}.thread-subject{overflow-wrap:anywhere;margin:8px 0 16px;font-size:22px}.message{border-top:1px solid var(--border);padding:14px 0}.message header{margin-bottom:12px}.message-head{text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:12px;width:100%;padding:0;display:flex}.block{display:block}.avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.meta{overflow-wrap:anywhere;flex:1;min-width:0}.message.collapsed{border:0;border-top:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.message.collapsed .from{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:30%;font-weight:600;overflow:hidden}.message.collapsed .snippet{flex:1}.body-text{white-space:pre-wrap;overflow-wrap:anywhere;padding-left:48px}.body-html{padding-left:48px}.body-html iframe{background:#fff;border:0;border-radius:8px;width:100%;display:block}.images-bar{background:var(--surface-2);border-radius:8px;margin-bottom:8px;padding:6px 10px}.attachments{flex-wrap:wrap;gap:8px;padding:12px 0 0 48px;display:flex}.attachment{border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 12px}.attachment:hover{background:var(--hover)}.message-actions{gap:16px;padding:10px 0 0 48px;display:flex}.reply-bar{flex-wrap:wrap;gap:8px;padding:16px 0 0 48px;display:flex}.deliveries{overflow-wrap:anywhere;margin:-4px 0 12px;padding:0 0 0 48px;list-style:none}.deliveries .ok{color:var(--ok)}.deliveries .bad{color:var(--danger)}.deliveries .warn{color:var(--warn)}.deliveries .muted{color:var(--muted)}.compose{background:var(--surface);width:min(560px,100vw - 32px);height:min(560px,100vh - 32px);box-shadow:var(--shadow);z-index:10;border-radius:12px 12px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;right:24px}.compose.min{height:auto}.compose-head{background:var(--surface-2);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:4px 4px 4px 16px;font-weight:500;display:flex}.compose-title{text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;min-width:0;padding:8px 0;font-weight:500;overflow:hidden}.compose-from{padding:8px 16px 0}.compose-field{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin:0 16px;display:flex}.compose-field span{color:var(--muted);width:28px}.compose-field input{background:0 0;border:0;border-radius:0;flex:1;padding:9px 0}.compose-field input:focus{outline:none}.compose textarea{resize:none;background:0 0;border:0;flex:1;padding:12px 16px;line-height:1.5}.compose textarea:focus{outline:none}.compose-foot{justify-content:space-between;align-items:center;padding:10px 16px 14px;display:flex}.settings{min-height:100%}.settings-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.settings-nav{align-items:center;gap:20px;display:flex}.settings-body{max-width:880px;margin:0 auto;padding:8px 24px 64px}.settings-body h1{margin-bottom:4px}.settings-body section{margin-top:32px}.settings-body h2{font-size:18px}.notice{background:var(--accent-soft);border-radius:var(--radius);margin:16px 0;padding:12px 16px}.steps{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 16px 16px 36px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px 16px}.card-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;background:var(--surface);width:100%;margin-bottom:12px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}.table th{color:var(--muted);font-size:12.5px;font-weight:500}.table code{word-break:break-all;font-size:12.5px}.dns td:nth-child(2) code{word-break:normal;overflow-wrap:anywhere}.dns td:nth-child(2){min-width:140px}.checks{gap:6px;margin:12px 0 8px;padding:0;list-style:none;display:grid}.checks li{grid-template-columns:18px 120px 1fr;align-items:baseline;gap:8px;display:grid}.checks .pass .check-icon{color:var(--ok)}.checks .fail .check-icon{color:var(--danger)}.check-name{font-weight:500}@media (width<=600px){.checks li{grid-template-columns:18px 1fr}.check-detail{grid-column:2}}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}@media (width<=900px){.mail{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.sidebar{flex-flow:wrap;align-items:center;padding:8px 16px;overflow:visible}.sidebar .brand{display:none}.compose-btn{z-index:5;box-shadow:var(--shadow);order:3;position:fixed;bottom:16px;right:16px}.folders{flex-direction:row;width:100%;overflow-x:auto}.folder{white-space:nowrap}.sidebar-foot{display:none}.list,.reader{border:0;border-radius:0;margin:0}.mail.has-thread .list,.mail:not(.has-thread) .reader{display:none}.toolbar .back{display:inline-block}.thread{padding:0 16px 80px}.body-text,.body-html,.deliveries,.attachments,.message-actions,.reply-bar{padding-left:0}.compose{right:16px}.settings-head,.settings-body{padding-left:16px;padding-right:16px}}.admin-body{max-width:1400px}.admin-table td{text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:12.5px;overflow:hidden}.nowrap{white-space:nowrap}.health-ok{color:var(--ok)}.health-degraded{color:var(--warn)}.health-fail{color:var(--danger)}.compose-attachments{flex-wrap:wrap;gap:6px;padding:0 16px 8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:2px 4px 2px 10px;font-size:12.5px;display:inline-flex}.chip .icon-btn{width:24px;height:24px;font-size:12px}.compose-actions{align-items:center;gap:8px;display:flex}.compose-field span[title]{width:auto;min-width:28px}.draft-row{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding-left:16px}