:root { color-scheme: light dark; --bg: #F2F2F7; --card: #FFFFFF; --text: #1C1C1E; --muted: #5A5A60; --accent: #FF9F0A; --ok: #1E6B34; --bad: #B3261E; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #000000; --card: #1C1C1E; --text: #F2F2F7; --muted: #AEAEB2; --ok: #4CD964; --bad: #FF6961; }
}
body { margin: 0; background: var(--bg); color: var(--text); font-family: -apple-system, system-ui, sans-serif; }
main { max-width: 560px; margin: 0 auto; padding: max(16px, env(safe-area-inset-top)) 16px 40px; display: flex; flex-direction: column; gap: 12px; }
h1 { font-size: 28px; margin: 8px 0 4px; }
h2 { font-size: 17px; margin: 0 0 8px; }
p { margin: 6px 0 0; line-height: 1.4; }
section { background: var(--card); border-radius: 14px; padding: 16px; }
.muted { color: var(--muted); font-size: 14px; }
.row { display: flex; gap: 8px; flex-wrap: wrap; }
button { min-height: 44px; padding: 0 16px; border: none; border-radius: 10px; background: var(--accent); color: #1C1C1E; font-size: 16px; font-weight: 600; }
button.secondary { background: transparent; border: 1px solid var(--muted); color: var(--text); }
.result { font-size: 15px; }
.result.ok { color: var(--ok); font-weight: 600; }
.result.bad { color: var(--bad); font-weight: 600; }
.address { margin: 8px 0 0; font-size: 11px; white-space: pre-wrap; word-break: break-all; color: var(--muted); }
.address:empty { display: none; }