:root{--bg:#f4f1ea;--surface:#fff;--text:#1c1d21;--muted:#55585f;--accent:#1f2a44;--accent-text:#fff;--border:#c9c5bb;--focus:#b4530f;--ok:#1e6b3a;--warn-bg:#fdf3dc;--warn:#7a4b00;--err:#a1261b;--err-bg:#fbe6e3;--info-bg:#e8edf6;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161b;--surface:#1d2027;--text:#ecebe7;--muted:#a7a9ae;--accent:#c9d6f2;--accent-text:#14161b;--border:#3a3e47;--focus:#f0a35c;--ok:#79d39a;--warn-bg:#3a2d10;--warn:#f3cf7a;--err:#ff9c8f;--err-bg:#3c1c19;--info-bg:#222a3a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.screen{max-width:36rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}h1{margin:.5rem 0 1rem;font-size:1.6rem;line-height:1.25}h1:focus{outline:none}h2{margin-top:2rem;font-size:1.2rem}h3{margin-bottom:.5rem;font-size:1rem}section{border-top:1px solid var(--border);padding:.75rem 0}p{margin:.5rem 0}.muted,.hint{color:var(--muted);font-size:.92rem}.field{flex-direction:column;flex:1;gap:.3rem;margin:1rem 0;display:flex}label{font-weight:600}input[type=text],input[type=password],input:not([type]),textarea,select{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);width:100%;padding:.65rem .75rem}textarea{resize:vertical}button,.button{font:inherit;border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;padding:.7rem 1.1rem;font-weight:600;display:inline-block}button.secondary,.button.secondary{color:var(--text);border-color:var(--border);background:0 0}button.link{color:var(--text);background:0 0;border:none;padding:.4rem 0;font-weight:500;text-decoration:underline}button.back{margin-bottom:.5rem}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0;display:flex}.alert{border-radius:var(--radius);margin:1rem 0;padding:.75rem .9rem}.alert.info{background:var(--info-bg)}.alert.success{background:var(--info-bg);color:var(--ok)}.alert.warning{background:var(--warn-bg);color:var(--warn)}.alert.error{background:var(--err-bg);color:var(--err)}.error{color:var(--err);margin:0}.check{align-items:center;gap:.5rem;margin:.75rem 0;font-weight:500;display:flex}.address-row{align-items:flex-end;gap:.4rem;display:flex}.address-row .domain{color:var(--muted);padding-bottom:1.6rem}.meter .bar{background:var(--border);border-radius:999px;height:.45rem;overflow:hidden}.meter .bar span{background:var(--err);height:100%;display:block}.meter .bar.s3 span,.meter .bar.s4 span{background:var(--ok)}.meter .bar.s2 span{background:var(--warn)}.problems{color:var(--err);margin:.4rem 0;padding-inline-start:1.2rem;font-size:.92rem}.phrase{columns:2;padding-inline-start:2rem;font-family:ui-monospace,Menlo,monospace;font-size:1.05rem}@media (min-width:30rem){.phrase{columns:3}}.ticket-code{word-break:break-all;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;font-family:ui-monospace,Menlo,monospace;font-size:.8rem;display:block}.qr{width:min(18rem,100%);margin:1rem auto;display:block}.scanner{border-radius:var(--radius);width:100%}.devices{padding:0;list-style:none}.devices li{justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:.5rem 0;padding:.5rem 1rem}fieldset.device{border:none;margin:1rem 0;padding:0}details summary{cursor:pointer;margin:.5rem 0;font-weight:600}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{min-height:100vh}.app-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:2;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.app-header .brand{font-size:1.1rem}.app-header .search{flex:1;min-width:10rem;max-width:28rem}.app-header .me{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:16rem;margin-inline-start:auto;font-size:.9rem;overflow:hidden}.app-header nav{gap:.25rem;display:flex}button.tab{color:var(--text);background:0 0;border-color:#0000;padding:.45rem .8rem}button.tab.active{border-color:var(--border);background:var(--bg)}button.danger{background:var(--err);border-color:var(--err);color:#fff}.app.mail{grid-template-rows:auto 1fr;grid-template-columns:13rem 22rem 1fr;height:100vh;display:grid}.app.mail .app-header{grid-column:1/-1}.sidebar{border-inline-end:1px solid var(--border);padding:.75rem;overflow-y:auto}.sidebar ul{margin:.5rem 0;padding:0;list-style:none}.sidebar h3{text-transform:uppercase;color:var(--muted);margin:1rem 0 .25rem;font-size:.85rem}.compose-button{width:100%}button.folder{text-align:start;width:100%;color:var(--text);background:0 0;border-color:#0000;padding:.45rem .6rem;font-weight:500}button.folder.active{background:var(--info-bg)}.quota{margin-top:1.5rem}.list{border-inline-end:1px solid var(--border);padding:0 0 1rem;overflow-y:auto}.list-title{margin:0;padding:.75rem 1rem .25rem;font-size:1rem}.list>.alert,.list>p,.list>button{margin-inline:1rem}.threads{margin:0;padding:0;list-style:none}.thread-row{text-align:start;width:100%;color:var(--text);border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:0;grid-template-columns:1fr auto;gap:.1rem .5rem;padding:.65rem 1rem;font-weight:400;display:grid}.thread-row.unread .who,.thread-row.unread .subject{font-weight:700}.thread-row.active{background:var(--info-bg)}.thread-row .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-row .when{color:var(--muted);font-size:.85rem}.thread-row .subject,.thread-row .snippet{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.thread-row .snippet{color:var(--muted);font-size:.9rem}.reader{padding:1rem 1.25rem 3rem;overflow-y:auto}.empty-reader{text-align:center;margin-top:3rem}.thread-head h2{margin:.25rem 0 .75rem}.toolbar{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.toolbar button,.toolbar select{width:auto;padding:.4rem .7rem;font-size:.9rem}.message{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:.9rem;padding:.9rem 1rem}.message header{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.message header time{color:var(--muted);margin-inline-start:auto;font-size:.85rem}.message header .muted,.message header .chip,.message header .alert{flex-basis:100%}.message .body{white-space:pre-wrap;word-break:break-word;margin:.75rem 0 0;font-family:inherit;font-size:1rem}.attachment-list{flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--border);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .6rem;font-size:.85rem;display:inline-flex}.chip.e2e{color:var(--ok);border-color:var(--ok)}.chip.warn{color:var(--warn);border-color:var(--warn)}.compose{max-width:48rem}.compose-head{justify-content:space-between;align-items:center;display:flex}.compose-head h2{margin:0;font-size:1.15rem}.compose textarea{min-height:14rem}.attachments{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.fingerprint{word-spacing:.2rem;font-family:ui-monospace,Menlo,monospace}.fingerprint.small{color:var(--muted);font-size:.8rem}button.back-to-list{display:none}@media (max-width:60rem){.app.mail{grid-template-rows:auto auto 1fr;grid-template-columns:1fr;height:auto}.sidebar{border-inline-end:none;border-bottom:1px solid var(--border)}.sidebar ul{flex-wrap:wrap;gap:.25rem;display:flex}.sidebar button.folder{width:auto}.app.mail.reading .sidebar,.app.mail.reading .list,.app.mail:not(.reading) .reader{display:none}button.back-to-list{display:inline-block}.app-header .me{display:none}}.badges{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.4rem;display:flex}.badges .alert{flex-basis:100%}.small{font-size:.85rem}.html-body iframe{border:1px solid var(--border,#ccc);resize:vertical;background:#fff;border-radius:6px;width:100%;height:70vh;min-height:240px}.message header .badges{flex-basis:100%}.message header .badges .chip{flex-basis:auto}.recipient-plan{flex-wrap:wrap;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}.chip.error{border-color:var(--danger,#b42318);color:var(--danger,#b42318)}.leaves-encryption{border:1px solid var(--warn,#b54708);border-radius:8px;margin:10px 0;padding:10px 14px}.leaves-encryption legend{padding:0 4px;font-weight:600}.password-options{max-width:28rem;margin:6px 0 4px 24px}.delivery-panel{border:1px solid var(--line,#ddd);border-radius:8px;margin-bottom:10px;padding:8px 12px}.delivery-panel header{justify-content:space-between;gap:8px;display:flex}.delivery-panel ul{margin:6px 0 0;padding-left:18px}.delivery-panel .warn{color:var(--warn,#b54708)}