/* Auto-extracted from inline CSS to remove style-src unsafe-inline from CSP.
   Source: privacy.html */

:root {
      color-scheme: light dark;
      --bg: #0f172a;
      --card: #111827;
      --text: #e5e7eb;
      --muted: #9ca3af;
      --line: #334155;
      --accent: #38bdf8;
      --warn: #fbbf24;
    }
    * { box-sizing: border-box; }
    body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: linear-gradient(180deg, #020617 0%, var(--bg) 100%); color: var(--text); line-height: 1.62; }
    a { color: var(--accent); }
    .wrap { max-width: 1040px; margin: 0 auto; padding: 42px 20px 72px; }
    .top { display:flex; gap: 14px; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom: 28px; }
    .brand { font-weight: 800; letter-spacing: .2px; color: white; text-decoration:none; font-size: 1.05rem; }
    .nav { display:flex; gap: 14px; flex-wrap:wrap; font-size:.92rem; }
    .hero { background: rgba(15,23,42,.78); border: 1px solid var(--line); border-radius: 22px; padding: 26px; box-shadow: 0 18px 55px rgba(0,0,0,.28); }
    h1 { margin: 0 0 8px; font-size: clamp(2rem, 5vw, 3.2rem); line-height:1.05; }
    h2 { margin-top: 2.3rem; padding-top: 1.2rem; border-top: 1px solid var(--line); font-size: 1.35rem; }
    h3 { margin-top: 1.4rem; font-size: 1.05rem; }
    p, li { color: #d1d5db; }
    .meta, .muted { color: var(--muted); }
    .notice { border-left: 4px solid var(--warn); background: rgba(251,191,36,.08); padding: 14px 16px; border-radius: 12px; margin: 20px 0; }
    .card { background: rgba(17,24,39,.72); border: 1px solid var(--line); border-radius: 18px; padding: 20px; margin-top: 20px; }
    table { width:100%; border-collapse: collapse; margin: 1rem 0; overflow:hidden; border-radius: 12px; }
    th, td { border:1px solid var(--line); padding: 10px; vertical-align:top; text-align:left; }
    th { background: rgba(56,189,248,.12); color:#f8fafc; }
    code { background: rgba(148,163,184,.16); padding:.1rem .25rem; border-radius: 5px; }
    .footer { margin-top: 36px; color: var(--muted); font-size:.92rem; }
    @media (prefers-color-scheme: light) {
      :root { --bg:#f8fafc; --card:#ffffff; --text:#0f172a; --muted:#475569; --line:#cbd5e1; --accent:#0369a1; }
      body { background:#f8fafc; }
      .hero, .card { background:#ffffff; }
      p, li { color:#1f2937; }
      .brand { color:#0f172a; }
    }