*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e27;color:#e0e0e0;line-height:1.6}code,pre{font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace}.app{min-height:100vh;padding:20px}.app.high-contrast{background:#000;color:#fff}header{text-align:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:10px}header h1{font-size:2.5rem;margin-bottom:10px;color:#4af}.app.high-contrast header h1{color:#0ff}.subtitle{font-size:1.1rem;color:#aaa;font-style:italic}.main-content{display:grid;grid-template-columns:1fr 400px;gap:20px;max-width:1600px;margin:0 auto}@media (max-width: 1200px){.main-content{grid-template-columns:1fr}}.views-container{display:flex;flex-direction:column;gap:20px}.view-wrapper{background:#ffffff0d;border-radius:10px;padding:20px}.view-wrapper h2{margin-bottom:15px;color:#4af;font-size:1.5rem}.app.high-contrast .view-wrapper h2{color:#0ff}.view-description{margin-top:15px;padding:10px;background:#0000004d;border-radius:5px;font-size:.9rem;line-height:1.5}.time-display{display:flex;gap:20px;margin-top:15px;padding:10px;background:#0006;border-radius:5px;font-family:Monaco,monospace}.clock{flex:1}.drift{flex:1;color:#f84}.controls-container{display:flex;flex-direction:column;gap:20px}.time-controls,.location-picker,.visual-options{background:#ffffff0d;border-radius:10px;padding:20px}.time-controls h3,.location-picker h3,.visual-options h3{margin-bottom:15px;color:#4af;font-size:1.3rem}.app.high-contrast .time-controls h3,.app.high-contrast .location-picker h3,.app.high-contrast .visual-options h3{color:#0ff}.control-row{margin-bottom:15px}.control-row label{display:block;margin-bottom:5px;font-size:.95rem;color:#ccc}button{background:#347;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:.95rem;transition:background .2s}button:hover{background:#458}button:active{background:#236}button.active{background:#48f}.app.high-contrast button{background:#fff;color:#000;border:2px solid #ffffff}.app.high-contrast button:hover{background:#ccc}.app.high-contrast button.active{background:#0ff;color:#000}.play-button,.reset-button{margin-right:10px}.speed-controls{display:flex;align-items:center;gap:8px}.speed-controls button{padding:6px 12px;min-width:50px}.jump-buttons{display:flex;flex-direction:column;gap:8px}.jump-button{width:100%}.quick-jump{display:flex;gap:8px;flex-wrap:wrap}.quick-jump button{flex:1;min-width:80px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#fff3;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#48f;cursor:pointer;border-radius:50%}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#48f;cursor:pointer;border-radius:50%;border:none}.app.high-contrast input[type=range]::-webkit-slider-thumb,.app.high-contrast input[type=range]::-moz-range-thumb{background:#0ff}input[type=checkbox]{margin-right:8px;cursor:pointer}select{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 10px;border-radius:5px;font-size:.95rem;cursor:pointer;width:100%}select option{background:#1a1a2e;color:#fff}.app.high-contrast select{background:#fff;color:#000;border:2px solid #ffffff}.info-display{margin-top:15px;padding:12px;background:#0000004d;border-radius:5px;font-size:.9rem}.info-item{margin-bottom:8px}.info-item:last-child{margin-bottom:0;color:#f84;font-weight:700}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:15px}.options-grid label{display:flex;align-items:center;cursor:pointer;font-size:.9rem}.visual-options h4{margin-top:20px;margin-bottom:10px;color:#8ac;font-size:1.1rem}footer{margin-top:40px;padding:20px;background:#ffffff0d;border-radius:10px}.explanation{max-width:900px;margin:0 auto}.explanation h3{color:#4af;font-size:1.8rem;margin-bottom:15px}.app.high-contrast .explanation h3{color:#0ff}.explanation p{margin-bottom:12px;font-size:1.05rem;line-height:1.7}.explanation strong{color:#f84}.app.high-contrast .explanation strong{color:#ff0}.marker-toggle label{display:flex;align-items:center;cursor:pointer}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0e27;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}