:root { --accent:#094CAA; --bg:#F5F6F8; --border:#E0E5EB; color-scheme: light; }
* { box-sizing: border-box; }
html, body { margin:0; background:var(--bg); color:#14171c; font:16px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; }
main { max-width:440px; margin:0 auto; padding: calc(env(safe-area-inset-top) + 28px) 16px calc(env(safe-area-inset-bottom) + 24px); }
header { text-align:center; margin-bottom:18px; }
h1 { font: 700 30px ui-serif, "New York", Georgia, serif; margin:0; }
h2 { font-size:17px; margin:14px 0 4px; }
.sub, .muted { color:#5b6573; margin:4px 0; }
.small { font-size:13px; }
.card { background:#fff; border:1px solid var(--border); border-radius:12px; padding:16px; margin-bottom:14px; }
label { display:block; font-size:14px; color:#5b6573; margin-bottom:12px; }
input { display:block; width:100%; height:46px; margin-top:4px; border:1px solid #cfd6df; border-radius:10px; padding:0 12px; font-size:16px; background:#fff; color:#14171c; }
input:focus { outline:2px solid var(--accent); outline-offset:0; }
button { display:block; width:100%; height:48px; border-radius:12px; border:0; font:600 16px inherit; font-family:inherit; cursor:pointer; margin-top:10px; }
button.primary { background:var(--accent); color:#fff; }
button.secondary { background:#EEF1F5; color:var(--accent); }
button:disabled { opacity:.6; }
.msg { color:#b00020; min-height:20px; font-size:14px; margin:10px 0 0; }
.msg.ok { color:#11733b; }
.keys, .apps { list-style:none; padding:0; margin:8px 0 0; }
.keys li { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 0; border-top:1px solid var(--border); font-size:14px; }
.keys li button { width:auto; height:34px; padding:0 12px; margin:0; font-size:14px; background:#EEF1F5; color:#b00020; }
.apps li a { display:block; padding:11px 0; border-top:1px solid var(--border); color:var(--accent); text-decoration:none; font-weight:600; }