/* GENERATED — DO NOT HAND-EDIT. */
:root { --void:#080510; --surface:#110f1f; --surface2:#1a1730; --border:#2a2545; --text:#e8e6f0; --muted:#9e9ab4; --ivory:#f5f5f0; --gold:#D69E2E; --gold-light:#ECC94B; --font-heading:'Space Grotesk','Inter',ui-sans-serif,system-ui,sans-serif; --font-body:'Inter',ui-sans-serif,system-ui,sans-serif; }
* { box-sizing:border-box; } html { background:var(--void); } body { margin:0; min-height:100vh; font-family:var(--font-body); color:var(--text); background:var(--void); position:relative; padding:28px 18px 56px; }
body::before { content:''; position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(120% 80% at 50% -6%, var(--gold), transparent 52%); opacity:.10; }
main { max-width:1000px; margin:0 auto; }
.wordmark { font-family:var(--font-heading); font-weight:700; font-size:1.4rem; letter-spacing:-.02em; color:var(--ivory); } .wordmark span { color:var(--gold); }
.eyebrow { font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }
.glass { background:color-mix(in srgb, var(--surface) 88%, transparent); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid var(--border); border-radius:18px; }
h1,h2,h3 { font-family:var(--font-heading); color:var(--ivory); letter-spacing:-.01em; }
a { color:var(--gold); text-decoration:none; } a:hover { text-decoration:underline; }
.disc { margin-top:34px; color:var(--muted); font-size:.7rem; text-align:center; line-height:1.5; max-width:620px; margin-inline:auto; }
:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
.top { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:40px; }
.hero { text-align:center; max-width:720px; margin:0 auto 44px; } .hero h1 { font-size:2.5rem; font-weight:600; margin:0 0 14px; line-height:1.05; } .hero .sub { color:var(--muted); font-size:1.05rem; line-height:1.6; } .hero strong { color:var(--gold); letter-spacing:.08em; }
.planets { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px; }
.planet { display:block; padding:22px; color:var(--text); border-left:3px solid var(--pc); transition:.18s; } a.planet:hover { transform:translateY(-3px); border-color:var(--pc); box-shadow:0 24px 50px -30px var(--pc); text-decoration:none; }
.p-orb { width:46px; height:46px; border-radius:50%; display:grid; place-items:center; font-family:var(--font-heading); font-weight:700; font-size:1.3rem; color:#0b0812; margin-bottom:14px; background:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--pc) 90%, white), var(--pc) 45%, color-mix(in srgb, var(--pc) 30%, var(--void))); box-shadow:0 0 26px -6px var(--pc); }
.p-name { font-family:var(--font-heading); font-weight:600; font-size:1.2rem; color:var(--ivory); } .p-phil { color:var(--pc); font-size:.8rem; margin:3px 0 12px; font-weight:600; }
.p-quote { color:var(--muted); font-size:.9rem; line-height:1.45; min-height:2.6em; } .p-meta { margin-top:14px; font-size:.78rem; color:var(--muted); } .play { color:var(--gold); font-weight:600; }
@media (max-width:520px){ .hero h1{ font-size:1.9rem; } }