:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0b0d12;--fg:#f5f6f8;--muted:#9aa1ac;--card:#161a22;--border:#262b36;--accent:#4f8cff;--error:#ff6b6b;--warn:#e0a64b}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.center{justify-content:center;align-items:center;min-height:100%;padding:1.5rem;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;width:100%;max-width:26rem;padding:1.5rem}h1{margin:0 0 .5rem;font-size:1.5rem}h2{margin:0 0 1rem;font-size:1.1rem}.sub{color:var(--muted);margin:0 0 1rem}.muted{color:var(--muted)}.mb-md{margin-bottom:1rem}label{margin:.75rem 0 .25rem;font-size:.85rem;display:block}input,textarea{border:1px solid var(--border);width:100%;color:var(--fg);font:inherit;background:#0f131a;border-radius:.4rem;padding:.5rem .6rem}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:.4rem;margin-top:1rem;padding:.55rem 1rem}button:disabled{opacity:.6;cursor:default}button.secondary{background:var(--border);color:var(--fg)}button.link{color:var(--accent);background:0 0;margin-top:0;padding:0}button.link.muted{color:var(--muted)}.alert{border-radius:.4rem;margin-bottom:1rem;padding:.6rem .8rem;font-size:.9rem}.alert.error{color:var(--error);background:#ff6b6b26}.alert.warn{color:var(--warn);background:#e0a64b26}.address-row{align-items:center;gap:.5rem;display:flex}.app-password{border:1px solid var(--border);word-break:break-all;background:#0f131a;border-radius:.4rem;margin-bottom:.5rem;padding:.6rem;font-size:.9rem;display:block}.mailbox{max-width:48rem;margin:0 auto;padding:1.5rem}.mailbox-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.stack-row{align-items:center;gap:1rem;display:flex}.message-list{margin:0;padding:0;list-style:none}.message-row{border-bottom:1px solid var(--border);grid-template-columns:10rem 1fr auto;gap:.5rem 1rem;padding:.6rem 0;display:grid}.message-preview{color:var(--muted);grid-column:1/-1;font-size:.85rem}.message-date{white-space:nowrap;font-size:.8rem}.compose{max-width:none;margin-bottom:1.5rem}