*{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-of-day-clock,.animation-controls,.location-picker,.visual-options{background:#ffffff0d;border-radius:10px;padding:20px}.time-of-day-clock h3,.animation-controls h3,.location-picker h3,.visual-options h3{margin-bottom:15px;color:#4af;font-size:1.3rem}.app.high-contrast .time-of-day-clock h3,.app.high-contrast .animation-controls h3,.app.high-contrast .location-picker h3,.app.high-contrast .visual-options h3{color:#0ff}.time-of-day-clock{display:flex;flex-direction:column;align-items:center}.clock-time-label{margin-top:8px;font-family:Monaco,monospace;font-size:1.2rem;color:#4af}.app.high-contrast .clock-time-label{color:#0ff}.step-mode-toggle{display:flex;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.step-mode-toggle button{flex:1;border-radius:0;border:none;padding:8px 12px;font-size:.9rem}.step-mode-toggle button:first-child{border-right:1px solid rgba(255,255,255,.1)}.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}.playback-row{display:flex;gap:6px}.playback-row button{flex:1;padding:8px 6px}.speed-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.speed-controls button{padding:6px 10px;min-width:40px;font-size:.85rem}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:1fr 1fr;gap:10px}.options-grid label{display:flex;align-items:center;cursor:pointer;font-size:.9rem}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}.app.embed{min-height:auto;height:100vh;max-height:100vh;overflow:hidden;padding:20px;background:transparent;display:flex;flex-direction:column}.app.embed .main-content{grid-template-columns:1fr 280px;gap:16px;flex:1;min-height:0;max-width:none}.app.embed .views-container{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.app.embed .view-wrapper{padding:0;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.app.embed .view-wrapper canvas{width:min(calc(100vh - 60px),calc(100vw - 340px));height:min(calc(100vh - 60px),calc(100vw - 340px));aspect-ratio:1}.app.embed .view-wrapper h2,.app.embed .view-description,.app.embed .time-display,.app.embed .time-of-day-clock h3,.app.embed .animation-controls h3{display:none}.app.embed-both .main-content{grid-template-columns:1fr}.app.embed-both .views-container{flex-direction:row;gap:16px;flex:1;min-height:0;justify-content:center;align-items:center}.app.embed-both .view-wrapper{flex:none}.app.embed-both .view-wrapper canvas{width:min(calc(100vh - 100px),calc(50vw - 30px));height:min(calc(100vh - 100px),calc(50vw - 30px))}.embed-both-controls{display:flex;align-items:center;gap:16px;padding:6px 12px;background:#ffffff0d;border-radius:8px;margin-bottom:8px}.embed-both-controls .step-mode-toggle{display:flex;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.embed-both-controls .step-mode-toggle button{padding:4px 12px;font-size:.85rem;border-radius:0;border:none}.embed-both-controls .step-mode-toggle button:first-child{border-right:1px solid rgba(255,255,255,.1)}.embed-both-controls .playback-buttons{display:flex;gap:4px}.embed-both-controls .playback-buttons button{padding:4px 10px;font-size:1rem;min-width:36px}.embed-both-controls .day-counter{font-family:Monaco,monospace;font-size:.9rem;color:#aaa}: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}}