:root{--bg-dark: #050510;--panel-bg: rgba(15, 15, 30, .75);--text-main: #e2e8f0;--text-muted: #94a3b8;--accent: #4b7bec;--accent-glow: rgba(75, 123, 236, .5);--orbit-color: rgba(255, 255, 255, .15);--orbit-highlight: rgba(255, 255, 255, .5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"system-ui",-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);overflow:hidden}.stars-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:radial-gradient(circle at center,#1a1a2e,#050510)}.stars-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;opacity:.4;animation:twinkle 10s linear infinite}@keyframes twinkle{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.start-screen{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.start-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:10}.title-icon{filter:drop-shadow(0 0 20px rgba(243,156,18,.6))}.main-title{font-size:3.5rem;font-weight:800;letter-spacing:4px;background:linear-gradient(to right,#fff,#a5b1c2);-webkit-background-clip:text;color:transparent;margin:0}.subtitle{font-size:1.2rem;color:var(--text-muted);letter-spacing:2px}.start-btn{margin-top:30px;padding:15px 40px;font-size:1.2rem;font-weight:700;color:#fff;background:var(--accent);border:none;border-radius:30px;cursor:pointer;outline:none;transition:all .3s;box-shadow:0 4px 15px var(--accent-glow)}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative}.top-bar{position:absolute;top:0;left:0;width:100%;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;z-index:100;pointer-events:none}.logo{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.cloud-status{font-size:.85rem;padding:6px 12px;border-radius:20px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.syncing{color:#f39c12;display:flex;align-items:center;gap:6px}.synced{color:#2ecc71;display:flex;align-items:center;gap:6px}.sync-toast{position:absolute;top:70px;left:50%;transform:translate(-50%);background:#2ecc7133;border:1px solid #2ecc71;color:#2ecc71;padding:8px 16px;border-radius:20px;font-size:.9rem;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.solar-system-viewport{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;perspective:1200px}.scene-3d{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.solar-system{position:relative;width:0;height:0;transform-style:preserve-3d;transform:rotateX(70deg)}.sun-container{position:absolute;top:0;left:0;transform:translate(-50%,-50%) rotateX(-70deg);width:100px;height:100px;z-index:100;display:flex;justify-content:center;align-items:center}.sun-img{width:120%;height:120%;object-fit:contain;filter:drop-shadow(0 0 40px rgba(243,156,18,.8))}.sun-svg{width:100%;height:100%;filter:drop-shadow(0 0 30px rgba(243,156,18,.6))}.orbit-ring{position:absolute;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed var(--orbit-color);transform-style:preserve-3d;transition:border-color .3s}.orbit-ring.highlighted{border:1px solid var(--orbit-highlight);box-shadow:inset 0 0 20px #ffffff0d,0 0 20px #ffffff0d}.planet-pivot{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;animation:orbit-rotate linear infinite}@keyframes orbit-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.planet-wrapper{position:absolute;top:0;left:50%;transform-style:preserve-3d;cursor:pointer;display:flex;flex-direction:column;align-items:center}.planet-wrapper:hover .planet-body{transform:scale(1.2);box-shadow:0 0 15px #ffffff80}.planet-body{width:100%;height:100%;border-radius:50%;position:relative;transition:all .3s;display:flex;justify-content:center;align-items:center;box-shadow:inset -4px -4px 10px #00000080}.planet-texture{width:110%;height:110%;object-fit:cover;border-radius:50%}.planet-label{position:absolute;top:120%;left:50%;transform:translate(-50%);background:#0009;padding:4px 8px;border-radius:4px;font-size:.75rem;color:#fff;white-space:nowrap;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.control-panel{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:15px;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;border-radius:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;z-index:100}.control-group{display:flex;align-items:center;gap:10px}.icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .2s}.icon-btn:hover{color:#fff;background:#ffffff1a}.icon-btn.active{color:var(--accent);background:#4b7bec33}.control-value{font-size:.9rem;font-variant-numeric:tabular-nums;width:40px;text-align:center}.divider{width:1px;height:24px;background:#ffffff1a}.detail-panel{position:absolute;top:0;right:0;width:350px;height:100%;background:#0a0a14d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:1px solid rgba(255,255,255,.1);padding:40px 30px;display:flex;flex-direction:column;gap:30px;z-index:200;box-shadow:-10px 0 30px #00000080}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:5px;transition:color .2s}.close-btn:hover{color:#fff}.detail-header{display:flex;align-items:center;gap:15px}.detail-icon{width:60px;height:60px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:inset -5px -5px 15px #00000080}.detail-icon img{width:100%;height:100%;object-fit:cover}.detail-header h2{font-size:2rem;margin:0;background:linear-gradient(to bottom,#fff,#aaa);-webkit-background-clip:text;color:transparent}.detail-stats{display:flex;flex-direction:column;gap:15px;background:#ffffff08;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.stat-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:8px}.stat-item:last-child{border-bottom:none;padding-bottom:0}.stat-label{color:var(--text-muted);font-size:.9rem}.stat-value{font-weight:700;font-family:monospace;font-size:1.1rem;color:var(--accent)}.detail-desc{line-height:1.6;color:#cbd5e1;font-size:.95rem;text-align:justify}@media (max-width: 768px){.control-panel{width:90%;justify-content:space-between;padding:10px;bottom:20px}.detail-panel{width:100%;height:50%;top:auto;bottom:0;border-left:none;border-top:1px solid rgba(255,255,255,.1);padding:20px;border-radius:20px 20px 0 0}.solar-system{transform:rotateX(60deg) scale(.6)}}