:root {
  color-scheme: dark;
  --bg: #080c0b;
  --panel: #111815;
  --line: #2d3b34;
  --text: #f1f5ef;
  --muted: #a2afa7;
  --accent: #d8f25b;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
.native-store-build .web-only { display: none !important; }
body {
  margin: 0;
  min-height: 100vh;
  padding: max(28px, env(safe-area-inset-top)) 16px max(36px, env(safe-area-inset-bottom));
  color: var(--text);
  background: radial-gradient(circle at 80% -10%, rgba(216,242,91,.12), transparent 34rem), var(--bg);
}
main { width: min(100%, 720px); margin: 0 auto; }
.back { display: inline-block; margin-bottom: 30px; color: var(--accent); font-size: 12px; font-weight: 850; text-decoration: none; }
.eyebrow { margin: 0 0 8px; color: var(--accent); font: 800 11px ui-monospace, monospace; letter-spacing: .16em; }
h1 { margin: 0 0 10px; font-size: clamp(34px, 9vw, 54px); letter-spacing: -.05em; }
.intro { margin-bottom: 28px; color: var(--muted); font-size: 16px; line-height: 1.6; }
article { border: 1px solid var(--line); border-radius: 18px; padding: clamp(20px, 5vw, 34px); background: rgba(17,24,21,.95); }
h2 { margin: 28px 0 8px; font-size: 20px; }
h2:first-child { margin-top: 0; }
p, li { color: var(--muted); line-height: 1.65; }
a { color: var(--accent); }
.notice { border-left: 3px solid var(--accent); padding-left: 14px; color: var(--text); }
.actions { display: grid; gap: 10px; margin-top: 24px; }
.button { display: grid; place-items: center; min-height: 52px; border-radius: 12px; padding: 10px 16px; color: #11150b; background: var(--accent); font-weight: 850; text-decoration: none; }
footer { margin-top: 20px; color: #718078; font-size: 11px; text-align: center; }