body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.5;overflow:hidden;background:linear-gradient(135deg,#0c0c0c,#1a1a2e,#16213e);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#main-nav{position:fixed;top:0;left:0;width:100%;background:#0000000d;border:1px solid rgba(255,255,255,.1);border-radius:0 0 15px 15px;padding:8px 20px;z-index:2000;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.nav-brand{display:flex;align-items:center;gap:10px}.nav-brand h1{margin:0;color:#00d4ff;font-size:18px;font-weight:600;text-shadow:0 0 20px rgba(0,212,255,.5)}.nav-icon{font-size:20px}.nav-controls{display:flex;align-items:center;gap:10px}.nav-menu{display:flex;align-items:center;gap:8px}.nav-btn{display:flex;align-items:center;gap:6px;background:#4caf5026;border:1px solid rgba(76,175,80,.3);color:#fff;padding:8px 14px;border-radius:25px;text-decoration:none;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-btn:hover{background:#4caf5040;border-color:#4caf5080;transform:translateY(-2px);box-shadow:0 4px 15px #4caf504d}.nav-btn.active{background:linear-gradient(135deg,#00d4ff,#09c);border-color:#00d4ff80;box-shadow:0 4px 15px #00d4ff66}.nav-text{font-size:12px}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:#000c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;z-index:2000;transition:all .3s ease;position:fixed;top:10px;right:20px}.nav-toggle:hover{background:#000000e6;transform:scale(1.05)}.nav-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active .hamburger-line:nth-child(2){opacity:0}.nav-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hamburger-line{width:20px;height:2px;background:#fff;margin:3px 0;transition:all .3s ease;border-radius:1px}.nav-menu{position:fixed;top:60px;right:20px;display:flex;flex-direction:column;gap:15px;z-index:1500;pointer-events:none}.nav-menu>*{pointer-events:auto}.nav-panel{background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:15px;width:320px;max-height:calc(100vh - 120px);box-shadow:0 12px 40px #00000080;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-20px) scale(.95)}.nav-panel:not(.hidden){opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.panel-header{background:linear-gradient(135deg,#00d4ff,#09c);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:15px 15px 0 0}.panel-header h3{margin:0;color:#fff;font-size:16px;font-weight:600;text-shadow:0 0 10px rgba(255,255,255,.5)}.close-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:16px;font-weight:600}.close-btn:hover{background:#ffffff4d;transform:scale(1.1);box-shadow:0 4px 12px #fff3}.panel-content{padding:20px;height:auto;overflow:hidden}.planet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.planet-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 16px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;text-align:center}.planet-btn:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.planet-btn.active{background:linear-gradient(135deg,#00d4ff,#09c);border-color:#00d4ff80;box-shadow:0 4px 15px #00d4ff66}.info-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.info-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.info-section h4{margin:0 0 10px;color:#00d4ff;font-weight:600;font-size:16px}.info-section h4{margin:0 0 10px;color:#00d4ff;font-size:14px;font-weight:600}.info-section p{margin:0 0 12px;color:#e0e0e0;font-size:13px;line-height:1.5}.info-section ul{margin:0;padding-left:16px}.info-section li{margin-bottom:6px;color:#ccc;font-size:12px;line-height:1.4}.info-section kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:2px 6px;font-size:11px;font-family:monospace;color:#fff}.control-group{margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px}.control-group:last-child{border-bottom:none;margin-bottom:0}.control-group label{display:block;font-size:14px;font-weight:500;color:#e0e0e0;margin-bottom:8px}.control-group input[type=range]{width:280px;background:#ffffff1a;border-radius:6px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;cursor:pointer;transition:all .3s ease;margin-bottom:8px}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#09c);cursor:pointer;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #00d4ff66;transition:all .3s ease}.control-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #00d4ff99}#speed-value{font-size:12px;color:#00d4ff;font-weight:600}.control-group label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;margin-bottom:0}.control-group input[type=checkbox]{margin:0;transform:scale(1.2);accent-color:#00d4ff}.control-btn{width:280px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#4caf50,#45a049);border:1px solid rgba(76,175,80,.5);color:#fff;padding:12px 16px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #4caf504d;margin-bottom:8px}.control-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-2px);box-shadow:0 4px 15px #4caf5066}.control-btn:last-child{margin-bottom:0}.mini-info-bar{position:fixed;bottom:20px;left:20px;background:#000c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:25px;padding:10px 16px;display:flex;align-items:center;gap:20px;z-index:1000;box-shadow:0 4px 20px #0000004d;font-size:12px;color:#ccc;min-width:650px;max-width:90%;overflow-x:auto;justify-content:space-between}#animation-status,#camera-info{font-weight:500;min-width:100px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simulation-date{color:#00d4ff;font-weight:600;font-family:Courier New,monospace;background:#00d4ff1a;padding:2px 8px;border-radius:12px;border:1px solid rgba(0,212,255,.3);min-width:120px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-controls{display:flex;gap:8px;margin-left:auto}.time-control{display:flex;align-items:center;gap:6px;margin-right:10px}.time-label{font-size:11px;color:#ccc;font-weight:500}.time-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;padding:2px 6px;font-size:11px;cursor:pointer;transition:all .3s ease;min-width:80px;width:80px;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;box-shadow:none}.time-select:hover{background:#ffffff26}.time-select:focus,.time-select:active,.time-select:focus-visible,.time-select:focus-within{outline:none;border-color:#00d4ff;box-shadow:0 0 8px #00d4ff4d;background:#0006!important;background-color:#0006!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:none!important;box-shadow:0 0 8px #00d4ff4d!important}.time-display{display:flex;flex-direction:column;align-items:center;margin:0 15px;font-size:12px;font-weight:500;min-width:140px}#simulation-date{color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,.5);min-width:120px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#simulation-time{color:#ccc;font-size:11px;margin-top:2px;min-width:80px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#time-elapsed{color:#4caf50;font-size:11px;margin:0 15px;font-weight:500;text-shadow:0 0 6px rgba(76,175,80,.3);min-width:130px;width:auto;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-jump-controls{display:flex;gap:4px;margin-right:8px}.time-jump-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:6px;cursor:pointer;font-size:12px;transition:all .3s ease}.time-jump-btn:hover{background:#ffffff26;transform:translateY(-1px);box-shadow:0 2px 6px #ffffff1a}.time-jump-btn:active{transform:translateY(0)}.time-jump-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.time-jump-buttons .time-jump-btn{width:auto;min-width:70px;height:32px;padding:0 12px;font-size:12px;font-weight:500;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:#00d4ff}.time-jump-buttons .time-jump-btn:hover{background:#00d4ff33;border-color:#00d4ff80;box-shadow:0 2px 8px #00d4ff33}.mini-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.mini-btn:hover{background:#ffffff26;transform:translateY(-1px);box-shadow:0 2px 8px #ffffff1a}.nav-panel::-webkit-scrollbar{width:6px}.nav-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.nav-panel::-webkit-scrollbar-thumb{background:#00d4ff99;border-radius:3px;transition:background .3s ease}.nav-panel::-webkit-scrollbar-thumb:hover{background:#00d4ffcc}.scrollable-content{max-height:calc(100vh - 200px);overflow-y:auto;padding-right:5px}.scrollable-content::-webkit-scrollbar{width:6px}.scrollable-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.scrollable-content::-webkit-scrollbar-thumb{background:#00d4ff99;border-radius:3px;transition:background .3s ease}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#00d4ffcc}@media (max-width: 768px){#main-nav{top:10px;left:10px;right:10px;padding:10px 15px}.nav-brand h1{font-size:16px}.nav-menu{display:none}#nav-toggle{display:flex!important}.nav-panel{top:60px;right:10px;left:10px;width:auto;max-height:calc(100vh - 80px)}.planet-grid{grid-template-columns:1fr}#mini-info{bottom:10px;left:10px;padding:6px 12px;gap:15px;min-width:400px;max-width:500px}.info-item{font-size:11px;gap:4px}.simulation-date,#simulation-date{min-width:100px}#simulation-time{min-width:60px}#time-elapsed{min-width:80px;margin:0 10px}.time-display{min-width:120px;margin:0 10px}#animation-status,#camera-info{min-width:80px}.control-group input[type=range],.control-btn{width:240px}}@media (max-width: 480px){.nav-panel{top:70px}.panel-content{padding:15px}.control-group{margin-bottom:16px;padding-bottom:12px}.mini-info-bar{min-width:350px;max-width:400px;padding:8px 12px;gap:10px}.simulation-date,#simulation-date{min-width:80px;font-size:11px}#simulation-time{min-width:50px;font-size:10px}#time-elapsed{min-width:60px;font-size:10px;margin:0 8px}.time-display{min-width:100px;margin:0 8px;font-size:11px}#animation-status,#camera-info{min-width:60px;font-size:11px}.control-group input[type=range],.control-btn{width:200px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav-btn:focus,.planet-btn:focus,.close-btn:focus,.control-slider:focus,.checkbox-label input:focus,.action-btn:focus{outline:2px solid #00d4ff;outline-offset:2px}@media (prefers-contrast: high){.nav-panel,#main-nav,.nav-btn,.planet-btn,.action-btn{border-width:2px}}