*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#0a0a1a;--text-primary:#fff;--accent:#4fc3f7;--accent-warm:#ffb74d;--card-bg:#1a1a2eeb;--card-border:#4fc3f740;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);width:100vw;height:100vh;overflow:hidden}canvas#solar-canvas{width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}#loading-screen{z-index:1000;background:var(--bg-deep);justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}#loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center}.loading-title{font-family:var(--font-heading);background:linear-gradient(135deg, var(--accent), var(--accent-warm));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.loading-message{color:#fff9;margin-bottom:1.5rem;font-size:1rem}.loading-bar-container{background:#ffffff1a;border-radius:2px;width:300px;height:4px;margin:0 auto;overflow:hidden}.loading-bar{background:linear-gradient(90deg, var(--accent), var(--accent-warm));border-radius:2px;width:0%;height:100%;transition:width .3s}.loading-percent{color:#ffffff80;margin-top:.75rem;font-size:.85rem}#toolbar{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:12px;padding:10px 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toolbar-group{align-items:center;gap:6px;display:flex}.toolbar-btn{color:var(--text-primary);cursor:pointer;font-family:var(--font-body);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:6px 12px;font-size:.8rem;transition:all .2s}.toolbar-btn:hover{border-color:var(--accent);background:#4fc3f726}.toolbar-btn.active{border-color:var(--accent);color:var(--accent);background:#4fc3f733}.speed-control{color:#ffffffb3;align-items:center;gap:6px;font-size:.8rem;display:flex}.speed-control input[type=range]{width:80px;accent-color:var(--accent)}#speed-label{text-align:center;min-width:48px;color:var(--accent);font-weight:500}#planet-nav{z-index:100;flex-direction:column;gap:6px;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.planet-nav-btn{background:var(--card-bg);border:1px solid var(--card-border);width:36px;height:36px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-family:var(--font-body);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.planet-nav-btn:hover{border-color:var(--accent);background:#4fc3f733;transform:scale(1.15)}.info-panel{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:200;border-radius:16px;width:360px;max-height:calc(100vh - 120px);padding:24px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;position:fixed;top:20px;right:20px;overflow-y:auto}.info-panel.hidden{opacity:0;pointer-events:none;transform:translate(400px)}.info-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:12px;right:16px}.info-close:hover{color:var(--text-primary)}.info-name{font-family:var(--font-heading);margin-bottom:8px;font-size:1.8rem;font-weight:700}.info-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:16px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.info-badge.terrestrial{color:#ffb74d;background:#ff980033;border:1px solid #ff98004d}.info-badge.gas_giant{color:#f48fb1;background:#e91e6326;border:1px solid #e91e634d}.info-badge.ice_giant{color:#4fc3f7;background:#4fc3f726;border:1px solid #4fc3f74d}.info-badge.star{color:#fff176;background:#ffeb3b26;border:1px solid #ffeb3b4d}.info-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.stat-item{background:#ffffff0a;border-radius:8px;padding:10px}.stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.7rem}.stat-value{font-family:var(--font-heading);color:var(--accent);font-size:1.05rem;font-weight:600}.info-funfact{border-left:3px solid var(--accent);background:#4fc3f70f;border-radius:0 8px 8px 0;margin-bottom:12px;padding:12px 14px}.info-funfact:before{content:"Did you know?";text-transform:uppercase;letter-spacing:.5px;color:var(--accent);margin-bottom:4px;font-size:.7rem;font-weight:600;display:block}.info-funfact p{color:#ffffffd9;font-size:.9rem;line-height:1.5}.info-comparison{color:#fff9;font-size:.85rem;font-style:italic}#help-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#help-overlay.hidden{display:none}.help-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;width:90%;max-width:400px;padding:32px}.help-content h2{font-family:var(--font-heading);color:var(--accent);margin-bottom:16px}.help-content ul{margin-bottom:20px;list-style:none}.help-content li{align-items:center;gap:12px;padding:6px 0;font-size:.9rem;display:flex}.help-content kbd{font-family:var(--font-body);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;min-width:28px;padding:2px 8px;font-size:.8rem}#quiz-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#quiz-overlay.hidden{display:none}.quiz-content{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:16px;width:90%;max-width:520px;padding:32px}.quiz-content h2{font-family:var(--font-heading);color:var(--accent);margin-bottom:20px}#quiz-question{margin-bottom:20px;font-size:1.15rem;line-height:1.4}#quiz-options{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.quiz-option{color:var(--text-primary);cursor:pointer;font-size:.95rem;font-family:var(--font-body);text-align:left;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;padding:12px 16px;transition:all .2s}.quiz-option:hover:not(.correct):not(.wrong){border-color:var(--accent);background:#4fc3f71f}.quiz-option.correct{color:#81c784;background:#4caf5033;border-color:#4caf50}.quiz-option.wrong{color:#ef9a9a;background:#f4433626;border-color:#f44336}#quiz-feedback{border-radius:8px;margin-bottom:12px;padding:10px;font-size:.9rem;line-height:1.4}#quiz-feedback.hidden{display:none}#quiz-feedback.correct{color:#81c784;background:#4caf501a}#quiz-feedback.wrong{color:#ef9a9a;background:#f443361a}#quiz-score{color:#ffffffb3;margin-bottom:16px;font-size:1rem}#quiz-score-val{color:var(--accent);font-weight:600}#quiz-next.hidden{display:none}#size-compare-overlay{z-index:500;background:#0a0a1af2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#size-compare-overlay.hidden{display:none}.size-compare-content{text-align:center;width:95%;max-width:1200px}.size-compare-content h2{font-family:var(--font-heading);color:var(--accent);margin-bottom:4px}.size-subtitle{color:#ffffff80;margin-bottom:30px;font-size:.85rem}#size-compare-container{justify-content:center;align-items:flex-end;gap:16px;height:50vh;padding:20px 0;display:flex}.size-planet{flex-direction:column;align-items:center;gap:8px;display:flex}.size-planet-sphere{border-radius:50%;min-width:4px;min-height:4px}.size-planet-name{color:#fffc;font-size:.75rem;font-weight:500}.size-planet-diameter{color:#ffffff73;font-size:.65rem}.mode-indicator{background:var(--card-bg);border:1px solid var(--card-border);color:var(--accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:150;white-space:nowrap;border-radius:8px;padding:8px 20px;font-size:.8rem;transition:opacity .3s;position:fixed;top:16px;left:50%;transform:translate(-50%)}.mode-indicator.hidden{opacity:0;pointer-events:none}.planet-label{color:var(--text-primary);font-family:var(--font-heading);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a0a1a99;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;transition:opacity .3s}.light-timer{background:var(--card-bg);border:1px solid var(--card-border);z-index:150;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:12px 24px;transition:opacity .3s;position:fixed;top:20px;left:50%;transform:translate(-50%)}.light-timer h3{font-family:var(--font-heading);color:var(--accent-warm);margin-bottom:4px;font-size:.85rem}.light-timer .timer-value{font-family:var(--font-heading);color:var(--accent);font-size:1.6rem;font-weight:700}.light-timer .timer-planet{color:#fff9;margin-top:2px;font-size:.8rem}@media (width<=768px){#toolbar{gap:6px;max-width:95vw;padding:8px 10px;bottom:10px}.toolbar-btn{padding:5px 8px;font-size:.7rem}.speed-control input[type=range]{width:50px}.info-panel{border-radius:12px;width:auto;max-height:45vh;inset:auto 10px 80px}.info-panel.hidden{transform:translateY(100%)}#planet-nav{flex-flow:wrap;justify-content:center;display:none;position:fixed;inset:auto 8px 80px;transform:none}.loading-title{font-size:1.6rem}#size-compare-container{flex-wrap:wrap;gap:8px;height:40vh}}.info-panel::-webkit-scrollbar{width:4px}.info-panel::-webkit-scrollbar-thumb{background:#4fc3f74d;border-radius:2px}