:root{--panel-bg: rgba(10, 10, 26, .85);--panel-border: rgba(255, 255, 255, .12);--panel-shadow: rgba(0, 0, 0, .5);--accent-color: #6b8cff;--text-primary: #e0e0f0;--text-secondary: #8888aa;--glass-blur: 16px}.moon-panel{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.moon-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.moon-canvas{display:block;width:100%;height:100%}.moon-controls{position:fixed;bottom:24px;right:24px;z-index:100;width:min(380px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:16px 20px 18px;background:var(--panel-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:16px;border:1px solid var(--panel-border);box-shadow:0 8px 32px var(--panel-shadow),0 0 0 1px #ffffff0d inset;overflow-y:auto;transition:transform .3s ease,opacity .3s ease}.moon-controls.collapsed{transform:translateY(calc(100% - 48px))}.controls-wrapper{display:flex;flex-direction:column;gap:10px}.controls-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.controls-label{font-size:12px;font-weight:500;color:var(--text-secondary);letter-spacing:.02em;min-width:45px}.controls-label-small{min-width:28px;font-size:11px}.controls-slider{flex:1;min-width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;cursor:pointer;transition:background .2s ease}.controls-slider:hover{background:#ffffff40}.controls-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-color);box-shadow:0 2px 8px #6b8cff66;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.controls-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 12px #6b8cff99}.controls-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent-color);box-shadow:0 2px 8px #6b8cff66;cursor:pointer}.controls-date-display{font-size:11px;font-weight:500;color:var(--text-primary);min-width:125px;text-align:right;white-space:nowrap}.controls-phase-row{justify-content:space-between;padding:8px 10px;background:#ffffff0f;border-radius:8px}.controls-phase-display{font-size:14px;font-weight:600;color:var(--text-primary)}.controls-illumination{font-size:12px;color:var(--text-secondary)}.controls-libration-row{padding:5px 10px;background:#ffffff08;border-radius:6px;gap:12px}.controls-libration-display{font-size:11px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.controls-location-row{gap:6px}.controls-input{width:60px;padding:5px 6px;font-size:12px;font-family:inherit;color:var(--text-primary);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;outline:none;transition:border-color .2s ease,background .2s ease}.controls-input:hover{background:#ffffff26}.controls-input:focus{border-color:var(--accent-color);background:#ffffff1f}.controls-input::-webkit-inner-spin-button,.controls-input::-webkit-outer-spin-button{opacity:.5}.controls-geo-button{padding:5px 8px;font-size:13px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;transition:background .2s ease,transform .15s ease}.controls-geo-button:hover{background:#fff3;transform:scale(1.05)}.controls-geo-button:active{transform:scale(.95)}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background-color:#ffffff26;border-radius:22px;transition:background-color .2s ease}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#888;border-radius:50%;transition:transform .2s ease,background-color .2s ease}.toggle-switch input:checked+.toggle-slider{background-color:#6b8cff4d}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px);background-color:var(--accent-color)}.toggle-switch:hover .toggle-slider{background-color:#ffffff40}.toggle-switch input:checked:hover+.toggle-slider{background-color:#6b8cff66}.controls-status{font-size:12px;color:var(--text-secondary);min-width:45px}.controls-effects-section{margin-top:2px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.controls-effects-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffff0d;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-primary);transition:background .2s ease}.controls-effects-header:hover{background:#ffffff14}.controls-effects-toggle{font-size:10px;color:var(--text-secondary)}.controls-effects-content{padding:10px 0 4px;max-height:250px;overflow-y:auto}.controls-effect-title{font-size:10px;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;margin:10px 0 5px;padding-left:4px}.controls-effect-title:first-child{margin-top:0}.controls-effect-title-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0 5px;padding-left:4px}.controls-effect-title-row:first-child{margin-top:0}.controls-effect-title-row .controls-effect-title{margin:0;padding-left:0}.toggle-switch-small{width:28px;height:16px}.toggle-switch-small .toggle-slider{border-radius:16px}.toggle-switch-small .toggle-slider:before{height:10px;width:10px;left:3px;bottom:3px}.toggle-switch-small input:checked+.toggle-slider:before{transform:translate(12px)}.controls-preset-row{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.controls-preset-button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;min-width:52px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.controls-preset-button:hover{background:#ffffff1f;border-color:#fff3;color:var(--text-primary)}.controls-preset-button.active{background:#6b8cff33;border-color:var(--accent-color);color:var(--text-primary)}.controls-preset-button .preset-icon{font-size:16px;line-height:1}.controls-preset-button .preset-name{font-size:9px;font-weight:500;letter-spacing:.02em}.controls-effect-row{gap:6px;padding:3px 0}.controls-effect-label{font-size:10px;min-width:50px;color:var(--text-secondary)}.controls-effect-slider{flex:1;min-width:60px;height:3px}.controls-effect-slider::-webkit-slider-thumb{width:10px;height:10px}.controls-effect-value{font-size:10px;font-weight:500;color:var(--text-primary);min-width:30px;text-align:right;font-variant-numeric:tabular-nums}.moon-controls::-webkit-scrollbar,.controls-effects-content::-webkit-scrollbar{width:4px}.moon-controls::-webkit-scrollbar-track,.controls-effects-content::-webkit-scrollbar-track{background:transparent}.moon-controls::-webkit-scrollbar-thumb,.controls-effects-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.moon-controls::-webkit-scrollbar-thumb:hover,.controls-effects-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:600px){.moon-controls{bottom:0;right:0;left:0;width:100%;max-height:70vh;padding:0;border-radius:20px 20px 0 0;transition:transform .35s cubic-bezier(.4,0,.2,1)}.moon-controls.mobile-collapsed{transform:translateY(calc(100% - 90px))}.controls-mobile-header{display:flex;flex-direction:column;align-items:center;padding:10px 16px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.controls-mobile-handle{width:40px;height:4px;background:#ffffff4d;border-radius:2px;margin-bottom:10px;transition:background .2s ease}.controls-mobile-header:active .controls-mobile-handle{background:#ffffff80}.controls-mobile-summary{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:14px;color:var(--text-primary)}.controls-mobile-phase{font-weight:600;font-size:16px}.controls-mobile-date{font-size:12px;color:var(--text-secondary)}.controls-mobile-hint{font-size:10px;color:var(--text-secondary);margin-top:4px;opacity:.6}.controls-wrapper{padding:0 16px 20px;gap:8px;max-height:calc(70vh - 90px);overflow-y:auto;-webkit-overflow-scrolling:touch}.controls-row{gap:6px}.controls-label{font-size:11px;min-width:38px}.controls-date-display{font-size:10px;min-width:110px}.controls-phase-display{font-size:13px}.controls-input{width:52px;padding:4px 5px;font-size:11px}.controls-location-row{flex-wrap:wrap}.controls-drag-handle{display:none}}@media(min-width:601px){.controls-mobile-header{display:none}}.controls-drag-handle{position:absolute;top:0;left:0;right:0;height:24px;cursor:grab;display:flex;justify-content:center;align-items:center}.controls-drag-handle:active{cursor:grabbing}.controls-drag-indicator{width:36px;height:4px;background:#ffffff40;border-radius:2px;transition:background .2s ease}.controls-drag-handle:hover .controls-drag-indicator{background:#fff6}.moon-loading-overlay{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:50;pointer-events:none;opacity:1;transition:opacity .6s ease-out}.moon-loading-overlay.hidden{opacity:0}.moon-loading-placeholder{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#dcdce680,#a0a5b459,#646e8240 60%,#464b5a33);border:1px solid rgba(200,200,220,.3);box-shadow:0 0 100px #b4c8ff59,0 0 50px #96aae640,inset -20px -20px 40px #0000004d,inset 10px 10px 30px #ffffff1a;animation:moon-pulse 2.5s ease-in-out infinite}@keyframes moon-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.03);opacity:1}}.moon-loading-progress{margin-top:32px;width:120px;height:2px;background:#ffffff1a;border-radius:1px;overflow:hidden}.moon-loading-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-color),#a0b8ff);border-radius:1px;transition:width .3s ease-out}.moon-loading-text{margin-top:16px;font-size:12px;font-weight:500;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase}.moon-canvas-container{opacity:0;transition:opacity .8s ease-out}.moon-canvas-container.loaded{opacity:1}