/* Standalone stylesheet for the legal pages: they are plain static HTML and do
   not load the Three.js bundle, so a reader can always reach the notice even if
   the main app fails. Tokens mirror styles.css. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#05060a;--bg-2:#080a12;--ink:#eaeefb;--ink-dim:#aab2c9;--muted:#727a92;
  --line:rgba(255,255,255,.08);--acc:#1fb8e6;
  --font-d:"Space Grotesk",system-ui,sans-serif;--font-s:"Fraunces",Georgia,serif;--font-m:"JetBrains Mono",monospace;
}
[data-theme="light"]{--bg:#eef1f7;--bg-2:#fff;--ink:#0d1119;--ink-dim:#3f4759;--muted:#697088;--line:rgba(12,18,32,.10)}
[data-accent="nebula"]{--acc:#8a6cff}[data-accent="aurora"]{--acc:#10b981}[data-accent="ember"]{--acc:#f2712c}
body.legal{background:var(--bg);color:var(--ink);font-family:var(--font-d);line-height:1.65;-webkit-font-smoothing:antialiased}
.legal__nav{border-bottom:1px solid var(--line);padding:18px 24px}
.legal__nav a{color:var(--ink);text-decoration:none;font-weight:600}
.legal__main{max-width:74ch;margin:0 auto;padding:56px 24px 90px}
.legal__eyebrow{font-family:var(--font-m);font-size:.78rem;letter-spacing:.09em;color:var(--muted)}
.legal h1{font-family:var(--font-s);font-weight:400;font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin-top:14px;letter-spacing:-.02em}
.legal__lead{font-size:1.18rem;color:var(--ink-dim);margin-top:18px}
.legal__date{font-family:var(--font-m);font-size:.8rem;color:var(--muted);margin-top:14px}
.legal section{margin-top:40px}
.legal h2{font-size:1.35rem;font-weight:600;margin-bottom:12px}
.legal p{color:var(--ink-dim);margin-top:12px}
.legal ul{margin-top:14px;padding-left:20px}
.legal li{color:var(--ink-dim);margin-top:8px}
.legal a{color:var(--acc)}
.legal__back{margin-top:56px;padding-top:24px;border-top:1px solid var(--line)}
.legal__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.legal__home{font-weight:600}
.legal__links{display:flex;flex-wrap:wrap;gap:16px}
.legal__links a{color:var(--muted);font-size:.9rem}
.legal__links a:hover{color:var(--acc)}
