:root{color-scheme:light;--bg:#f7f7f5;--surface:#fff;--surface-2:#fafaf9;--ink:#171717;--muted:#777;--line:#e8e8e5;--strong:#111;--button:#111;--button-ink:#fff;--selected:#f1f1ef;--star:#bd8300;--shadow:0 10px 30px rgba(0,0,0,.035)}
:root[data-theme=dark]{color-scheme:dark;--bg:#000;--surface:#000;--surface-2:#000;--ink:#fff;--muted:#aaa;--line:#444;--strong:#fff;--button:#fff;--button-ink:#000;--selected:#000;--star:#ffd34d;--shadow:none}
:root[data-theme=dark] .nav-item.active,:root[data-theme=dark] .address-item.active{box-shadow:inset 0 0 0 1px #777}
*{box-sizing:border-box}html{min-width:280px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(25px,3vw,32px);line-height:1.15;letter-spacing:-.045em;margin-bottom:8px}h2{font-size:16px;letter-spacing:-.025em;margin-bottom:2px}h3{font-size:15px}p{color:var(--muted)}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 13px;min-width:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:1px 10px 29px}.brand-mark{display:grid;place-items:center;background:var(--strong);color:var(--surface);border-radius:10px;width:36px;height:36px;font-size:18px;font-weight:850;letter-spacing:-.1em}.brand-mark span{color:#a9a9a9}.brand strong{display:block;font-size:15px;letter-spacing:-.045em}.brand small,.sidebar-bottom small{display:block;color:var(--muted);font-size:10px;line-height:1.6}.nav-title{padding:0 13px;margin:7px 0 9px;color:#999;font-size:10px;letter-spacing:.12em;font-weight:750}.tools-title{margin-top:28px}.nav{display:grid;gap:3px}.nav-item{width:100%;background:transparent;border:0;border-radius:8px;color:var(--muted);display:flex;align-items:center;gap:11px;text-align:left;padding:10px 12px;font-weight:600;font-size:12px}.nav-item:hover,.nav-item.active{background:var(--selected);color:var(--ink)}.nav-icon{display:inline-grid;place-items:center;width:18px;font-size:17px;font-weight:400}.nav-count{margin-left:auto;border-radius:5px;background:var(--surface);border:1px solid var(--line);padding:1px 6px;font-size:10px}.sidebar-bottom{margin-top:auto;border:1px solid var(--line);border-radius:9px;padding:11px;display:flex;align-items:center;gap:9px}.sidebar-bottom strong{display:block;font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#999;flex:none}.status-dot.ready{background:#20a06b}.main-wrap{min-width:0}.topbar{height:65px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,40px);gap:12px}.breadcrumb{font-size:12px;color:var(--muted);white-space:nowrap}.breadcrumb span{margin:0 10px;color:#bbb}.breadcrumb strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:14px}.top-caption{font-size:10px;color:var(--muted);letter-spacing:.1em;font-weight:700}.theme-control{display:inline-flex;align-items:center;cursor:pointer}.theme-control input{position:absolute;opacity:0}.theme-track{display:block;width:36px;height:21px;border-radius:20px;background:#dededb;border:1px solid #c9c9c6;padding:2px;transition:background .18s}.theme-thumb{display:block;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s}.theme-control input:checked+.theme-track{background:#fff;border-color:#fff}.theme-control input:checked+.theme-track .theme-thumb{background:#000;transform:translateX(15px)}.theme-control input:focus-visible+.theme-track{outline:2px solid var(--ink);outline-offset:3px}.content{max-width:1530px;margin:auto;padding:clamp(18px,3vw,38px)}.view{display:none}.view.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.page-head p{margin:0;font-size:13px}.eyebrow{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.15em;margin-bottom:9px}.primary-button,.secondary-button,.danger-button{border-radius:7px;padding:9px 13px;font-size:12px;font-weight:700;white-space:nowrap;min-height:34px}.primary-button{border:1px solid var(--button);background:var(--button);color:var(--button-ink)}.primary-button:hover{opacity:.84}.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.secondary-button:hover,.square-button:hover{background:var(--selected)}.danger-button{border:1px solid #dc7171;color:#bd3030;background:transparent}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:17px 19px;min-width:0;box-shadow:var(--shadow)}.stat-card span{display:block;color:var(--muted);font-size:11px;font-weight:650}.stat-card strong{display:block;font-size:27px;letter-spacing:-.05em;margin:7px 0 1px}.stat-card small{color:var(--muted);font-size:10px}.workspace-grid{display:grid;grid-template-columns:minmax(250px,33%) minmax(0,1fr);gap:16px;min-height:510px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);min-width:0}.address-panel,.mail-panel{overflow:hidden}.panel-head{padding:17px 18px;display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-head p{font-size:11px;margin:0}.panel-actions{display:flex;gap:6px}.square-button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-size:18px;line-height:1;flex:none}.search-wrap{position:relative;min-width:0;margin:0 14px 13px}.search-wrap span{position:absolute;left:10px;top:5px;font-size:20px;color:var(--muted)}.search-wrap input{width:100%;height:34px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:0 10px 0 34px;outline:none;font-size:12px}.search-wrap input:focus,select:focus,.field input:focus{border-color:var(--ink)}.address-list{max-height:600px;overflow:auto}.address-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;color:var(--ink);min-width:0}.address-item:hover,.address-item.active{background:var(--selected)}.avatar{width:32px;height:32px;flex:none;border-radius:7px;background:var(--selected);display:grid;place-items:center;font-size:13px;font-weight:800}.address-item.active .avatar{background:var(--strong);color:var(--surface)}.item-copy{min-width:0;flex:1}.item-copy strong,.item-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-copy strong{font-size:12px}.item-copy small{font-size:10px;color:var(--muted);margin-top:2px}.item-arrow{font-size:17px;color:var(--muted)}.message-search{margin-bottom:11px}.message-list{max-height:600px;overflow:auto}.message-row{width:100%;display:flex;text-align:left;gap:12px;padding:14px 18px;background:transparent;border:0;border-top:1px solid var(--line);color:var(--ink);min-width:0}.message-row:hover{background:var(--selected)}.sender-avatar{width:33px;height:33px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;flex:none;font-size:12px;font-weight:750}.message-details{min-width:0;flex:1}.message-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.message-top strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-top time{font-size:10px;color:var(--muted);white-space:nowrap}.message-details b,.message-details small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-details b{font-size:12px;margin:2px 0}.message-details small{font-size:11px;color:var(--muted)}.empty{padding:60px 18px;text-align:center;color:var(--muted)}.empty-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;margin:0 auto 13px;font-size:24px;color:var(--ink)}.empty strong{display:block;color:var(--ink);font-size:14px;margin-bottom:5px}.empty p{font-size:12px;margin:0}.list-panel{overflow:hidden}.list-toolbar{padding:17px;display:flex;gap:12px;border-bottom:1px solid var(--line)}.list-toolbar .search-wrap{flex:1;margin:0}.list-toolbar select{height:34px;min-width:135px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:0 10px;font-size:12px}.manage-row{display:flex;align-items:center;gap:13px;padding:14px 17px;border-bottom:1px solid var(--line)}.manage-row:last-child{border:0}.manage-main{min-width:0;flex:1}.manage-main strong,.manage-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-main strong{font-size:12px}.manage-main small{font-size:10px;color:var(--muted)}.row-actions{display:flex;gap:6px}.row-actions button{font-size:12px}.domain-grid,.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.domain-card{padding:19px}.domain-card-head{display:flex;gap:12px;align-items:start}.domain-card-head .avatar{width:38px;height:38px}.domain-card h2{margin:0;font-size:15px;overflow-wrap:anywhere}.domain-card small{color:var(--muted);font-size:11px}.domain-url{font:11px/1.5 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--muted);margin:16px 0;padding:9px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px}.domain-card .row-actions{flex-wrap:wrap}.hint-box{margin-top:20px;border:1px dashed var(--line);border-radius:9px;padding:15px;color:var(--muted);font-size:12px}.text-button{background:none;border:0;padding:0;color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-weight:700;font-size:12px}.guide-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,29%);gap:17px}.guide-steps,.guide-side{display:grid;gap:12px;align-content:start}.guide-step,.guide-note{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:19px}.guide-step{display:flex;gap:15px}.guide-step>span{font:700 12px ui-monospace,monospace;color:var(--muted);padding-top:2px}.guide-step p,.guide-note p{font-size:12px;line-height:1.7;margin:7px 0 0}.guide-step .secondary-button{margin-top:13px}.guide-note ul{padding-left:17px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:2}.note-icon{font-size:22px;margin-bottom:14px}.settings-card{padding:24px}.settings-icon{font-size:25px;margin-bottom:22px}.settings-card p{font-size:12px;max-width:340px;min-height:50px}.settings-card .secondary-button{margin-top:9px}code{padding:1px 4px;background:var(--selected);border-radius:3px;font-size:.95em;overflow-wrap:anywhere}.modal,.message-dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 22px 80px #0004;max-width:calc(100vw - 24px)}dialog::backdrop{background:#0009}.modal{width:420px;padding:20px}.modal-head,.reader-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.modal-head h2,.reader-head h2{font-size:20px;letter-spacing:-.04em}.field{margin:17px 0}.field label{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.field input,.field select{width:100%;height:37px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:0 10px;font-size:12px}.field small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.field-inline{display:grid;grid-template-columns:1fr auto;gap:7px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.message-dialog{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:22px;overflow:auto}.reader-head h2{overflow-wrap:anywhere}.reader-head p{font-size:11px;overflow-wrap:anywhere}.reader-actions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:12px 0}.reader-content{line-height:1.65;overflow-wrap:anywhere}.reader-content pre{white-space:pre-wrap;font:12px/1.65 ui-monospace,monospace}.reader-content iframe{width:100%;height:min(55vh,500px);border:0;background:#fff}.toast{position:fixed;right:20px;bottom:20px;background:var(--strong);color:var(--surface);padding:11px 15px;border-radius:8px;box-shadow:0 9px 30px #0003;font-size:12px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none;z-index:30;max-width:calc(100vw - 30px)}.toast.show{opacity:1;transform:translateY(0)}.mobile-only,.mobile-scrim{display:none}
@media(max-width:950px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:9px}.workspace-grid{grid-template-columns:minmax(210px,36%) minmax(0,1fr)}.content{padding:20px}.topbar{padding-inline:20px}.guide-grid{grid-template-columns:1fr}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:min(260px,83vw);transform:translateX(-100%);transition:transform .18s;box-shadow:8px 0 24px #0002}.sidebar.open{transform:translateX(0)}.mobile-scrim.open{display:block;position:fixed;inset:0;background:#0008;z-index:9}.mobile-only{display:grid}.topbar{height:58px}.top-caption{display:none}.top-create{display:none}.content{padding:18px}.workspace-grid{grid-template-columns:1fr}.address-list{max-height:220px}.message-list{max-height:none;min-height:230px}.stats-grid{gap:8px}.stat-card{padding:12px}.stat-card small{display:none}.stat-card strong{font-size:22px}.page-head{align-items:start}.page-head .secondary-button span{display:none}.guide-grid{grid-template-columns:1fr}}
@media(max-width:420px){.content{padding:12px}.topbar{padding:0 12px}.breadcrumb{font-size:11px}.top-actions{gap:7px}.page-head{gap:8px}.page-head .primary-button{padding:8px;font-size:11px}.stat-card{padding:10px 8px}.stat-card span{font-size:10px;line-height:1.2}.stat-card strong{font-size:20px}.manage-row{flex-wrap:wrap}.manage-main{flex-basis:calc(100% - 55px)}.row-actions{margin-left:45px;flex-wrap:wrap}.list-toolbar{flex-wrap:wrap}.list-toolbar .search-wrap{flex-basis:100%}.list-toolbar select{width:100%}.guide-step{padding:14px}.settings-card{padding:18px}}

.setup-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:19px 22px;margin-bottom:16px}.setup-intro strong{font-size:13px}.setup-intro p{font-size:12px;line-height:1.6;max-width:740px;margin:5px 0 0}.setup-duration{font-size:12px;font-weight:700;white-space:nowrap;text-align:right}.setup-duration small{font-size:10px;color:var(--muted);font-weight:400}.setup-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:16px;align-items:start}.setup-toc{padding:16px;position:sticky;top:18px;display:grid;gap:2px}.setup-toc strong{font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}.setup-toc a{display:block;padding:8px 7px;color:var(--muted);text-decoration:none;font-size:11px;border-radius:5px}.setup-toc a:hover{background:var(--selected);color:var(--ink)}.setup-steps{display:grid;gap:12px;min-width:0}.setup-step{display:grid;grid-template-columns:28px minmax(0,1fr);gap:13px;padding:21px;scroll-margin-top:20px}.step-number{font:700 12px ui-monospace,monospace;color:var(--muted);padding-top:2px}.setup-step h2{font-size:17px;margin-bottom:8px}.setup-step p,.setup-step li{font-size:12px;line-height:1.75}.setup-step p{margin-bottom:11px}.setup-step ol,.setup-step ul{padding-left:20px;margin:9px 0 12px}.setup-step li{padding-left:3px;margin-bottom:5px}.setup-step a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:700}.setup-step .secondary-button{margin-top:4px}.step-tip{border-left:2px solid var(--ink);padding:7px 11px;background:var(--surface-2);margin:12px 0!important}.code-box{position:relative;background:var(--surface-2);border:1px solid var(--line);border-radius:7px;margin:11px 0 14px;min-width:0}.code-box pre{margin:0;padding:16px 70px 16px 14px;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,monospace;color:var(--ink)}.code-box code{background:transparent;padding:0}.copy-code{position:absolute;right:8px;top:8px;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:4px 8px;font-size:10px}.trouble-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.trouble-grid>div{border:1px solid var(--line);border-radius:7px;padding:12px}.trouble-grid b{font-size:11px}.trouble-grid p{margin:4px 0 0;font-size:11px}
@media(max-width:900px){.setup-layout{grid-template-columns:1fr}.setup-toc{position:static;display:flex;flex-wrap:wrap;gap:4px}.setup-toc strong{width:100%}.setup-toc a{border:1px solid var(--line)}}
@media(max-width:600px){.setup-intro{display:block;padding:16px}.setup-duration{text-align:left;margin-top:13px}.setup-step{padding:15px;grid-template-columns:23px minmax(0,1fr);gap:8px}.setup-toc{padding:12px}.trouble-grid{grid-template-columns:1fr}.code-box pre{padding:43px 11px 12px}}

/* Dashboard refinements */
[hidden]{display:none!important}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:16px;height:16px;display:inline-block;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.nav-item .icon{width:17px;height:17px}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.primary-button .icon,.secondary-button .icon,.danger-button .icon{width:14px;height:14px}.topbar{justify-content:flex-end}.content{max-width:none;width:100%;padding:clamp(18px,2.4vw,42px)}.workspace-grid{grid-template-columns:minmax(270px,340px) minmax(0,1fr);min-height:650px}.stat-card{min-height:110px}.address-panel,.mail-panel{min-height:610px}.address-panel{display:flex;flex-direction:column}.address-list{max-height:none;min-height:0;overflow:auto;flex:1}.address-tools{padding:0 14px 13px;display:grid;gap:8px}.address-tools .search-wrap,.mail-tools .search-wrap{margin:0}.search-wrap .icon{position:absolute;left:11px;top:9px;width:15px;height:15px;color:var(--muted)}.search-wrap input{padding-left:35px}.select-wrap{position:relative;min-width:0}.select-wrap:after{content:"";position:absolute;right:13px;top:50%;width:7px;height:7px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:translateY(-68%) rotate(45deg);pointer-events:none}.select-wrap select{appearance:none;-webkit-appearance:none;width:100%;height:36px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--ink);padding:0 31px 0 11px;font-size:12px;outline:none}.select-wrap select:focus{border-color:var(--ink)}select option{background:var(--surface);color:var(--ink)}.address-item .icon{width:14px;height:14px;color:var(--muted)}.address-item .avatar .icon{width:17px;height:17px;color:inherit}.favorite-mark .icon{width:11px;height:11px;fill:currentColor;color:var(--ink)}.unread-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--strong);color:var(--surface);font-size:10px;font-weight:700}.all-inboxes{border-top:1px solid var(--line)}.pager{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.pager-button{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink)}.pager-button:hover:not(:disabled){background:var(--selected)}.pager-button .icon{width:14px;height:14px}.mail-tools{padding:0 15px 0}.mail-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 0 11px}.check-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);white-space:nowrap}.check-label input,.message-check{accent-color:var(--ink);width:15px;height:15px;cursor:pointer}.mail-toolbar #selection-count{font-size:11px;color:var(--muted);margin-right:auto}.mail-toolbar .secondary-button,.mail-toolbar .danger-button{font-size:11px;padding:6px 9px;min-height:29px}.message-list{max-height:650px;min-height:340px}.message-row{display:flex;align-items:start;gap:12px;padding:0 16px;background:transparent;border-top:1px solid var(--line)}.message-row:hover{background:var(--selected)}.message-row.unread{background:var(--surface-2)}.message-check{margin:18px 0 0;flex:none}.message-open{flex:1;min-width:0;display:flex;align-items:start;gap:11px;background:transparent;border:0;color:var(--ink);padding:14px 0;text-align:left}.message-open:hover{color:var(--ink)}.message-details em{display:block;color:var(--muted);font-size:10px;font-style:normal;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row.unread .message-details strong,.message-row.unread .message-details b{font-weight:800}.unread-dot{width:7px;height:7px;background:var(--ink);border-radius:50%;margin:22px 0 0 3px;flex:none}.list-toolbar .select-wrap{min-width:165px}.list-toolbar select{min-width:0}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line)}.reader-toolbar-actions{display:flex;gap:8px}.reader-shell{padding:clamp(18px,2vw,32px);min-width:0}.reader-shell h2{font-size:clamp(20px,2vw,30px);letter-spacing:-.04em;line-height:1.2;overflow-wrap:anywhere;max-width:1400px}.reader-meta{display:grid;gap:6px;padding:17px 0;margin:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reader-meta div{display:grid;grid-template-columns:75px minmax(0,1fr);gap:10px;font-size:12px}.reader-meta span{color:var(--muted)}.reader-meta strong{font-weight:600;overflow-wrap:anywhere}.reader-mode{display:flex;gap:4px;margin:14px 0}.mode-button{background:var(--surface);border:1px solid var(--line);color:var(--muted);padding:6px 11px;border-radius:6px;font-size:11px}.mode-button.active{background:var(--strong);border-color:var(--strong);color:var(--surface)}.reader-content{width:100%;min-height:300px;padding-top:5px}.reader-content iframe{width:100%;height:min(70vh,860px);border:1px solid var(--line);border-radius:7px;background:#fff}.reader-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 ui-sans-serif,system-ui,sans-serif}.settings-icon .icon{width:24px;height:24px}.domain-card-head .avatar .icon{width:18px;height:18px}
.theme-track{position:relative;display:flex;align-items:center;justify-content:space-between;width:61px;height:29px;padding:0 6px;border-radius:20px;background:#e5e5e5;border:1px solid #bbb}.theme-track .icon{width:15px;height:15px;z-index:2;color:#777}.theme-track .theme-sun{color:#111}.theme-thumb{position:absolute;left:2px;top:2px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;z-index:1}.theme-control input:checked+.theme-track{background:#000;border-color:#fff}.theme-control input:checked+.theme-track .theme-sun{color:#fff}.theme-control input:checked+.theme-track .theme-moon{color:#000}.theme-control input:checked+.theme-track .theme-thumb{transform:translateX(32px);background:#fff}
:root[data-theme=dark] .status-dot.ready{background:#fff}:root[data-theme=dark] .danger-button{border-color:#777;color:#fff}:root[data-theme=dark] .message-row.unread{box-shadow:inset 3px 0 0 #fff}:root[data-theme=dark] .select-wrap select{background:#000;color:#fff}
@media(max-width:950px){.workspace-grid{grid-template-columns:minmax(220px,31%) minmax(0,1fr)}}
@media(max-width:700px){.topbar{justify-content:space-between}.workspace-grid{grid-template-columns:1fr}.address-panel{min-height:0}.address-list{max-height:360px;flex:auto}.mail-panel{min-height:340px}.workspace-grid.reading .address-panel{display:none}.message-list{min-height:230px}.content{padding:18px}.mail-toolbar{gap:6px}}
@media(max-width:420px){.content{padding:12px}.stat-card{min-height:85px}.mail-toolbar .secondary-button,.mail-toolbar .danger-button{font-size:10px;padding:5px 7px}.mail-toolbar .icon{display:none}.reader-shell{padding:16px}.reader-toolbar{padding:12px}.list-toolbar .select-wrap{width:100%}.address-list{max-height:290px}}

/* Static dashboard and imported guide */
.workspace-grid{align-items:start;min-height:0}.mail-panel{min-height:0}.mail-tools{display:grid;gap:15px;padding:0 15px 15px}.mail-tools .search-wrap{margin:0}.mail-toolbar{padding:0;gap:9px}.message-top b{font-size:12px;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-list{min-height:180px;max-height:min(68vh,800px)}.address-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.address-tools .search-wrap{grid-column:1/-1}.list-toolbar .select-wrap{min-width:145px}.guide-markdown{max-width:1300px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:clamp(20px,3vw,45px);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.guide-markdown h1{font-size:clamp(25px,3vw,32px)}.guide-markdown h2{font-size:21px;margin:30px 0 12px}.guide-markdown h3{font-size:16px;margin:23px 0 10px}.guide-markdown p{margin:10px 0;color:var(--ink)}.guide-markdown blockquote{margin:12px 0 18px;padding:7px 15px;border-left:3px solid var(--ink);background:var(--surface-2)}.guide-markdown blockquote p{margin:0}.guide-markdown ul,.guide-markdown ol{padding-left:23px}.guide-markdown li{margin:5px 0}.guide-markdown a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.guide-markdown pre{padding:16px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.guide-markdown pre code{padding:0;background:none;white-space:pre}.guide-markdown table{display:block;width:max-content;max-width:100%;overflow:auto;border-collapse:collapse;margin:15px 0}.guide-markdown th,.guide-markdown td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.guide-markdown hr{border:0;border-top:1px solid var(--line);margin:24px 0}
@media(max-width:700px){.address-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.message-list{max-height:65vh}.guide-markdown{padding:18px}.list-toolbar .select-wrap{flex:1;min-width:130px}}
@media(max-width:420px){.address-tools{grid-template-columns:1fr}.address-tools .search-wrap{grid-column:auto}.mail-tools{gap:11px}.message-top{align-items:start}.message-top time{font-size:9px}.guide-markdown{padding:14px}}
.guide-lead{max-width:none;margin-bottom:16px;padding:24px 28px}.guide-lead h1{margin:0 0 8px}.guide-lead blockquote{border:0;padding:0;background:none;margin:0}.guide-lead blockquote p{color:var(--muted);font-size:13px}.guide-section{padding:24px 28px;scroll-margin-top:18px}.guide-section-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.guide-section-head h2{font-size:18px;margin:0}.guide-number{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:7px;background:var(--strong);color:var(--surface);font-size:11px;font-weight:800}.guide-section-body.guide-markdown{max-width:none;background:transparent;border:0;border-radius:0;padding:5px 0 0}.guide-section-body h3{padding-top:15px;border-top:1px solid var(--line)}.guide-section-body h3:first-child{border:0;padding-top:0}.setup-toc a{font-size:12px}.setup-toc{top:14px}
@media(max-width:600px){.guide-lead,.guide-section{padding:17px}.guide-section-head h2{font-size:16px}.guide-section-body.guide-markdown{padding:0}}
@media(max-width:700px){.mail-panel .panel-head{flex-wrap:wrap}.mail-panel .panel-head>div:first-child{width:100%}.mail-panel .panel-actions{width:100%;flex-wrap:wrap}}
.message-row{align-items:flex-start;padding:0 15px}.message-check,.check-label input{margin:0;flex:none}.message-check{margin-top:15px}.message-open{align-items:center}.message-row .message-details b{font-weight:500}.message-row.unread .message-details b{font-weight:800}
.favorite-mark .icon,#favorite-selected .icon{color:var(--star);fill:currentColor}
.address-list{max-height:min(68vh,800px)}.address-sentinel{padding:12px;text-align:center;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}
@media(max-width:700px){.address-list{max-height:360px}}
@media(max-width:420px){.address-list{max-height:290px}}
.confirm-modal{position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:22px}.confirm-modal .modal-head h2{margin:0}.confirm-modal #confirm-message{margin:17px 0 0;color:var(--muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.confirm-modal .modal-actions{margin-top:24px;flex-wrap:wrap}.confirm-modal .modal-actions button{min-width:96px}.confirm-modal .danger-button{background:#b72e2e;color:#fff;border-color:#b72e2e}
@media(max-width:420px){.confirm-modal{padding:18px}.confirm-modal .modal-actions{display:grid;grid-template-columns:1fr 1fr}.confirm-modal .modal-actions button{min-width:0}}
.content{padding-bottom:22px}
#view-inbox.active{display:flex;flex-direction:column;height:max(560px,calc(100dvh - 65px - clamp(18px,2.4vw,42px) - 22px))}
#view-inbox .page-head,#view-inbox .stats-grid{flex:none}
#view-inbox .workspace-grid{flex:1;min-height:0;align-items:stretch}
#view-inbox .address-panel,#view-inbox .mail-panel{height:100%;min-height:0}
#view-inbox .address-list{max-height:none;min-height:0;overflow-y:auto}
#view-inbox #mail-list-section{display:flex;flex-direction:column;height:100%;min-height:0}
#view-inbox .message-list{flex:1;min-height:0;max-height:none;overflow-y:auto}
#view-inbox #mail-reader-section{height:100%;overflow-y:auto}
@media(max-width:700px){#view-inbox.active{display:block;height:auto}#view-inbox .workspace-grid{display:grid}#view-inbox .address-panel,#view-inbox .mail-panel{height:auto}#view-inbox .address-list{flex:auto;max-height:clamp(220px,38dvh,360px)}#view-inbox #mail-list-section{height:auto}#view-inbox .message-list{flex:auto;min-height:230px;max-height:clamp(250px,60dvh,600px)}#view-inbox #mail-reader-section{height:auto;overflow:visible}}
.mail-heading{display:flex;align-items:center;gap:10px;min-width:0}.mail-heading>div{min-width:0}.mobile-inbox-back{display:none}
#reader-back{background:var(--strong);border-color:var(--strong);color:var(--surface)}#reader-back:hover{opacity:.85;background:var(--strong)}
#view-inbox #mail-list-section[hidden],#view-inbox #mail-reader-section[hidden]{display:none}
.address-item.active{background:var(--strong);color:var(--surface);box-shadow:none}.address-item.active:hover{background:var(--strong)}.address-item.active .item-copy small,.address-item.active>.icon{color:var(--surface)}.address-item.active .avatar,.address-item.active .unread-badge{background:var(--surface);color:var(--strong)}.address-item.active .favorite-mark .icon{color:var(--star)}
.stat-card{background:var(--strong);border-color:var(--strong);color:var(--surface)}.stat-card span,.stat-card small{color:var(--surface)}
@media(max-width:700px){
  #view-inbox.active{display:flex;height:calc(100dvh - 98px);min-height:400px}
  #view-inbox .page-head{margin-bottom:10px;align-items:center}
  #view-inbox .page-head .eyebrow,#view-inbox .page-head p{display:none}
  #view-inbox .page-head h1{font-size:22px;margin:0}
  #view-inbox .stats-grid{gap:7px;margin-bottom:12px}
  #view-inbox .stat-card{min-height:60px;padding:8px 9px}
  #view-inbox .stat-card span{font-size:10px;line-height:1.15}
  #view-inbox .stat-card strong{font-size:19px;line-height:1.1;margin:4px 0 0}
  #view-inbox .workspace-grid{flex:1;min-height:0;grid-template-columns:minmax(0,1fr);touch-action:pan-y}
  #view-inbox .address-panel,#view-inbox .mail-panel{height:100%;min-height:0}
  #view-inbox .address-list{flex:1;max-height:none}
  #view-inbox #mail-list-section{height:100%}
  #view-inbox .message-list{flex:1;min-height:0;max-height:none}
  #view-inbox #mail-reader-section{height:100%;overflow-y:auto}
  #view-inbox:not(.mobile-mail-open) .mail-panel{display:none}
  #view-inbox.mobile-mail-open .address-panel,#view-inbox.mobile-mail-open .stats-grid{display:none}
  #view-inbox.mobile-mail-open .page-head>div{display:none}
  #view-inbox.mobile-mail-open .page-head{justify-content:flex-end}
  .mobile-inbox-back{display:inline-flex}
  .mail-heading h2,.mail-heading p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:420px){.content{padding-bottom:12px}#view-inbox.active{height:calc(100dvh - 82px)}#view-inbox .address-tools{grid-template-columns:repeat(2,minmax(0,1fr))}#view-inbox .address-tools .search-wrap{grid-column:1/-1}#view-inbox .address-tools .select-wrap select{font-size:11px;padding-left:8px}}

/* Keep the overview controls on one line when there is room. */
#view-inbox .overview-bar{flex:none}
@media(min-width:1600px){
  #view-inbox .overview-bar{display:grid;grid-template-columns:340px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:18px}
  #view-inbox .overview-bar .page-head{display:contents}
  #view-inbox .overview-bar .page-head>div{grid-column:1;min-width:0}
  #view-inbox .overview-bar .stats-grid{grid-column:2;grid-row:1;min-width:0;gap:10px;margin:0}
  #view-inbox .overview-bar .stat-card{min-height:82px;padding:12px 16px}
  #view-inbox .overview-bar .stat-card strong{font-size:24px;line-height:1.1;margin:5px 0 1px}
}
#view-inbox .address-panel .panel-actions{flex:none}
#view-inbox .address-panel .square-button .icon{width:15px;height:15px}
#view-inbox .mail-panel .panel-actions{align-items:center;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:700px){
  #view-inbox .mail-panel .panel-head.all-inboxes-head{flex-wrap:nowrap}
  #view-inbox .mail-panel .all-inboxes-head .mail-heading{width:auto;flex:1}
  #view-inbox .mail-panel .all-inboxes-head .panel-actions{width:auto;flex:none}
  #view-inbox .mail-panel .all-inboxes-head #refresh-all{padding:8px}
  #view-inbox .mail-panel .all-inboxes-head #refresh-all span{display:none}
}