.solar-system{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(ellipse at center,#0a0a1a,#000005);z-index:1;pointer-events:none}.galaxy-bg{position:absolute;inset:0;overflow:hidden}.stars{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 160px 120px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 230px 80px,#fff,transparent),radial-gradient(2px 2px at 300px 200px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 350px 150px,#fff,transparent),radial-gradient(2px 2px at 420px 250px,rgba(255,255,255,.8),transparent);background-size:500px 500px;animation:galaxy-rotate 200s linear infinite}.stars-layer-2{animation-duration:300s;animation-direction:reverse;opacity:.6}@keyframes galaxy-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sun{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#93c5fd,#60a5fa,#3b82f6);box-shadow:0 0 60px #60a5fab3,0 0 100px #3b82f680,0 0 140px #2563eb4d,0 0 180px #1e40af33;display:flex;align-items:center;justify-content:center;animation:sun-pulse 4s ease-in-out infinite;z-index:10}.sun-text{color:#0c1929;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 8px rgba(255,255,255,.3)}@keyframes sun-pulse{0%,to{box-shadow:0 0 60px #60a5fab3,0 0 100px #3b82f680,0 0 140px #2563eb4d,0 0 180px #1e40af33}50%{box-shadow:0 0 80px #60a5facc,0 0 120px #3b82f699,0 0 160px #2563eb66,0 0 200px #1e40af4d}}.orbit{position:absolute;top:50%;left:50%;border:1px dashed rgba(255,255,255,.15);border-radius:50%;transform:translate(-50%,-50%)}.orbit-now-ring{border-style:solid;border-color:#87beff3d;box-shadow:0 0 0 1px #87beff14 inset,0 0 30px #417eff14}.orbit-year-marker{position:absolute;top:50%;left:50%;z-index:12;pointer-events:none;transform:translate(-50%,-50%) rotate(var(--marker-angle)) translate(var(--marker-radius));transform-origin:center}.orbit-year-pill{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:4px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0a0e1cb8;backdrop-filter:blur(8px);color:#e8edffe0;font-size:12px;font-weight:600;letter-spacing:.08em;line-height:1;box-shadow:0 8px 18px #00000047;transform:rotate(var(--marker-counter-angle))}.orbit-now-marker{z-index:13}.orbit-now-pill{border-color:#87beff47;background:#121c36d1;color:#c6e1fff5;box-shadow:0 0 0 1px #96cdff14 inset,0 10px 24px #0f1e4357,0 0 18px #508eff2e}.planet-container{position:absolute;top:50%;left:50%;width:0;height:0;transform-origin:center center;animation:orbit-spin var(--orbit-duration) linear infinite}.planet{position:absolute;top:0;left:0;width:var(--planet-width);height:var(--planet-height);pointer-events:auto;animation:counter-rotate var(--orbit-duration) linear infinite}.planet-button{width:100%;height:100%;display:block;background:none;border:none;padding:0;cursor:pointer}.planet-surface{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.26),transparent 45%),linear-gradient(145deg,#424c6df2,#101426fa);box-shadow:0 0 0 1px #ffffff0d inset,0 10px 28px #00000073,0 0 22px #70a8ff2e;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.planet-button:hover .planet-surface,.planet-button:focus-visible .planet-surface{transform:scale(1.06);border-color:#ffffff61;box-shadow:0 0 0 1px #ffffff14 inset,0 14px 34px #0000008c,0 0 30px #8fc1ff52}.planet-button:focus-visible{outline:none}.planet-logo-frame{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,#fffffffa,#f2f6ffeb);box-shadow:0 1px #ffffffb3 inset,0 8px 18px #080a123d}.planet-logo{max-width:var(--logo-width);max-height:var(--logo-height);width:auto;height:auto;object-fit:contain;transform:scale(var(--logo-scale, 1));transform-origin:center;pointer-events:none}@keyframes orbit-spin{0%{transform:translate(-50%,-50%) rotate(var(--orbit-start-angle))}to{transform:translate(-50%,-50%) rotate(calc(var(--orbit-start-angle) + 360deg))}}@keyframes counter-rotate{0%{transform:translate(calc(var(--orbit-radius) - (var(--planet-width) / 2)),calc(var(--planet-height) / -2)) rotate(var(--counter-start-angle))}to{transform:translate(calc(var(--orbit-radius) - (var(--planet-width) / 2)),calc(var(--planet-height) / -2)) rotate(calc(var(--counter-start-angle) - 360deg))}}.planet-container:hover,.planet-container:focus-within,.planet-container:hover .planet,.planet-container:focus-within .planet{animation-play-state:paused}.popover-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:auto}.popover{position:relative;background:#141423f2;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 0 40px #00000080;pointer-events:auto}.popover-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.popover-logo-container{display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:10px;border-radius:12px;background:linear-gradient(180deg,#fffffffa,#f5f8fff2);box-shadow:0 1px #ffffff80 inset,0 4px 12px #00000026;flex-shrink:0}.popover-logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.popover-title h2{font-size:1.25rem;font-weight:600;color:#f9fafb;margin:0}.popover-title p{font-size:.875rem;color:#9ca3af;margin:4px 0 0}.popover-period{font-size:.75rem;color:#6b7280;margin-top:4px}.popover-highlights{list-style:none;padding:0;margin:0}.popover-highlights li{position:relative;padding-left:20px;margin-bottom:12px;font-size:.875rem;color:#d1d5db;line-height:1.5}.popover-highlights li:before{content:"▸";position:absolute;left:0;color:#60a5fa}.popover-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;transition:color .2s}.popover-close:hover{color:#f9fafb}@media(max-width:768px){.sun{width:70px;height:70px}.sun-text{font-size:10px}.planet-surface{padding:6px}.planet-logo-frame{padding:4px 8px}.orbit-year-pill{min-width:44px;padding:3px 8px;font-size:10px}}@media(prefers-reduced-motion:reduce){.planet-container,.planet,.stars,.stars-layer-2,.sun{animation:none}}html,body{background:transparent!important}body{overflow-x:hidden}#site-footer{position:relative;z-index:10}