:root{
  --bg:#ffffff; --text:#1d1d1f; --muted:#6b7280; --card:#f3f4f6; --border:#e5e7eb;
}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);}
header{padding:16px 20px;}
h1{margin:0 0 4px 0;font-size:22px;}
.subtitle{margin:0;color:var(--muted);}

main{padding:0 12px 24px;}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 12px;margin:12px 0;}
h2{margin:0 0 8px 0;font-size:18px;}
.btn{display:inline-block;border:1px solid var(--border);border-radius:10px;padding:10px 14px;background:#fff;cursor:pointer;font-size:14px;}
.btn:active{transform:scale(0.99);}
.pre{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#fff;border:1px dashed var(--border);border-radius:8px;padding:8px;margin-top:10px;}

footer{padding:10px 16px;color:var(--muted);}

/* Telegram dark mode подхватим через JS — здесь только базовые переменные */