:root{font-family:system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e2e8f0;background-color:#05091a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#38bdf8;text-decoration:inherit}a:hover{color:#7dd3fc}img{max-width:100%;height:auto;display:block}.apod-image{width:100%;max-width:800px;margin:0 auto}.apod-image:hover{transform:scale(1.02);transition:transform .2s ease}body{margin:0;min-width:100%;min-height:100vh;box-sizing:border-box;background:radial-gradient(ellipse at 15% 60%,rgba(167,139,250,.07) 0%,transparent 55%),radial-gradient(ellipse at 85% 15%,rgba(56,189,248,.06) 0%,transparent 50%),#05091a;background-attachment:fixed}h1{font-size:3.2em;line-height:1.1}button:not(.MuiButtonBase-root){border-radius:8px;border:1px solid rgba(56,189,248,.3);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#0d1628cc;color:#e2e8f0;cursor:pointer;transition:border-color .25s,box-shadow .25s}button:not(.MuiButtonBase-root):hover{border-color:#38bdf8;box-shadow:0 0 10px #38bdf833}button:not(.MuiButtonBase-root):focus,button:not(.MuiButtonBase-root):focus-visible{outline:2px solid rgba(56,189,248,.5);outline-offset:2px}@media(max-width:768px){#root{padding:.5rem;max-width:100%}}.cosmic-loader{display:flex;flex-direction:column;align-items:center;gap:14px;padding:2rem 1rem}.cosmic-loader-text{position:relative;font-size:clamp(.72rem,2.2vw,.95rem);font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#38bdf8;text-shadow:0 0 6px rgba(56,189,248,1),0 0 18px rgba(56,189,248,.6),0 0 36px rgba(56,189,248,.25);animation:glitch-shake 4s infinite;-webkit-user-select:none;user-select:none;white-space:nowrap}.cosmic-loader-text:before,.cosmic-loader-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;overflow:hidden;white-space:nowrap;text-shadow:none}.cosmic-loader-text:before{color:#ff3860;animation:glitch-clip-1 4s infinite;clip-path:inset(0 0 100% 0)}.cosmic-loader-text:after{color:#00e5ff;animation:glitch-clip-2 4s infinite;clip-path:inset(100% 0 0 0)}.cosmic-dot{color:#38bdf8;font-weight:700;font-size:clamp(.72rem,2.2vw,.95rem);text-shadow:0 0 6px rgba(56,189,248,1);animation:dot-blink 1.5s ease-in-out infinite}.cosmic-loader-bar{width:clamp(140px,32vw,200px);height:2px;background:#38bdf81a;border-radius:2px;overflow:hidden;position:relative}.cosmic-loader-bar:after{content:"";position:absolute;top:0;left:-65%;width:65%;height:100%;background:linear-gradient(90deg,transparent,#38bdf8,#a78bfa,transparent);box-shadow:0 0 8px #38bdf8,0 0 18px #a78bfa80;animation:bar-sweep 2.2s ease-in-out infinite}@keyframes glitch-shake{0%,6%,to{transform:translate(0) skew(0)}2%{transform:translate(-2px,1px) skew(-.4deg)}4%{transform:translate(2px,-1px) skew(.4deg)}48%,54%{transform:translate(0) skew(0)}50%{transform:translate(1px,-2px) skew(-.3deg)}52%{transform:translate(-1px,1px) skew(.3deg)}79%,83%{transform:translate(0) skew(0)}80%{transform:translate(-3px) skew(-.7deg)}81%{transform:translate(3px) skew(.7deg)}82%{transform:translate(0) skew(0)}}@keyframes glitch-clip-1{0%,32%,52%,81%,to{clip-path:inset(0 0 100% 0);transform:translate(0)}8%{clip-path:inset(12% 0 72% 0);transform:translate(3px)}16%{clip-path:inset(52% 0 32% 0);transform:translate(-2px)}24%{clip-path:inset(78% 0 6% 0);transform:translate(2px)}50%{clip-path:inset(28% 0 58% 0);transform:translate(-3px)}80%{clip-path:inset(62% 0 22% 0);transform:translate(4px)}}@keyframes glitch-clip-2{0%,36%,52%,81%,to{clip-path:inset(100% 0 0 0);transform:translate(0)}12%{clip-path:inset(58% 0 22% 0);transform:translate(-3px)}20%{clip-path:inset(8% 0 78% 0);transform:translate(2px)}28%{clip-path:inset(72% 0 12% 0);transform:translate(-2px)}50%{clip-path:inset(42% 0 38% 0);transform:translate(3px)}80%{clip-path:inset(18% 0 68% 0);transform:translate(-4px)}}@keyframes dot-blink{0%,55%,to{opacity:1}28%{opacity:.04}}@keyframes bar-sweep{0%{left:-65%}to{left:110%}}#root{max-width:1280px;width:100%;margin:0 auto;padding:2rem 1rem;text-align:center;box-sizing:border-box}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}