.app{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--fg:#1a1a1a;--surface:#fafafa;--border:#e5e5e5;--border-strong:#d4d4d4;--hover:#eee;--active-bg:#dbeafe;--muted:#777;--muted-strong:#555;--input-bg:#fff;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-fg:#fff;--link:#2563eb;--danger:#dc2626;--error:#b91c1c;--success:#15803d;--email-bg:#fff;--star:#f95e0b;background:var(--bg);min-height:100dvh;color:var(--fg);font-family:IBM Plex Sans,sans-serif;display:flex}.app[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--fg:#e5e7eb;--surface:#161a21;--border:#2a2f3a;--border-strong:#3b4252;--hover:#212733;--active-bg:#1e3a8a;--muted:#9ca3af;--muted-strong:#b4bac6;--input-bg:#1a1e26;--accent-hover:#3b82f6;--link:#60a5fa;--error:#f87171;--success:#4ade80}@media (prefers-color-scheme:dark){.app[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--fg:#e5e7eb;--surface:#161a21;--border:#2a2f3a;--border-strong:#3b4252;--hover:#212733;--active-bg:#1e3a8a;--muted:#9ca3af;--muted-strong:#b4bac6;--input-bg:#1a1e26;--accent-hover:#3b82f6;--link:#60a5fa;--error:#f87171;--success:#4ade80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;width:240px;height:100%;padding:16px;display:flex;position:fixed}.sidebar h1{margin:0 0 12px;font-size:1.25rem;font-weight:700}.sidebar a{color:inherit;border-radius:6px;padding:8px 10px;text-decoration:none}.sidebar a:hover{background:var(--hover)}.sidebar a.active{background:var(--active-bg);font-weight:600}.content{flex:1;min-width:0;margin-left:240px;padding:24px}.content h2{margin:0 0 8px;font-size:2.5rem;font-weight:800}.content h3{font-size:1.5rem;font-weight:700}.empty{color:var(--muted)}.email-item{grid-template-columns:40px 1fr;align-items:center;display:grid}.email-item .email-row{min-width:0}.star{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:1.25rem;line-height:1}.email-item .star{justify-self:center}.star:hover,.star.starred{color:var(--star)}.message-title{align-items:center;gap:12px;margin-bottom:8px;display:flex}.message-title h2{margin:0}.email-list{border:1px solid var(--border);border-radius:8px;margin:0;padding:0;list-style:none;overflow:hidden}.email-list li+li{border-top:1px solid var(--border);transition:border-color .15s}.email-list li+li:hover,.email-list li:hover+li{border-top-color:var(--accent)}.email-row{color:inherit;grid-template-columns:36px 300px 1fr 130px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:grid}.email-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.email-row span:last-child{text-align:right}.email-row.unread{font-weight:700}.email-row .avatar{background:hsl(var(--avatar-hue) 55% 42%);width:36px;height:36px;color:var(--accent-fg);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative}.avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.address-email{color:var(--muted);font-size:.75rem;font-weight:400}.message-meta{border-bottom:1px solid var(--border);grid-template-columns:60px 1fr;gap:4px 12px;margin:0 0 16px;padding-bottom:16px;display:grid}.message-meta dt{color:var(--muted)}.message-meta dd{margin:0}.message-body{white-space:pre-wrap;line-height:1.5}.compose{flex-direction:column;gap:12px;display:flex}.compose label{color:var(--muted-strong);flex-direction:column;gap:4px;font-size:.875rem;display:flex}.compose input,.compose textarea{border:1px solid var(--border-strong);font:inherit;color:var(--fg);background:var(--input-bg);border-radius:6px;padding:8px 10px}.compose button,.delete-form button{background:var(--accent);color:var(--accent-fg);font:inherit;cursor:pointer;border:0;border-radius:6px;align-self:flex-start;padding:8px 16px}.compose button:disabled{opacity:.6;cursor:default}.error{color:var(--error);margin:0}.delete-form{margin-top:24px}.delete-form button{background:var(--danger)}.account{border-top:1px solid var(--border);margin-top:auto;padding-top:16px;font-size:.8125rem}.account p{margin:0 0 6px}.account-email{font-weight:600}.account-hint{color:var(--muted)}.sidebar a.connect{background:var(--accent);color:var(--accent-fg);text-align:center}.sidebar a.connect:hover{background:var(--accent-hover)}.link-button{color:var(--link);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.message-html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid var(--border);background:var(--email-bg);border-radius:8px;width:100%;height:70vh;display:block}.remote-note{color:var(--muted);margin:0 0 8px;font-size:.8125rem}.settings{flex-direction:column;gap:16px;display:flex}.settings-section{flex-direction:column;gap:8px;display:flex}.settings .checkbox{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.settings .checkbox input{margin-top:4px}.settings .checkbox span{flex-direction:column;gap:2px;display:flex}.settings .checkbox small{color:var(--muted);font-size:.8125rem}.settings button{background:var(--accent);color:var(--accent-fg);font:inherit;cursor:pointer;border:0;border-radius:6px;align-self:flex-start;padding:8px 16px}.settings button:disabled{opacity:.6;cursor:default}.saved{color:var(--success);margin:0}.settings fieldset{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.settings legend{margin-bottom:8px;padding:0;font-weight:600}.list-footer{text-align:center;min-height:56px;color:var(--muted);padding:16px 0;font-size:.8125rem}.settings-note{margin:0 0 px;color:var(--muted);font-size:.8125rem}