@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Orbitron:wght@500;700&display=swap";:root{--bg: #0A0E27;--surface: #141B3D;--primary: #7C9CDB;--primary-dark: #5E80C0;--accent: #FBBF24;--text: #F0F4FF;--text-muted: #A5B4D4;--border: #1E2848;--success: #10B981;--warning: #FBBF24;--danger: #F87171;--radius: 12px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px rgba(124, 156, 219, .15);--surface-translucent-70: rgba(20, 27, 61, .7);--surface-translucent-80: rgba(20, 27, 61, .8);--surface-translucent-85: rgba(20, 27, 61, .85);--primary-translucent-07: rgba(124, 156, 219, .07);--accent-translucent-08: rgba(251, 191, 36, .08);--text-muted-translucent-20: rgba(165, 180, 212, .2);--planet-glow-sun: rgba(255, 215, 0, .5)}body{margin:0;padding:0;box-sizing:border-box;background:radial-gradient(ellipse at center,var(--surface) 0%,var(--bg) 100%),radial-gradient(circle at 15% 25%,var(--primary-translucent-07) 1px,transparent 1px),radial-gradient(circle at 65% 85%,var(--accent-translucent-08) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:cover,3px 3px,3px 3px,3px 3px;background-attachment:fixed;color:var(--text);font-family:Space Grotesk,Inter,-apple-system,sans-serif;overflow:hidden;height:100vh;display:flex;justify-content:center;align-items:center}*,*:before,*:after{box-sizing:border-box}.app-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.cloud-sync-badge{position:absolute;top:15px;right:15px;background-color:var(--surface);color:var(--text-muted);padding:6px 12px;border-radius:var(--radius);font-size:.85em;z-index:1000;box-shadow:var(--shadow)}.cloud-toast{position:absolute;top:60px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:var(--radius);background-color:var(--surface);color:var(--text);box-shadow:var(--shadow);z-index:1001;font-size:.9em;text-align:center}.cloud-toast.error{background-color:var(--danger)}.cloud-toast.success{background-color:var(--success)}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background:var(--bg);color:var(--text);font-family:Orbitron,sans-serif;font-size:1.2em;text-shadow:0 0 10px var(--primary)}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.start-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;max-width:600px;background:var(--surface-translucent-70);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;z-index:10}.app-title{font-family:Orbitron,Space Grotesk,sans-serif;font-size:3.5em;color:var(--primary);margin-bottom:20px;text-shadow:0 0 20px var(--accent);letter-spacing:2px}.app-description{font-size:1.2em;color:var(--text-muted);margin-bottom:40px;line-height:1.6}.start-button{background:linear-gradient(45deg,var(--primary),var(--primary-dark));color:var(--text);border:none;padding:15px 30px;border-radius:var(--radius);font-size:1.3em;font-family:Orbitron,sans-serif;cursor:pointer;box-shadow:0 0 24px var(--primary);transition:all .3s ease}.start-button:hover{box-shadow:0 0 30px var(--primary),0 0 15px var(--accent);transform:translateY(-2px)}.exploring-view{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.solar-system-container{position:relative;width:80vmin;height:80vmin;display:flex;justify-content:center;align-items:center;transition:transform .5s ease-in-out;perspective:1000px;transform-style:preserve-3d}.sun{position:absolute;width:10vmin;height:10vmin;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:4vmin;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:10}.planet-orbit{position:absolute;border:1px dashed var(--text-muted-translucent-20);border-radius:50%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d}@keyframes planet-self-rotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.planet-wrapper{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer;transform-style:preserve-3d;backface-visibility:hidden}.planet{border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:box-shadow .3s ease;display:flex;justify-content:center;align-items:center;font-size:2vmin;position:relative;z-index:1;transform-style:preserve-3d}.planet-label{position:absolute;bottom:-20px;font-size:.9em;color:var(--text);white-space:nowrap;background-color:var(--surface-translucent-70);padding:3px 8px;border-radius:5px;opacity:0;transition:opacity .3s ease;pointer-events:none}.planet-wrapper:hover .planet-label{opacity:1}.zoom-controls{position:absolute;bottom:30px;right:30px;display:flex;flex-direction:column;gap:15px;z-index:100}.zoom-controls button{background:var(--surface-translucent-80);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--primary);box-shadow:var(--shadow);transition:all .3s ease}.zoom-controls button:hover{background:var(--primary-dark);color:var(--text);box-shadow:0 0 20px var(--primary)}.detail-view{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:20px;box-sizing:border-box}.back-button{position:absolute;top:30px;left:30px;background:var(--surface-translucent-80);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--primary);padding:10px 20px;border-radius:var(--radius);font-size:1.1em;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow);transition:all .3s ease;z-index:100}.back-button:hover{background:var(--primary-dark);color:var(--text);box-shadow:0 0 20px var(--primary)}.planet-detail-card{background:var(--surface-translucent-85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px;max-width:700px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:25px;position:relative;z-index:10}.planet-detail-name{font-family:Orbitron,Space Grotesk,sans-serif;font-size:3em;color:var(--accent);text-shadow:0 0 15px var(--accent);margin-bottom:10px}.planet-detail-visual{width:20vmin;height:20vmin;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;font-size:10vmin;transition:box-shadow .5s ease}.planet-detail-info{font-size:1.1em;color:var(--text-muted);line-height:1.8;max-width:500px}.planet span,.sun span,.planet-detail-visual span{display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:inherit}@media (max-width: 768px){.app-title{font-size:2.5em}.app-description{font-size:1em}.start-button{padding:12px 25px;font-size:1.1em}.solar-system-container{width:90vmin;height:90vmin}.sun{width:8vmin;height:8vmin;font-size:3vmin}.planet{font-size:1.5vmin}.planet-label{font-size:.8em;bottom:-15px}.zoom-controls{bottom:20px;right:20px;gap:10px}.zoom-controls button{width:40px;height:40px}.back-button{top:20px;left:20px;padding:8px 15px;font-size:1em}.planet-detail-card{padding:30px;max-width:90%}.planet-detail-name{font-size:2.2em}.planet-detail-visual{width:18vmin;height:18vmin;font-size:8vmin}.planet-detail-info{font-size:1em}}@media (max-width: 480px){.app-title{font-size:2em}.app-description{font-size:.9em}.start-button{padding:10px 20px;font-size:1em}.solar-system-container{width:95vmin;height:95vmin}.sun{width:7vmin;height:7vmin;font-size:2.5vmin}.planet{font-size:1vmin}.planet-label{font-size:.7em;bottom:-10px}.zoom-controls{bottom:15px;right:15px}.zoom-controls button{width:35px;height:35px}.back-button{top:15px;left:15px;padding:6px 12px;font-size:.9em}.planet-detail-card{padding:20px}.planet-detail-name{font-size:1.8em}.planet-detail-visual{width:15vmin;height:15vmin;font-size:7vmin}.planet-detail-info{font-size:.9em}}