:root{color-scheme:light dark;--bg: #f6f7fb;--text: #111827;--muted: #6b7280;--panel: #ffffff;--panel-2: #f3f4f6;--border: #e5e7eb;--input-bg: #ffffff;--input-text: #111827;--input-border: #d1d5db;--badge-bg: #eef2ff;--badge-border: #c7d2fe}@media(prefers-color-scheme:dark){:root{--bg: #0b1220;--text: #e5e7eb;--muted: #94a3b8;--panel: #0f172a;--panel-2: #111c33;--border: #22314a;--input-bg: #0b1326;--input-text: #e5e7eb;--input-border: #2a3a57;--badge-bg: #111c33;--badge-border: #2a3a57}}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}.container{max-width:520px;margin:0 auto;padding:16px}.card{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--panel)}.row{display:flex;gap:10px}.col{flex:1}input,button,select{width:100%;padding:12px;border-radius:12px;border:1px solid var(--input-border);font-size:16px}input,select{background:var(--input-bg);color:var(--input-text)}button{cursor:pointer;background:var(--panel-2);color:var(--text)}button:hover{filter:brightness(.98)}h1,h2{margin:0 0 10px}small{color:var(--muted)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid var(--badge-border);background:var(--badge-bg);color:var(--text);font-size:12px;margin-right:6px}.list{margin-top:10px;display:grid;gap:8px}.item{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--panel-2)}.itemTop{display:flex;justify-content:space-between;gap:10px;align-items:center}.muted{color:var(--muted)}hr{border:none;border-top:1px solid var(--border);margin:12px 0}