@layer tokens{:root{--color-accent: #ff8033;--color-accent-strong: #ff6000;--nav-bg: #1f2937;--nav-accent: #f59e0b;--nav-link: #cbd5e1;--color-surface: #fff;--color-border: #e0e0e0;--color-text: #222;--color-muted: #666;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .12);--shadow-md: 0 4px 16px rgba(0, 0, 0, .18);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .28);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--fs-xs: clamp(.625rem, .5cqi + .5rem, .75rem);--fs-sm: clamp(.75rem, .6cqi + .6rem, .875rem);--fs-base: clamp(.875rem, .8cqi + .7rem, 1rem);--fs-md: clamp(1rem, 1cqi + .8rem, 1.125rem);--fs-lg: clamp(1.125rem, 1.5cqi + .8rem, 1.375rem);--tap-min: 44px;--motion-duration: .15s}@media(prefers-color-scheme:dark){:root{--color-surface: #1a1a24;--color-text: #e8e8e8;--color-muted: #999;--color-border: #333}}@media(prefers-reduced-motion:reduce){:root{--motion-duration: .01ms}}}:root{--top-bar-h: clamp(44px, 5cqi + 1rem, 52px);--bottom-bar-h: clamp(56px, 7cqi + 1.5rem, 72px);--timeline-strip-h: clamp(40px, 4cqi + .9rem, 46px);--ui-fg-rgb: 255, 255, 255;--bar-rgb: 16, 16, 24;--canvas-bg: #000;--color-primary: #ece9ff;--color-bg: #1a1a24;--bar-bg: rgba(var(--bar-rgb), .96);--bar-text: rgba(var(--ui-fg-rgb), .9)}:root[data-theme=light]{--ui-fg-rgb: 26, 22, 45;--bar-rgb: 233, 236, 242;--canvas-bg: #dbe6f3;--color-primary: #1a1a24;--color-bg: #f5f6f8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--color-bg)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.4;color:var(--color-text)}#app{height:100%;overflow:hidden;position:relative}#top-bar{position:fixed;top:0;left:0;right:0;height:var(--top-bar-h);display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--bar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;box-shadow:0 2px 12px #0006}#top-controls{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:500;display:flex;align-items:center;gap:6px;pointer-events:none}#top-controls>*{pointer-events:auto}#DomeDemoTabs{margin-left:auto}.TabSelectors{display:flex;gap:4px;list-style:none;flex:0 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;padding:4px 0}.TabSelectors::-webkit-scrollbar{display:none}.TabSelectors li{flex-shrink:0;padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;color:rgba(var(--ui-fg-rgb),.65);background:transparent;border:1px solid transparent;transition:color var(--motion-duration),background var(--motion-duration),border-color var(--motion-duration);-webkit-user-select:none;user-select:none;white-space:nowrap}.TabSelectors li.TabEnabled:hover{color:var(--bar-text);background:rgba(var(--ui-fg-rgb),.1);border-color:rgba(var(--ui-fg-rgb),.15)}.TabSelectors li[aria-selected=true]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.tab-hidden{display:none!important}.top-playback{display:flex;align-items:center;gap:3px}#sun-moon-strip{display:flex;align-items:center;gap:8px;flex-shrink:0}.tc-timeline{display:flex;flex-direction:column;align-items:stretch;gap:1px;flex:1 1 auto;min-width:140px;max-width:360px}.timeline-shell{position:relative;height:26px;padding:0 1px}.timeline-ticks{position:absolute;inset:0;pointer-events:none;font-size:8.5px;color:rgba(var(--ui-fg-rgb),.4);font-variant-numeric:tabular-nums}.timeline-ticks .tk{position:absolute;top:1px;left:calc(var(--p) * 100%);transform:translate(-50%);line-height:1;white-space:nowrap;padding-top:0}.timeline-ticks .tk:after{content:"";display:block;width:1px;height:5px;margin:1px auto 0;background:rgba(var(--ui-fg-rgb),.25)}.timeline-range{position:absolute;inset:auto 0 0;width:100%;height:14px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:none}.timeline-range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:rgba(var(--ui-fg-rgb),.18)}.timeline-range::-moz-range-track{height:4px;border-radius:2px;background:rgba(var(--ui-fg-rgb),.18)}.timeline-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:4px;height:14px;margin-top:-5px;border-radius:2px;background:var(--color-accent);border:none;box-shadow:0 0 0 3px #00000059;cursor:grab}.timeline-range:active::-webkit-slider-thumb{cursor:grabbing}.timeline-range::-moz-range-thumb{width:4px;height:14px;border-radius:2px;background:var(--color-accent);border:none;box-shadow:0 0 0 3px #00000059;cursor:grab}.timeline-range:active::-moz-range-thumb{cursor:grabbing}.timeline-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-accent);outline-offset:2px}.timeline-range:focus-visible::-moz-range-thumb{outline:2px solid var(--color-accent);outline-offset:2px}.timeline-label{font-size:10px;color:rgba(var(--ui-fg-rgb),.7);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:center}#calendar-widget{position:fixed;top:calc(var(--top-bar-h) + 8px);right:10px;z-index:500}#calendar-dropdown{position:relative;min-width:0;background:rgba(var(--bar-rgb),.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--ui-fg-rgb),.12);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px 28px 4px 8px;display:flex;flex-direction:column;gap:4px}.cal-edit-btn{position:absolute;top:3px;right:3px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid rgba(var(--ui-fg-rgb),.12);border-radius:var(--radius-sm);background:rgba(var(--ui-fg-rgb),.06);color:rgba(var(--ui-fg-rgb),.55);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.cal-edit-btn:hover{background:rgba(var(--ui-fg-rgb),.14);color:var(--bar-text)}.cal-edit-btn[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}#calendar-dropdown .cal-field-arrows{display:none}#calendar-dropdown.cal-editing .cal-field-arrows{display:flex}#calendar-dropdown .cal-spin{cursor:default}#calendar-dropdown.cal-editing .cal-spin{cursor:ns-resize}.cal-digits{display:flex;align-items:center;gap:2px;justify-content:center;padding:2px 0 4px}.cal-field{display:inline-flex;align-items:stretch;gap:0;border:1px solid rgba(var(--ui-fg-rgb),.12);border-radius:var(--radius-sm);overflow:hidden;background:rgba(var(--ui-fg-rgb),.05)}.cal-spin{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px 3px;background:transparent;color:rgba(var(--ui-fg-rgb),.9);font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;cursor:ns-resize;-webkit-user-select:none;user-select:none;line-height:1}.cal-spin.cs-wide{min-width:40px}.cal-spin:hover{background:rgba(var(--ui-fg-rgb),.08)}.cal-spin:focus{outline:none;background:#ff803326}.cal-field-arrows{display:flex;flex-direction:column;align-items:stretch;width:14px;flex-shrink:0}.cal-arrow{display:flex;align-items:center;justify-content:center;flex:1;border:none;background:rgba(var(--ui-fg-rgb),.06);color:rgba(var(--ui-fg-rgb),.5);font-size:6px;line-height:1;padding:1px 0;cursor:pointer;transition:background .1s,color .1s}.cal-arrow:hover{background:rgba(var(--ui-fg-rgb),.15);color:rgba(var(--ui-fg-rgb),.85)}.cal-arrow:active{background:var(--color-accent);color:#fff}.cal-field:hover .cal-arrow{background:rgba(var(--ui-fg-rgb),.1)}.cal-sep{color:rgba(var(--ui-fg-rgb),.35);font-size:12px;padding:0 1px;-webkit-user-select:none;user-select:none}.cal-utc{color:rgba(var(--ui-fg-rgb),.35);font-size:10px;margin-left:2px;-webkit-user-select:none;user-select:none}#FeGraph{position:fixed!important;top:var(--top-bar-h)!important;left:0!important;right:0!important;bottom:calc(var(--timeline-strip-h) + var(--bottom-bar-h))!important;height:auto!important;border:none;padding:0;margin:0;overflow:hidden;background:var(--canvas-bg);z-index:1;touch-action:none}.JsGraph-ClippingBox{width:100%;height:100%;overflow:hidden;position:relative;font-size:0;line-height:0}.JsGraph-Canvas{display:block}#FeGraph .JsGraph-ClippingBox{width:100%!important;height:100%!important;inset:0!important}#timeline-strip{position:fixed;bottom:var(--bottom-bar-h);left:0;right:0;height:var(--timeline-strip-h);display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--bar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:999;border-bottom:1px solid rgba(var(--ui-fg-rgb),.08)}.tl-mode-btn{display:flex;align-items:center;justify-content:center;height:26px;min-width:36px;padding:0 6px;border:1px solid rgba(var(--ui-fg-rgb),.15);border-radius:var(--radius-sm);background:rgba(var(--ui-fg-rgb),.07);color:var(--bar-text);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;flex-shrink:0}.tl-mode-btn:hover{background:rgba(var(--ui-fg-rgb),.15)}.tl-mode-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}#timeline-strip .tc-timeline{flex:1 1 auto;min-width:0;max-width:none}.desktop-tl-placeholder{display:none}.pb-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(var(--ui-fg-rgb),.15);border-radius:var(--radius-sm);background:rgba(var(--ui-fg-rgb),.07);color:var(--bar-text);cursor:pointer;transition:background .15s,border-color .15s}.pb-btn:hover{background:rgba(var(--ui-fg-rgb),.15);border-color:rgba(var(--ui-fg-rgb),.3)}.pb-btn.pb-primary{width:40px;height:40px;background:var(--color-accent);border-color:var(--color-accent);border-radius:var(--radius-md)}.pb-btn.pb-primary:hover{background:#ff9a55;border-color:#ff9a55}.pb-btn[aria-pressed=true].pb-primary{background:#00b894;border-color:#00b894}.pb-btn[aria-pressed=true].pb-primary:hover{background:#00cfa8;border-color:#00cfa8}.pb-speed-btn{height:30px;min-width:56px;padding:0 10px;background:rgba(var(--ui-fg-rgb),.07);border:1px solid rgba(var(--ui-fg-rgb),.15);border-radius:var(--radius-sm);color:var(--bar-text);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background .15s,border-color .15s,transform .08s}.pb-speed-btn:hover{background:rgba(var(--ui-fg-rgb),.13);border-color:rgba(var(--ui-fg-rgb),.3)}.pb-speed-btn:active{transform:scale(.96)}.pb-speed-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}#pb-step-back,#pb-step-fwd{display:none}.pb-btn.pb-reset{color:rgba(var(--ui-fg-rgb),.55);margin-left:4px;width:40px;height:40px;border-radius:var(--radius-sm)}.pb-btn.pb-reset:hover{color:var(--bar-text)}#bottom-bar{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-bar-h);display:flex;align-items:center;justify-content:space-around;gap:4px;padding:0 6px;background:var(--bar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;box-shadow:0 -2px 12px #0006;overflow-x:auto;scrollbar-width:none}#bottom-bar::-webkit-scrollbar{display:none}.layer-section{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}.layer-section::-webkit-scrollbar{display:none}.layer-toggle{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 7px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:rgba(var(--ui-fg-rgb),.35);cursor:pointer;transition:color .15s,background .15s,border-color .15s;white-space:nowrap;min-width:var(--tap-min)}.layer-toggle:hover{color:rgba(var(--ui-fg-rgb),.75);background:rgba(var(--ui-fg-rgb),.08)}.layer-toggle[aria-pressed=true]{color:#fff;background:rgba(var(--ui-fg-rgb),.1);border-color:rgba(var(--ui-fg-rgb),.2)}.layer-toggle.move-btn[aria-pressed=true]{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.toggle-label{font-size:10px;line-height:1;display:none}.rays-section,.luminary-section,.position-section{display:flex;align-items:center;gap:4px;padding:3px 6px;border-left:1px solid rgba(var(--ui-fg-rgb),.12);flex-shrink:0}.param-group{position:relative;flex-shrink:0}.param-popover{position:fixed;bottom:calc(var(--bottom-bar-h) + 10px);right:10px;display:flex;flex-direction:column;gap:12px;padding:12px 14px;background:rgba(var(--bar-rgb),.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--ui-fg-rgb),.12);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1001}.param-popover[hidden]{display:none}.param-slider{display:flex;align-items:center;justify-content:space-between;gap:12px}.param-label{font-size:10px;color:rgba(var(--ui-fg-rgb),.55);white-space:nowrap;cursor:pointer;font-variant-numeric:tabular-nums}.param-val{color:rgba(var(--ui-fg-rgb),.85);font-weight:500}.param-range{width:216px;accent-color:var(--color-accent);cursor:pointer;height:14px}#sun-moon-strip{position:fixed;top:calc(var(--top-bar-h) + 6px);left:50%;transform:translate(-50%);z-index:500;display:flex;align-items:center;gap:12px;padding:4px 10px;background:rgba(var(--bar-rgb),.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);pointer-events:none}#latlong-strip{position:fixed;bottom:calc(var(--bottom-bar-h) + var(--timeline-strip-h) + 8px);left:8px;z-index:500;display:flex;align-items:center;padding:4px 10px;background:rgba(var(--bar-rgb),.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);pointer-events:none;transition:box-shadow .15s,background .15s}#latlong-strip.active{background:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),0 2px 10px #0006}#latlong-strip.active .sms-item{color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#calendar-toggle{display:none}.rays-section{display:none!important}#calendar-widget{position:fixed;top:calc(var(--top-bar-h) + 4px);right:6px;z-index:500}#calendar-dropdown{min-width:200px!important;background:rgba(var(--bar-rgb),.95)!important;padding:5px 6px}#calendar-dropdown .cal-year-track{display:none}#timeline-strip{padding:0 6px;gap:4px}.sms-strip{display:flex;align-items:center;justify-content:center;gap:12px;padding:2px 0 4px}.sms-item{font-size:11px;color:rgba(var(--ui-fg-rgb),.55);font-variant-numeric:tabular-nums;white-space:nowrap}@media(min-width:768px){.toggle-label{display:block}#DomeDemoTabs{display:flex}.rays-section{display:flex!important}#calendar-widget{position:fixed;top:calc(var(--top-bar-h) + 8px);right:10px}#calendar-dropdown{min-width:230px!important;background:rgba(var(--bar-rgb),.92)!important}#calendar-dropdown .cal-year-track{display:none}}@media(max-width:480px){:root{--top-bar-h: 44px;--bottom-bar-h: 56px;--timeline-strip-h: 32px}#top-bar{gap:4px;padding:0 6px;overflow-x:auto}.layer-toggle{min-width:32px;padding:5px 4px}.pb-btn{width:28px;height:28px}.pb-btn.pb-primary{width:34px;height:34px}.pb-speed-btn{font-size:11px;height:26px;min-width:48px;padding:0 7px}.tc-timeline{min-width:100px}.timeline-ticks{font-size:7.5px}}#gesture-hint{position:fixed;bottom:calc(var(--bottom-bar-h) + var(--timeline-strip-h) + 14px);left:50%;transform:translate(-50%);background:#0000009e;color:rgba(var(--ui-fg-rgb),.85);font-size:11px;font-family:inherit;padding:5px 14px;border-radius:20px;pointer-events:none;z-index:500;white-space:nowrap;transition:opacity .9s}@media(hover:none)and (pointer:coarse){.gh-fine,.gh-move{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}