canvas#bg{position:fixed;top:0;left:0;z-index:1}.site-nav{position:fixed;z-index:2;left:50%;bottom:var(--space-6);transform:translate(-50%);display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2);background:#0d1120b8;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.site-nav .nav-link{display:inline-block;padding:var(--space-2) var(--space-4);border:0;border-radius:calc(var(--radius) - 4px);background:transparent;color:var(--text);font:inherit;font-size:1rem;text-decoration:none;cursor:pointer}.site-nav .nav-link:hover{color:var(--accent);background:var(--bg-elev)}.site-nav .nav-link[aria-current=page]{color:var(--accent)}.site-nav .nav-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.nav-planets{position:relative}.planet-menu{position:absolute;left:0;bottom:calc(100% + var(--space-2));margin:0;padding:var(--space-2);list-style:none;min-width:180px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.planet-menu li+li{margin-top:2px}.planet-menu button{display:block;width:100%;padding:var(--space-2) var(--space-3);border:0;border-radius:calc(var(--radius) - 6px);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.planet-menu button:hover{color:var(--accent);background:var(--bg-elev)}.planet-menu button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.feedback-fab{position:fixed;z-index:3;top:var(--space-4);right:var(--space-4);display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px solid rgba(110,168,255,.6);border-radius:50%;background:radial-gradient(circle at 32% 28%,#3b4a86,#1a2140 55%,#0a0e1f);color:#cfe0ff;cursor:pointer;box-shadow:0 0 0 1px #6ea8ff26,0 0 18px #6ea8ff59,inset 0 0 10px #6ea8ff26;transition:transform .2s ease,box-shadow .3s ease,color .2s ease}.feedback-fab svg{width:24px;height:24px}.feedback-fab:hover{color:#fff;transform:translateY(-1px) scale(1.05);box-shadow:0 0 0 1px #6ea8ff4d,0 0 26px #6ea8ff99,inset 0 0 12px #6ea8ff40}.feedback-fab:active{transform:scale(.95)}.feedback-fab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.feedback-modal{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0009;animation:feedback-fade-in .25s ease both}.feedback-modal[hidden]{display:none}@keyframes feedback-fade-in{0%{opacity:0}to{opacity:1}}@keyframes feedback-pop-in{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-card{position:relative;width:100%;max-width:420px;padding:var(--space-6);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:feedback-pop-in .3s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.feedback-modal,.feedback-card{animation:none}}.feedback-card h2{margin:0 var(--space-6) var(--space-4) 0;font-size:1.25rem}.feedback-close{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-dim);cursor:pointer}.feedback-close svg{width:20px;height:20px}.feedback-close:hover{color:var(--text);background:var(--bg-elev)}.feedback-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.star-rating{display:flex;gap:var(--space-1);margin-bottom:var(--space-4)}.star{display:inline-flex;padding:var(--space-1);border:0;background:transparent;color:var(--star-empty);cursor:pointer}.star .star-icon{width:32px;height:32px}.star.filled{color:var(--star-gold)}.star:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}.feedback-label{display:block;margin-bottom:var(--space-2);color:var(--text-dim);font-size:.9rem}.feedback-comment{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);background:var(--bg-space);color:var(--text);font:inherit;resize:vertical}.feedback-comment:focus-visible{outline:2px solid var(--accent);outline-offset:0}.feedback-submit{display:inline-block;width:100%;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:0;border-radius:calc(var(--radius) - 4px);background:var(--accent);color:#05060f;font:inherit;font-weight:600;cursor:pointer}.feedback-submit:hover{background:var(--accent-2)}.feedback-submit:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}