:root{color-scheme:dark;--bg:#121619;--panel:#1c2227;--text:#f0f3f5;--muted:#9caab4;--accent:#83d3c4;--danger:#ffb5a6;--line:#303a42}
*{box-sizing:border-box}
body{margin:0;background:var(--tg-theme-bg-color,var(--bg));color:var(--tg-theme-text-color,var(--text));font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main{max-width:760px;margin:auto;padding:24px 18px calc(26px + env(safe-area-inset-bottom))}
header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.eyebrow{font-size:11px;letter-spacing:2px;color:var(--tg-theme-hint-color,var(--muted))}
h1{margin:2px 0;font-size:32px;letter-spacing:-1px;line-height:1.2}
h2{margin:0 0 10px;font-size:18px;letter-spacing:-.3px}
p{margin:8px 0;color:var(--tg-theme-hint-color,var(--muted))}
.intro{margin:16px 0 20px}
.badge{border:1px solid var(--line);padding:5px 10px;border-radius:999px;font-size:12px;color:var(--tg-theme-hint-color,var(--muted));white-space:nowrap}
.notice{padding:12px 14px;border-radius:12px;background:var(--tg-theme-secondary-bg-color,var(--panel));border-left:3px solid var(--tg-theme-button-color,var(--accent));font-size:13px}
.notice.error{border-color:var(--danger)}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;color:var(--tg-theme-hint-color,var(--muted));font-size:12px}
button{font:inherit;color:var(--tg-theme-text-color,var(--text));background:var(--tg-theme-secondary-bg-color,var(--panel));border:1px solid var(--line);border-radius:10px;padding:10px 13px;cursor:pointer}
button:focus-visible{outline:2px solid var(--tg-theme-button-color,var(--accent));outline-offset:3px}
button:disabled{opacity:.5;cursor:wait}
nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:22px 0}
nav button{font-size:13px;padding:11px 3px;border-color:transparent}
nav button[aria-current=page]{border-color:var(--tg-theme-button-color,var(--accent));color:var(--tg-theme-button-color,var(--accent))}
article{background:var(--tg-theme-secondary-bg-color,var(--panel));border:1px solid var(--line);padding:18px;border-radius:16px;margin:12px 0}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}
.metric{padding:12px;border:1px solid var(--line);border-radius:12px;min-width:0}
.metric strong{display:block;font-size:25px;font-variant-numeric:tabular-nums;line-height:1.3}
.metric span{display:block;color:var(--tg-theme-hint-color,var(--muted));font-size:11px;margin-top:5px}
.row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:start}
.row:last-child{border-bottom:0}
.row small{display:block;font-size:12px;color:var(--tg-theme-hint-color,var(--muted))}
.row .status{font-size:12px;text-align:right;color:var(--tg-theme-hint-color,var(--muted))}
code{font-size:12px}
footer{margin-top:26px;font-size:12px;color:var(--tg-theme-hint-color,var(--muted))}
[hidden]{display:none!important}
@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#f5f7f8;--panel:#fff;--text:#172129;--muted:#5b6b76;--accent:#28766a;--danger:#a34031;--line:#dce4e9}}
