*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#e6eeff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070b16;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}button,input,select{font:inherit}.starfield{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.app{color:#e6eeffeb;flex-direction:column;align-items:center;width:100%;min-height:100%;display:flex;position:relative;overflow:hidden}.space-bg{z-index:-1;background:radial-gradient(120% 80% at 50% 35%,#1a2744 0%,#0000 55%),radial-gradient(90% 70% at 50% 100%,#0c1224 0%,#0000 50%),linear-gradient(#070b16 0%,#0a1020 40%,#0d1528 70%,#0a0e1a 100%);position:fixed;inset:0}.clock-bar{z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:clamp(.75rem,2.5vw,1.75rem);width:min(920px,100%);margin-top:clamp(1.1rem,3.5vh,2.25rem);padding:0 clamp(1rem,3vw,1.75rem);display:grid;position:relative}.clock-center{flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-width:0;display:flex}.clock-time{letter-spacing:.12em;color:#f2f6ff;text-shadow:0 0 8px #c8dcff8c,0 0 22px #b4cdff59,0 0 48px #8caaff33;font-family:SF Mono,Roboto Mono,Fira Code,Cascadia Code,ui-monospace,Menlo,Consolas,monospace;font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:500;line-height:1.1}.clock-tz{letter-spacing:.04em;color:#becde68c;text-shadow:0 0 10px #a0b9e626;font-family:SF Mono,Roboto Mono,ui-monospace,Menlo,Consolas,monospace;font-size:clamp(.65rem,1.5vw,.88rem)}.sun-event{color:#e6eeffd1;flex-direction:column;justify-self:center;align-items:center;gap:.2rem;min-width:0;display:flex}.sun-event--sunset{justify-self:end}.sun-event--sunrise{justify-self:start}.sun-event-row{align-items:center;gap:.45rem;display:flex}.sun-event-icon{opacity:.85;filter:drop-shadow(0 0 6px #bed7ff73);flex-shrink:0}.sun-event-time{letter-spacing:.08em;color:#ebf2ffe0;text-shadow:0 0 6px #c8dcff66,0 0 16px #a0beff38;font-family:SF Mono,Roboto Mono,ui-monospace,Menlo,Consolas,monospace;font-size:clamp(.85rem,2vw,1.15rem);font-weight:400}.sun-event-label{letter-spacing:.14em;text-transform:uppercase;color:#e6eeff99;text-align:center;text-shadow:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:10px;font-weight:500;line-height:1}@media (width>=480px){.sun-event-label{font-size:11px}}@media (width<=520px){.clock-bar{grid-template-columns:1fr;justify-items:center;row-gap:.55rem}.sun-event--sunset,.sun-event--sunrise{justify-self:center}.clock-center{order:-1}}.stage{z-index:1;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.earth-canvas{touch-action:none;width:min(100vw,920px);height:min(72vh,720px)}.earth-canvas canvas{outline:none}.globe-fallback{color:#b4c8e680;letter-spacing:.06em;font-family:system-ui,-apple-system,sans-serif;font-size:.95rem;animation:2.4s ease-in-out infinite pulse-soft}@keyframes pulse-soft{0%,to{opacity:.45}50%{opacity:.85}}.sun-info{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,1fr);gap:.75rem 1.25rem;width:min(920px,100%);padding:.5rem 1.25rem 1.75rem;display:grid;position:relative}.sun-info-card{-webkit-backdrop-filter:blur(8px);background:linear-gradient(160deg,#1e2d5047 0%,#0c122438 100%);border:1px solid #8caadc1a;border-radius:12px;flex-direction:column;gap:.2rem;padding:.65rem .75rem;display:flex}.sun-info-label{text-transform:uppercase;letter-spacing:.16em;color:#aac3e680;font-family:system-ui,-apple-system,sans-serif;font-size:.65rem}.sun-info-value{color:#e1ebffeb;letter-spacing:.01em;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(.85rem,2vw,1.05rem);font-weight:500}.sun-info-detail{color:#aabedc7a;font-family:system-ui,-apple-system,sans-serif;font-size:clamp(.68rem,1.5vw,.78rem);line-height:1.35}@media (width<=640px){.sun-info{grid-template-columns:1fr;gap:.5rem;padding-bottom:1.25rem}.earth-canvas{height:min(55vh,480px)}}