/* ALB-5077 开锁小窗的排版。手机优先,桌面浏览器里也看得到。颜色跟着 Telegram 主题变量走,拿不到就用一套稳的默认。 */
:root{
  --bg: var(--tg-theme-bg-color, #0f1115);
  --fg: var(--tg-theme-text-color, #f2f3f5);
  --muted: var(--tg-theme-hint-color, #8b93a1);
  --accent: var(--tg-theme-button-color, #3b82f6);
  --accent-fg: var(--tg-theme-button-text-color, #fff);
  --card: var(--tg-theme-secondary-bg-color, #1a1d23);
  --bad: #e5484d;
  --ok: #30a46c;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--fg);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  display:flex;align-items:center;justify-content:center;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
#app{width:100%;max-width:360px;text-align:center}
header .lock{font-size:40px}
h1{font-size:22px;margin:.4em 0 .2em}
h2{font-size:18px;margin:.2em 0}
.muted{color:var(--muted);font-size:14px}
section{margin-top:28px}
button{font:inherit;cursor:pointer;border:0;border-radius:12px}
.primary{background:var(--accent);color:var(--accent-fg)}
.big{width:100%;padding:15px;font-size:17px;font-weight:600}
.link{background:none;color:var(--accent);margin-top:14px;padding:8px}
.ok,.bad{font-size:44px;width:72px;height:72px;line-height:72px;border-radius:50%;margin:0 auto 10px}
.ok{background:var(--ok);color:#fff}
.bad{background:var(--bad);color:#fff}
.note{background:var(--card);border-radius:12px;padding:12px 14px;margin:14px 0 0;font-size:14px;text-align:left}
a.big{display:block;text-decoration:none;border-radius:12px;box-sizing:border-box}
.busy{opacity:.6;pointer-events:none}