*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;background:#000}#app{width:100vw;height:100vh}canvas{display:block}#ui{position:fixed;top:0;left:0;padding:20px;color:#fff;pointer-events:none;z-index:100}#ui h1{font-size:28px;margin-bottom:20px;text-shadow:0 0 20px rgba(255,200,100,.5);background:linear-gradient(135deg,gold,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.controls{background:#141428cc;padding:15px 20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);pointer-events:auto;max-width:280px}.control-group{margin-bottom:15px}.control-group:last-child{margin-bottom:0}.control-group label{display:block;margin-bottom:8px;font-size:14px;color:#aaa}.control-group input[type=range]{width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,#1a1a3a,#3a3a6a);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,gold,#ff8c00);cursor:pointer;box-shadow:0 0 10px #ffc86480}.control-group input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,gold,#ff8c00);cursor:pointer;border:none;box-shadow:0 0 10px #ffc86480}#timeScaleValue{display:inline-block;margin-top:8px;font-size:16px;font-weight:700;color:gold}.control-group button{padding:10px 16px;margin-right:8px;border:none;border-radius:8px;background:linear-gradient(135deg,#2a2a5a,#3a3a7a);color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.control-group button:hover{background:linear-gradient(135deg,#3a3a7a,#4a4a9a);transform:translateY(-2px);box-shadow:0 4px 15px #6464c84d}.control-group button:active{transform:translateY(0)}.planet-info{position:fixed;bottom:20px;left:20px;background:#141428e6;padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);max-width:320px;pointer-events:auto}.planet-info h2{font-size:22px;margin-bottom:10px;color:gold}.planet-info p{font-size:14px;line-height:1.6;color:#ccc}.date-display{position:fixed;top:20px;right:20px;background:#141428cc;padding:12px 20px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);font-size:16px;color:#8cf}.planet-label{position:absolute;background:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;pointer-events:none;transform:translate(-50%,-100%);white-space:nowrap}.instructions{position:fixed;bottom:20px;right:20px;background:#141428b3;padding:15px;border-radius:10px;font-size:12px;color:#888;max-width:200px;pointer-events:none}.instructions p{margin-bottom:5px}.instructions p:last-child{margin-bottom:0}