:root{color-scheme:light dark;--bg:#fff;--fg:#111;--mut:#888}@media(prefers-color-scheme:dark){:root{--bg:#111;--fg:#eee}}body{margin:0;background:var(--bg);color:var(--fg);font:16px system-ui,sans-serif}main{max-width:560px;margin:0 auto;padding:24px 16px}input{display:block;width:100%;box-sizing:border-box;padding:10px;margin:6px 0 14px;border:1px solid var(--mut);border-radius:8px;background:transparent;color:inherit}button{padding:10px 16px;border:0;border-radius:8px;background:var(--fg);color:var(--bg);cursor:pointer;margin:4px 0}button.ghost{background:transparent;border:1px solid var(--mut)}a,button.ghost{color:inherit}nav a{margin-right:16px}.err{color:#d33}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:16px}.card{background:var(--bg);padding:20px;border-radius:12px;max-width:520px;max-height:80vh;overflow:auto}dt{color:var(--mut);margin-top:12px}dd{margin:2px 0}img.av{border-radius:50%;vertical-align:middle;margin-right:8px}