.moonviz{color:#f0f0f0}.moonviz .terminal-container{width:100%;max-width:720px;height:480px;min-height:480px;aspect-ratio:1.5;margin:0 auto .75rem;background-color:#000;border:2px solid #333;border-radius:8px;padding:0;box-sizing:border-box;display:grid;grid-template-rows:auto 1fr;gap:0;overflow:hidden;font-family:var(--font-mono)}.moonviz .terminal-header{height:28px;background-color:#333;border-bottom:1px solid #555;display:flex;align-items:center;padding:0 12px;font-size:10px;justify-content:space-between}.moonviz .curl-command{font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px}.moonviz .terminal-button{background:none;border:none;color:#f0f0f0;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:12px;display:flex;align-items:center;gap:4px;transition:all .2s ease;flex-shrink:0}.moonviz .terminal-body,.moonviz .moon-display{text-align:center;font-size:clamp(8px,2vw,11px);line-height:clamp(12px,2.5vw,15px);white-space:pre;letter-spacing:clamp(.2px,.5vw,.3px);display:flex;align-items:flex-start;justify-content:center;overflow:hidden;margin-top:0;min-height:0;padding:10px 20px}.moonviz .controls-container{width:100%;max-width:720px;margin:0 auto;display:flex;gap:1rem;align-items:stretch}.moonviz .date-control{flex:1;min-width:0;padding:clamp(1rem,4vw,1.5rem);box-sizing:border-box;background-color:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:center}.moonviz .date-labels{position:relative;margin-top:.5rem;height:1.5em}.moonviz .date-label{position:absolute;top:0;transform:translate(-50%);font-size:14px;white-space:nowrap;color:#000}.moonviz .date-slider{width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer;background:transparent;-webkit-appearance:none;appearance:none;accent-color:transparent}.moonviz .date-slider::-webkit-slider-runnable-track{height:8px;background:linear-gradient(to right,#4a4a4a 0% 10%,#333 10% 90%,#4a4a4a 90% 100%);border-radius:4px}.moonviz .date-slider::-moz-range-track{height:8px;background:linear-gradient(to right,#4a4a4a 0% 10%,#333 10% 90%,#4a4a4a 90% 100%);border-radius:4px}.moonviz .date-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:#333 url(/icons/hourglass-regular-full.svg) no-repeat center center;background-size:16px;cursor:pointer;border:2px solid #555;border-radius:50%;box-shadow:0 2px 4px #0000004d;margin-top:-10px;transition:all .2s ease}.moonviz .date-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px #0006,0 0 0 2px #f0f0f01a}.moonviz .date-slider::-moz-range-thumb{width:28px;height:28px;background:#333 url(/icons/hourglass-regular-full.svg) no-repeat center center;background-size:16px;cursor:pointer;border:2px solid #555;border-radius:50%;box-shadow:0 2px 4px #0000004d;transition:all .2s ease}.moonviz .date-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px #0006,0 0 0 2px #f0f0f01a}.moonviz .location-control{flex:1;min-width:0;padding:clamp(.75rem,3vw,1rem);box-sizing:border-box;background-color:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:center;overflow:visible}.moonviz .map-container{position:relative;width:100%;aspect-ratio:2.05;border-radius:8px;overflow:visible;cursor:crosshair;background:transparent}.moonviz .world-map{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.moonviz .location-bead{position:absolute;width:25px;height:25px;background-color:#333;background-repeat:no-repeat;background-position:center center;background-size:19px;border:2px solid #555;border-radius:50%;transform:translate(-50%,-50%) scale(1);box-shadow:0 2px 4px #0000004d;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.moonviz .location-bead:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 8px #0006,0 0 0 2px #f0f0f01a}.moonviz .location-bead.celestial-mode{pointer-events:auto}@media (max-width: 768px){.moonviz .terminal-container{max-width:100%!important;min-height:320px!important;aspect-ratio:auto!important;padding:0!important}.moonviz .terminal-header{height:25px!important;padding:0 10px!important;font-size:10px!important}.moonviz .terminal-button{padding:3px 6px!important;font-size:10px!important;gap:3px!important}.moonviz .terminal-button img{width:14px!important;height:14px!important}.moonviz .terminal-button span{font-size:9px!important;margin-left:3px!important}.moonviz .terminal-body,.moonviz .moon-display{font-size:11px!important;line-height:15px!important;letter-spacing:.3px!important;overflow:hidden!important;min-height:0!important;padding:15px!important}.moonviz .controls-container{gap:.5rem}.moonviz .date-control,.moonviz .location-control{padding:.75rem!important}.moonviz .date-label{font-size:11px}}@media (max-width: 480px){.moonviz .terminal-header{display:none!important}.moonviz .terminal-container{grid-template-rows:1fr!important;height:auto!important;min-height:auto!important;max-height:60vh!important;border-radius:6px!important}.moonviz .terminal-body,.moonviz .moon-display{font-size:9px!important;line-height:12px!important;letter-spacing:.2px!important;padding:8px!important;align-items:center!important;justify-content:center!important}.moonviz .controls-container{flex-direction:column;gap:.5rem}.moonviz .date-control,.moonviz .location-control{padding:.5rem!important;border-radius:8px!important}.moonviz .date-label{font-size:9px}.moonviz .date-labels{margin-top:.25rem}.moonviz .date-slider::-webkit-slider-thumb{width:22px!important;height:22px!important;background-size:12px!important;margin-top:-7px!important}.moonviz .date-slider::-moz-range-thumb{width:22px!important;height:22px!important;background-size:12px!important}.moonviz .location-bead{width:22px;height:22px;background-size:14px}}