:root{color-scheme:light dark;font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.4;font-weight:400;background-color:#0b1120;color:#e2e8f0}*{box-sizing:border-box}body{margin:0;background-color:#0b1120;color:#e2e8f0}a{color:inherit;text-decoration:none}button{border:none;border-radius:10px;padding:12px 16px;font-size:16px;background:#1e293b;color:#e2e8f0}button:disabled{opacity:.5}input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-size:14px}main{padding:16px 16px 80px}.page-title{font-size:20px;margin:8px 0 16px}.card{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:14px;margin-bottom:12px}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.row.space{justify-content:space-between}.badge{display:inline-flex;padding:4px 10px;border-radius:999px;background:#1f2937;font-size:12px}.muted{color:#94a3b8}.mono{font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}.nav{position:fixed;bottom:0;left:0;right:0;background:#0f172a;border-top:1px solid #1f2937;display:flex;justify-content:space-around;padding:10px 8px calc(10px + env(safe-area-inset-bottom))}.nav a{padding:8px 12px;border-radius:12px}.nav a.active{background:#1e293b}.error{background:#3f1d1d;border:1px solid #7f1d1d;color:#fecaca;padding:12px;border-radius:12px;margin-bottom:12px}.loading{background:#1f2937;padding:12px;border-radius:12px;margin-bottom:12px}.json{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:12px;overflow:auto;max-height:240px}.button-primary{background:#38bdf8;color:#0f172a;font-weight:600}.button-danger{background:#ef4444;color:#0f172a;font-weight:600}.button-ghost{background:transparent;border:1px solid #334155}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b3;display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}.modal{background:#0f172a;border:1px solid #1f2937;border-radius:16px;padding:16px;width:min(420px,100%)}.modal h3{margin-top:0}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
