:root{--primary: #ffb300;--accent: #5b9dd9;--bg: #0c1020;--paper: #eaf0ff;font-family:"Baloo 2",Quicksand,ui-rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--paper)}body{-webkit-font-smoothing:antialiased}a{color:inherit}.home{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(140% 80% at 50% -10%,color-mix(in srgb,var(--primary) 22%,var(--bg)) 0%,var(--bg) 55%),var(--bg)}.glow{position:fixed;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.5}.glow-a{width:30rem;height:30rem;top:-8rem;left:-6rem;background:var(--primary);opacity:.35}.glow-b{width:26rem;height:26rem;bottom:-8rem;right:-6rem;background:var(--accent);opacity:.3}.home-hero{position:relative;z-index:1;text-align:center;padding:3.5rem 1.25rem 2rem;max-width:44rem;margin:0 auto}.home-sun-wrap{position:relative;width:220px;height:220px;margin:.5rem auto 1.5rem}.home-sun{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--primary) 70%,#fff),var(--primary));box-shadow:0 0 40px 6px color-mix(in srgb,var(--primary) 70%,transparent),0 0 90px 18px color-mix(in srgb,var(--primary) 35%,transparent);overflow:hidden;animation:bob 6s ease-in-out infinite}.home-sun img{width:100%;height:100%;object-fit:cover}.thing{position:absolute;left:50%;top:50%;--angle: calc(var(--i) * (360deg / var(--n)) - 90deg);transform:rotate(var(--angle)) translate(120px) rotate(calc(-1 * var(--angle)));background:color-mix(in srgb,var(--accent) 28%,var(--bg));border:2px solid color-mix(in srgb,var(--accent) 60%,#fff);color:var(--paper);font-size:.72rem;font-weight:700;padding:.3rem .6rem;border-radius:999px;white-space:nowrap;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent);animation:float 5s ease-in-out infinite;animation-delay:calc(var(--i) * .4s)}.kicker{font-weight:800;letter-spacing:.1em;color:color-mix(in srgb,var(--primary) 70%,#fff);margin:0}.home-name{font-size:clamp(2.8rem,12vw,5rem);margin:.2rem 0 0;line-height:1;text-shadow:0 0 30px color-mix(in srgb,var(--primary) 50%,transparent)}.home-tag{font-size:1.3rem;font-weight:700;margin:.6rem 0 0;color:color-mix(in srgb,var(--accent) 50%,#fff)}.home-about{max-width:32rem;margin:1rem auto 0;color:color-mix(in srgb,var(--paper) 80%,transparent);font-size:1.05rem}.sound-btn{margin-top:1.6rem;font:inherit;font-weight:800;font-size:1rem;color:var(--bg);background:var(--primary);border:none;border-radius:999px;padding:.7rem 1.4rem;cursor:pointer;box-shadow:0 6px color-mix(in srgb,var(--primary) 55%,#000);transition:transform .12s ease,box-shadow .12s ease}.sound-btn:hover{transform:translateY(-2px)}.sound-btn:active{transform:translateY(4px);box-shadow:0 2px color-mix(in srgb,var(--primary) 55%,#000)}.constellation{position:relative;z-index:1;max-width:60rem;margin:1rem auto 0;padding:1.5rem 1rem 2rem;text-align:center}.constellation-title{font-size:1.8rem;margin:0}.constellation-sub{color:color-mix(in srgb,var(--paper) 65%,transparent);margin:.3rem 0 1rem}.sky{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:1.5rem;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#1a2342,#0c1020);border:2px solid rgba(157,180,255,.25)}@media (max-width: 640px){.sky{aspect-ratio:4 / 5}}.sky canvas{position:absolute;top:0;right:0;bottom:0;left:0}.sky-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.sky-hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-decoration:none;width:max-content;max-width:12rem;padding-top:2.6rem;cursor:pointer}.sky-name{font-weight:800;color:#fff;font-size:1rem;text-shadow:0 1px 6px #000}.sky-meta{font-size:.72rem;color:#9db4ff}.sky-tip{margin-top:.4rem;font-size:.74rem;color:var(--paper);background:#0c1020eb;border:1px solid rgba(157,180,255,.3);border-radius:.6rem;padding:.4rem .6rem;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;max-width:12rem}.sky-hotspot:hover .sky-tip,.sky-hotspot:focus-visible .sky-tip{opacity:1;transform:translateY(0)}.sky-hotspot:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:8px}.home-foot{position:relative;z-index:1;text-align:center;padding:2rem 1rem 2.5rem;color:color-mix(in srgb,var(--paper) 55%,transparent);font-size:.85rem}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float{0%,to{margin-top:0}50%{margin-top:-6px}}@media (prefers-reduced-motion: reduce){.home-sun,.thing{animation:none!important}}