*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0a0a14;color:#e0e0e0;min-height:100vh;overflow:hidden}#scene-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0}#loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0a0a14;z-index:100;transition:opacity .5s ease}#loading-screen p{font-size:.9rem;color:#ffffffb3}#loading-screen.hidden{opacity:0;pointer-events:none}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(108,143,255,.2);border-top-color:#6c8fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.glass-panel{background:#0f0f1ecc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:14px;z-index:10}.app-title{position:fixed;top:20px;right:320px;text-align:right;z-index:10;pointer-events:none;max-width:220px}.app-title h1{font-size:1.3rem;font-weight:700;color:#ffffffd9;margin:0}.app-title p{font-size:.75rem;color:#fff6;margin:4px 0 0;letter-spacing:.08em;text-transform:uppercase}.language-switcher{display:flex;gap:6px;margin-top:8px;justify-content:flex-end;pointer-events:auto}.app-author{display:block;margin-top:6px;font-size:.62rem;letter-spacing:.04em;color:#ffffff6b}.lang-btn{padding:2px 10px;border-radius:12px;font-size:.65rem;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;background:#0f0f1ecc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.lang-btn.active{background:#6c8fff40;color:#6c8fff;border-color:#6c8fff59}.info-panel{position:fixed;top:20px;left:20px;width:330px;padding:20px}.info-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.info-panel-header-copy{min-width:0;flex:1}.info-panel-summary{display:none;margin-top:6px;font-size:.78rem;color:#ffffff9e;line-height:1.4}.info-panel-summary-value{color:#ffd866;font-weight:700}.info-panel-toggle{display:none;width:32px;height:32px;border:1px solid rgba(108,143,255,.25);border-radius:10px;background:#6c8fff1f;color:#b8c8ff;font-size:1.1rem;line-height:1;cursor:pointer;flex-shrink:0}.info-panel-details{margin-top:14px}.phase-name{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:14px;white-space:nowrap}.illumination-value{font-size:2rem;font-weight:700;color:#ffd866}.stat-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:12px}.stat-label{font-size:.8rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:.95rem;color:#e0e0e0}.phase-description{font-size:.875rem;line-height:1.5;color:#ffffffb3;margin-top:12px}.misconception-box{background:#ff646414;border-left:3px solid #ff6b6b;padding:10px 14px;border-radius:8px;margin-top:12px}.misconception-label{font-size:.7rem;text-transform:uppercase;color:#ff6b6b;font-weight:600;margin-bottom:4px;letter-spacing:.05em}.misconception-text{font-size:.8rem;color:#ffffffa6;line-height:1.5}.timeline-bar{position:fixed;left:0;right:0;bottom:0;padding:14px 24px;border-radius:14px 14px 0 0}.timeline-controls{display:flex;flex-direction:column;align-items:stretch;gap:12px}.timeline-primary-row,.timeline-slider-row{display:flex;align-items:center;gap:12px}.timeline-primary-row{justify-content:space-between}.play-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(108,143,255,.3);background:#6c8fff26;color:#6c8fff;cursor:pointer;font-size:1rem;transition:box-shadow .2s ease,background-color .2s ease,transform .2s ease}.play-btn:hover{box-shadow:0 0 16px #6c8fff73;background:#6c8fff40}.play-btn:active{transform:scale(.96)}.speed-buttons{display:flex;gap:4px}.speed-btn{padding:4px 10px;border-radius:6px;font-size:.75rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff80;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.speed-btn.active{background:#6c8fff33;border-color:#6c8fff66;color:#6c8fff}.timeline-slider-container{flex:1;position:relative;padding-top:10px}.step-btn{display:none;width:40px;height:40px;border-radius:12px;border:1px solid rgba(108,143,255,.25);background:#6c8fff1f;color:#b8c8ff;cursor:pointer;font-size:1.25rem;line-height:1;flex-shrink:0}.timeline-slider{width:100%;appearance:none;background:transparent}.timeline-slider::-webkit-slider-runnable-track{height:4px;background:#ffffff1a;border-radius:2px}.timeline-slider::-moz-range-track{height:4px;background:#ffffff1a;border-radius:2px}.timeline-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#6c8fff;margin-top:-5px;box-shadow:0 0 12px #6c8fff99;border:none}.timeline-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#6c8fff;box-shadow:0 0 12px #6c8fff99;border:none}.phase-ticks{position:absolute;left:0;right:0;top:2px;height:4px;pointer-events:none}.phase-tick{position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%)}.day-label{font-size:.8rem;color:#fff9;min-width:fit-content}.view-switcher{position:fixed;bottom:128px;left:24px;display:flex;flex-wrap:wrap;gap:8px;max-width:min(480px,calc(100vw - 48px));z-index:10;pointer-events:auto}.app-credit-link{position:fixed;right:24px;bottom:128px;padding:5px 10px;font-size:.64rem;letter-spacing:.03em;color:#ffffff8f;text-decoration:none;z-index:10;pointer-events:auto}.app-credit-link:hover{color:#ffffffd1;border-color:#ffffff29}@media(min-width:769px)and (max-width:1180px){.view-switcher,.app-credit-link{bottom:152px}}.view-btn{padding:6px 16px;border-radius:20px;font-size:.75rem;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.eclipse-toggle-group{display:flex;gap:8px;margin:14px 0 2px;flex-wrap:wrap}.eclipse-toggle-btn{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffb8;font-size:.72rem;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.eclipse-toggle-btn.active{background:#6c8fff33;border-color:#6c8fff6b;color:#d8e2ff}.view-btn.active{background:#6c8fff40;color:#6c8fff;border-color:#6c8fff59}.view-switcher-select{min-width:160px;padding:8px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);color:#ffffffdb;background:#0f0f1ee0;font-size:.85rem}@media(max-width:768px){#scene-canvas{transform:translateY(-10%)}.lil-gui.root{margin-right:8px;max-width:calc(100vw - 16px)}.info-panel{width:calc(100% - 32px);left:16px;top:auto;bottom:168px;border-radius:14px;max-height:34vh;overflow-y:auto;padding:16px;z-index:11}.info-panel-header{align-items:center}.info-panel-toggle{display:inline-flex;align-items:center;justify-content:center}.info-panel-summary{display:block}.info-panel .phase-name{margin-bottom:0;font-size:1.1rem}.info-panel .info-panel-details{overflow:hidden;max-height:70vh;opacity:1;transition:max-height .28s ease,opacity .2s ease,margin-top .2s ease}.info-panel.collapsed .info-panel-details{max-height:0;opacity:0;margin-top:0}.timeline-bar{padding:10px 16px}.timeline-primary-row{gap:10px;flex-wrap:wrap}.timeline-slider-row{gap:10px}.play-btn{width:48px;height:48px;font-size:1.1rem}.speed-buttons{gap:6px;flex-wrap:wrap;flex:1}.speed-btn{min-height:40px;padding:8px 12px;font-size:.82rem}.day-label{width:100%;order:3;font-size:.95rem}.phase-ticks{display:none}.timeline-slider-container{padding-top:0}.timeline-slider{height:30px}.timeline-slider::-webkit-slider-runnable-track{height:8px;border-radius:999px}.timeline-slider::-moz-range-track{height:8px;border-radius:999px}.timeline-slider::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px}.timeline-slider::-moz-range-thumb{width:24px;height:24px}.step-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}.view-switcher{position:static;display:inline-flex;flex-wrap:wrap;vertical-align:middle;margin-top:8px;margin-right:8px;max-width:none}.view-switcher-select{width:auto;max-width:100%;min-width:118px;font-size:.82rem;padding:6px 12px}.app-title{top:56px;left:16px;right:auto;width:min(320px,calc(100vw - 32px));text-align:left;max-width:none}.app-author{margin-top:4px;font-size:.58rem;letter-spacing:.02em}.app-credit-link{right:16px;bottom:184px;padding:4px 8px;font-size:.58rem}.eclipse-toggle-group{margin-top:10px;gap:6px}.eclipse-toggle-btn{padding:7px 11px;font-size:.7rem}.app-title h1{font-size:1.35rem}.app-title p{font-size:.65rem;line-height:1.3}.language-switcher{display:inline-flex;justify-content:flex-start;vertical-align:middle;margin-top:8px}}.eclipse-observer{position:fixed;bottom:164px;right:20px;width:220px;padding:10px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .35s ease,transform .35s ease}.eclipse-observer.visible{opacity:1;transform:scale(1);pointer-events:auto}.eclipse-observer-label{font-size:.68rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.06em}.eclipse-observer-canvas{width:200px;height:200px;border-radius:50%;display:block}@media(max-width:768px){.eclipse-observer{inset:52px 12px auto auto;width:108px;padding:3px;gap:0;border-radius:10px}.eclipse-observer-label{display:none}.eclipse-observer-canvas{width:100px;height:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}