:root{--pref-bg:#080e17;--pref-panel:#101a29;--pref-input:#101c2d;--pref-text:#e6eaf0;--pref-muted:#adb9c8;--pref-line:#2b394b;--pref-gold:#d4b36d;--pref-inbound:#1b293c;--pref-outbound:#273c4e;font-size:16px}
:root[data-theme="light"]{color-scheme:light;--pref-bg:#f5f6f8;--pref-panel:#fff;--pref-input:#f7f8fa;--pref-text:#172333;--pref-muted:#526174;--pref-line:#d5dce5;--pref-gold:#806022;--pref-inbound:#eef1f5;--pref-outbound:#e2ebf0}
:root[data-font-size="P"]{font-size:14px}:root[data-font-size="G"]{font-size:18px}
body{background:var(--pref-bg);color:var(--pref-text)}.preferences-dialog{position:fixed;inset:0;width:min(440px,calc(100vw - 32px));height:auto;max-height:85vh;margin:auto;border:1px solid var(--pref-line);border-radius:18px;padding:28px;background:var(--pref-panel);color:var(--pref-text);overflow:auto}.preferences-dialog::backdrop{background:#0007}.preferences-dialog h2{margin-top:0;font-size:1.4rem}.preferences-dialog label{display:block;margin:20px 0;color:var(--pref-text)}.preferences-dialog select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--pref-line);border-radius:10px;background:var(--pref-input);color:var(--pref-text);font:inherit}.preferences-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px}.preferences-trigger{font-size:.875rem}.preferences-dialog p{font-size:.875rem;line-height:1.5}.preferences-dialog button{font-size:.875rem}
:root[data-theme="light"] .delivery-status[data-status="READ"]{color:#286c42}:root[data-theme="light"] .delivery-status[data-status="FAILED"]{color:#a32940}:root[data-theme="light"] .delivery-status[data-status="SENT"]{color:#315d9f}:root[data-theme="light"] .delivery-status[data-status="DELIVERED"]{color:#226b6a}:root[data-theme="light"] .delivery-status[data-status="PENDING"]{color:#806022}
:root[data-theme="light"] header{background:#080e17;color:#edf0f4;--pref-gold:#d4b36d;--pref-text:#edf0f4;--pref-muted:#aeb8c7;--pref-panel:#0d1727;--pref-input:#101c2d;--pref-line:#283447;--text:#edf0f4;--muted:#aeb8c7;--panel:#0d1727;--line:#283447;--gold:#d4b36d}
:root[data-theme="light"] .primary:hover{background:#705018;color:#fff}:root[data-theme="light"] button:focus-visible,:root[data-theme="light"] a:focus-visible{outline:2px solid #806022;outline-offset:3px}