:root{color-scheme:dark;--cp-bg0: #0f1115;--cp-bg1: #171b22;--cp-bg2: #21222b;--cp-bg3: color-mix(in srgb, var(--cp-bg2) 80%, var(--cp-bg0));--cp-border: rgba(255, 255, 255, .08);--cp-border-subtle: rgba(255, 255, 255, .06);--cp-text: color-mix(in srgb, #ffffff 88%, var(--cp-bg0));--cp-text2: color-mix(in srgb, #ffffff 64%, var(--cp-bg0));--cp-muted: color-mix(in srgb, #ffffff 46%, var(--cp-bg0));--cp-faint: color-mix(in srgb, #ffffff 32%, var(--cp-bg0));--cp-text-3: var(--cp-muted);--cp-link: color-mix(in srgb, var(--cp-accent) 70%, var(--cp-text));--cp-link-hover: color-mix(in srgb, var(--cp-accent) 85%, var(--cp-text));--cp-link-active: var(--cp-accent);--cp-title: color-mix(in srgb, var(--cp-accent) 55%, var(--cp-text));--cp-title-strong: color-mix(in srgb, var(--cp-accent) 70%, var(--cp-text));--cp-accent: #2f8c8d;--cp-accent-hover: color-mix(in srgb, var(--cp-accent) 85%, white);--cp-pink: #b07a93;--cp-pink-hover: color-mix(in srgb, var(--cp-pink) 85%, white);--cp-violet: #6d7794;--cp-violet-hover: color-mix(in srgb, var(--cp-violet) 85%, white);--cp-accent2: var(--cp-violet);--cp-accent3: var(--cp-accent);--cp-accent4: var(--cp-pink);--cp-success: #34d399;--cp-warning: #fbbf24;--cp-danger: #fb7185;--cp-glow-teal: color-mix(in srgb, var(--cp-accent) 10%, transparent);--cp-glow-pink: color-mix(in srgb, var(--cp-pink) 6%, transparent);--cp-glow-violet: color-mix(in srgb, var(--cp-violet) 8%, transparent);--cp-glow-accent: var(--cp-glow-teal);--cp-glow-blue: var(--cp-glow-violet);--cp-glow-magenta: var(--cp-glow-pink);--cp-glow-sun: 0 0 40px 10px rgba(255, 200, 100, .45);--cp-glow-moon: 0 0 30px 8px rgba(200, 200, 220, .35);--cp-glow-planet: 0 0 20px 5px rgba(100, 150, 255, .3);--cp-glow-star: 0 0 15px 3px rgba(255, 255, 255, .4);--cp-glow-accent-teal: 0 0 25px 6px rgba(45, 212, 191, .35);--cp-glow-accent-rose: 0 0 25px 6px rgba(244, 114, 182, .35);--cp-glow-accent-violet: 0 0 25px 6px rgba(167, 139, 250, .35);--cp-celestial-sun: #fbbf24;--cp-celestial-sun-core: #fff5cc;--cp-celestial-sun-corona: #ff8c00;--cp-celestial-moon: #e2e8f0;--cp-celestial-moon-dark: #3a3a4a;--cp-celestial-earth: #3b82f6;--cp-celestial-earth-land: #4a9d4a;--cp-celestial-mars: #ef4444;--cp-celestial-jupiter: #d4a574;--cp-celestial-venus: #f5deb3;--cp-celestial-saturn: #e8d5a3;--cp-celestial-star: #ffffff;--cp-celestial-orbit: var(--cp-violet);--cp-accent-amber: #FFB86C;--cp-accent-green: #50FA7B;--cp-accent-ice: #8BE9FD;--cp-accent-rose: #FF79C6;--cp-chart-1: var(--cp-accent);--cp-chart-2: var(--cp-pink);--cp-chart-3: var(--cp-violet);--cp-chart-4: #facc15;--cp-chart-5: #fb923c;--cp-data-positive: var(--cp-success);--cp-data-negative: var(--cp-danger);--cp-data-neutral: var(--cp-muted);--cp-selection-bg: color-mix(in srgb, var(--cp-pink) 22%, transparent);--cp-focus: color-mix(in srgb, var(--cp-accent) 55%, transparent);--cp-focus-ring: 2px solid var(--cp-focus);--cp-input-bg: var(--cp-bg1);--cp-input-border: var(--cp-border);--cp-input-focus: var(--cp-focus);--cp-input-placeholder: var(--cp-faint);--cp-font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;--cp-font-sans: "Source Sans 3", "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--cp-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--cp-text-sm: .875rem;--cp-text-md: 1.125rem;--cp-text-lg: 1.25rem;--cp-text-xl: 1.5rem;--cp-text-2xl: 1.875rem;--cp-text-3xl: 2.25rem;--cp-text-4xl: 3rem;--cp-text-hero: 4rem;--cp-leading-tight: 1.25;--cp-leading-normal: 1.5;--cp-leading-relaxed: 1.75;--cp-font-normal: 400;--cp-font-medium: 500;--cp-font-semibold: 600;--cp-font-bold: 700;--cp-transition-fast: .15s;--cp-transition-normal: .2s;--cp-transition-slow: .3s;--cp-duration-enter: .25s;--cp-duration-exit: .2s;--cp-ease-out: cubic-bezier(.16, 1, .3, 1);--cp-ease-in-out: cubic-bezier(.65, 0, .35, 1);--cp-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--cp-stagger: 50ms;--cp-space-0: 2px;--cp-space-1: 4px;--cp-space-2: 8px;--cp-space-3: 12px;--cp-space-4: 16px;--cp-space-5: 24px;--cp-space-6: 32px;--cp-space-7: 48px;--cp-z-dropdown: 100;--cp-z-sticky: 200;--cp-z-modal: 300;--cp-z-tooltip: 400;--cp-bp-sm: 640px;--cp-bp-md: 768px;--cp-bp-lg: 1024px;--cp-bp-xl: 1280px;--cp-r-1: 10px;--cp-r-2: 14px;--cp-r-3: 18px;--cp-shadow-1: 0 1px 0 rgba(255, 255, 255, .04), 0 10px 30px rgba(0, 0, 0, .35);--cp-shadow-2: 0 1px 0 rgba(255, 255, 255, .05), 0 20px 60px rgba(0, 0, 0, .5);--cp-elevation-1: 0 2px 8px rgba(0, 0, 0, .3);--cp-elevation-2: 0 4px 16px rgba(0, 0, 0, .4);--cp-elevation-3: 0 8px 32px rgba(0, 0, 0, .5);--cp-chip-bg: color-mix(in srgb, var(--cp-bg2) 70%, transparent);--cp-chip-bg-active: color-mix(in srgb, var(--cp-accent) 22%, transparent);--cp-chip-border-active: color-mix(in srgb, var(--cp-accent) 45%, transparent);--cp-card-bg: linear-gradient( 180deg, color-mix(in srgb, var(--cp-bg2) 92%, #ffffff 8%) 0%, color-mix(in srgb, var(--cp-bg2) 92%, #000000 8%) 100% );--cp-card-shadow: 0 10px 28px rgba(0, 0, 0, .35);--cp-card-shadow-hover: 0 14px 36px rgba(0, 0, 0, .42);--cp-card-border-hover: color-mix(in srgb, var(--cp-accent) 35%, var(--cp-border));--cp-card-glow: 0 8px 32px color-mix(in srgb, var(--cp-accent) 10%, transparent);--cp-readout-label-size: .75rem;--cp-readout-label-weight: 600;--cp-readout-label-tracking: .05em;--cp-readout-label-color: var(--cp-muted);--cp-readout-value-size: 1.5rem;--cp-readout-value-weight: 500;--cp-readout-value-color: var(--cp-accent-amber);--cp-readout-value-font: "SF Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--cp-readout-unit-size: .875rem;--cp-readout-unit-weight: 400;--cp-readout-unit-color: var(--cp-accent-ice);--cp-status-draft-bg: color-mix(in srgb, var(--cp-pink) 18%, transparent);--cp-status-draft-text: color-mix(in srgb, var(--cp-pink) 85%, #ffffff 15%);--cp-status-beta-bg: color-mix(in srgb, var(--cp-accent) 18%, transparent);--cp-status-beta-text: color-mix(in srgb, var(--cp-accent) 85%, #ffffff 15%);--cp-museum-nebula-opacity: .08;--cp-museum-star-opacity: .4;--cp-phase-predict: var(--cp-violet);--cp-phase-play: var(--cp-accent);--cp-phase-explain: var(--cp-pink);--cp-topic-earthsky: var(--cp-celestial-earth);--cp-topic-orbits: var(--cp-accent);--cp-topic-lightspectra: var(--cp-violet);--cp-topic-telescopes: #8BE9FD;--cp-topic-datainference: #50FA7B;--cp-topic-stars: var(--cp-celestial-sun);--cp-topic-galaxies: var(--cp-pink);--cp-topic-cosmology: var(--cp-celestial-sun-corona);--cp-hero-min-height: 40vh}html,body{background:var(--cp-bg0);color:var(--cp-text);font-family:var(--cp-font-sans);font-size:var(--cp-text-md);line-height:var(--cp-leading-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--cp-font-display);line-height:var(--cp-leading-tight)}h1{font-size:var(--cp-text-4xl);font-weight:var(--cp-font-bold);letter-spacing:-.025em;color:var(--cp-title-strong)}h2{font-size:var(--cp-text-3xl);font-weight:var(--cp-font-bold);letter-spacing:-.02em;color:var(--cp-title)}h3{font-size:var(--cp-text-2xl);font-weight:var(--cp-font-semibold);letter-spacing:-.015em;color:var(--cp-title)}h4{font-size:var(--cp-text-xl);font-weight:var(--cp-font-semibold);letter-spacing:-.01em;color:var(--cp-title)}a{color:var(--cp-link);text-decoration:none;text-decoration-color:color-mix(in srgb,var(--cp-link) 35%,transparent);text-underline-offset:.18em;transition:color var(--cp-transition-fast) var(--cp-ease-out)}a:hover{color:var(--cp-link-hover);text-decoration-color:color-mix(in srgb,var(--cp-link-hover) 55%,transparent)}a:active{color:var(--cp-link-active)}::selection{background:var(--cp-selection-bg);color:var(--cp-text)}:focus-visible{outline:2px solid var(--cp-focus);outline-offset:2px}@keyframes cp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cp-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cp-pop-in{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes cp-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes cp-glow-pulse{0%,to{filter:drop-shadow(0 0 20px currentColor)}50%{filter:drop-shadow(0 0 35px currentColor)}}@keyframes cp-value-flash{0%{color:var(--cp-accent-amber, #FFB86C);transform:scale(1.05)}to{color:inherit;transform:scale(1)}}@keyframes cp-twinkle{0%,to{opacity:var(--cp-star-opacity, .8)}50%{opacity:calc(var(--cp-star-opacity, .8) * .4)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cp-layer-instrument{background:var(--cp-bg0);--cp-accent: #2dd4bf;--cp-accent-hover: #5eead4;--cp-pink: #f472b6;--cp-pink-hover: #f9a8d4;--cp-violet: #a78bfa;--cp-violet-hover: #c4b5fd}.cp-layer-instrument{--cp-instr-panel-bg: rgba(23, 27, 34, .88);--cp-instr-panel-bg-muted: rgba(23, 27, 34, .75);--cp-instr-panel-border: rgba(109, 119, 148, .25)}.cp-layer-instrument{--cp-glow-teal: 0 0 20px rgba(45, 212, 191, .4);--cp-glow-pink: 0 0 20px rgba(244, 114, 182, .35);--cp-glow-violet: 0 0 20px rgba(167, 139, 250, .35);--cp-glow-accent: var(--cp-glow-teal);--cp-glow-blue: var(--cp-glow-violet);--cp-glow-magenta: var(--cp-glow-pink)}.cp-layer-instrument .cp-panel{background:var(--cp-instr-panel-bg);border:1px solid var(--cp-instr-panel-border);border-radius:var(--cp-r-2);box-shadow:var(--cp-shadow-1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cp-layer-instrument .cp-panel-header{padding:var(--cp-space-3) var(--cp-space-4);border-bottom:1px solid color-mix(in srgb,var(--cp-instr-panel-border) 60%,transparent);color:var(--cp-muted);font-size:.9rem;letter-spacing:.02em;text-transform:uppercase}.cp-layer-instrument .cp-panel-body{padding:var(--cp-space-4)}.cp-layer-instrument .cp-readout{background:#21222bb3;border-radius:var(--cp-r-1);padding:var(--cp-space-3)}.cp-layer-instrument .cp-readout__label{font-size:var(--cp-readout-label-size);font-weight:var(--cp-readout-label-weight);letter-spacing:var(--cp-readout-label-tracking);color:var(--cp-readout-label-color);text-transform:uppercase;margin-bottom:var(--cp-space-1)}.cp-layer-instrument .cp-readout__value{font-size:var(--cp-readout-value-size);font-weight:var(--cp-readout-value-weight);color:var(--cp-readout-value-color);font-family:var(--cp-readout-value-font);font-variant-numeric:tabular-nums;line-height:var(--cp-leading-tight)}.cp-layer-instrument .cp-readout__unit{font-size:var(--cp-readout-unit-size);font-weight:var(--cp-readout-unit-weight);color:var(--cp-readout-unit-color);margin-left:.25em}.cp-layer-instrument .cp-callout{border-left:3px solid var(--cp-accent);background:color-mix(in srgb,var(--cp-accent) 8%,transparent);padding:var(--cp-space-3) var(--cp-space-4);border-radius:var(--cp-r-2)}.cp-layer-instrument .cp-callout[data-kind=model]{border-left-color:var(--cp-violet);background:color-mix(in srgb,var(--cp-violet) 8%,transparent)}.cp-layer-instrument .cp-callout[data-kind=misconception]{border-left-color:var(--cp-pink);background:color-mix(in srgb,var(--cp-pink) 8%,transparent)}.cp-layer-instrument .celestial-sun{fill:var(--cp-celestial-sun);filter:drop-shadow(var(--cp-glow-sun))}.cp-layer-instrument .celestial-moon{fill:var(--cp-celestial-moon);filter:drop-shadow(var(--cp-glow-moon))}.cp-layer-instrument .celestial-earth{fill:var(--cp-celestial-earth);filter:drop-shadow(var(--cp-glow-planet))}.cp-layer-instrument .celestial-mars{fill:var(--cp-celestial-mars);filter:drop-shadow(var(--cp-glow-planet))}.cp-layer-instrument .celestial-star-generic{fill:var(--cp-celestial-star);filter:drop-shadow(var(--cp-glow-star))}.cp-layer-instrument .orbit-path{stroke:var(--cp-celestial-orbit);fill:none;opacity:.5}.cp-layer-instrument .cp-button:hover,.cp-layer-instrument .cp-button:focus-visible{box-shadow:var(--cp-glow-teal)}.cp-layer-instrument .cp-button--accent:hover,.cp-layer-instrument .cp-button--accent:focus-visible{box-shadow:var(--cp-glow-pink)}.cp-layer-instrument .cp-chip:hover,.cp-layer-instrument .cp-chip:focus-visible{box-shadow:var(--cp-glow-teal)}.cp-starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;width:100%;height:100%}.cp-demo{position:relative;z-index:1;display:grid;grid-template-columns:clamp(280px,25vw,360px) minmax(0,1fr);grid-template-rows:1fr auto auto auto;grid-template-areas:"sidebar  viz" "sidebar  playbar" "sidebar  readouts" "shelf    shelf";gap:var(--cp-space-3);padding:var(--cp-space-4);min-height:100svh;align-items:start}.cp-demo__controls,.cp-demo__sidebar{grid-area:sidebar;position:sticky;top:var(--cp-space-4);z-index:3;align-self:start;max-height:calc(100svh - (2 * var(--cp-space-4)));overflow:hidden;display:flex;flex-direction:column;min-height:0}.cp-demo__stage{grid-area:viz;min-width:0;min-height:clamp(420px,70svh,820px)}.cp-demo__readouts{grid-area:readouts;min-width:0}.cp-demo__drawer,.cp-demo__shelf{grid-area:shelf;min-width:0;position:relative;z-index:2;background:var(--cp-bg1)}.cp-demo__controls .cp-panel-body,.cp-demo__sidebar .cp-panel-body{flex:1 1 auto;min-height:0;overflow:auto}.cp-demo__readouts .cp-panel-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--cp-space-3)}.cp-stage{background:var(--cp-bg1);border:1px solid var(--cp-border);border-radius:var(--cp-r-3);box-shadow:var(--cp-shadow-1);overflow:hidden}.cp-drawer{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.cp-panels{display:grid;gap:var(--cp-space-3)}.cp-accordion{background:var(--cp-bg1);border:1px solid var(--cp-border);border-radius:var(--cp-r-3);box-shadow:var(--cp-shadow-1);overflow:hidden}.cp-accordion>summary{cursor:pointer;padding:var(--cp-space-3) var(--cp-space-4);list-style:none;display:flex;align-items:baseline;justify-content:space-between;gap:var(--cp-space-3)}.cp-accordion>summary::-webkit-details-marker{display:none}.cp-accordion>summary:focus-visible{outline:3px solid var(--cp-focus);outline-offset:3px}.cp-accordion__title{font-weight:var(--cp-font-bold)}.cp-accordion__meta{color:var(--cp-muted);font-size:var(--cp-text-sm);white-space:nowrap}.cp-accordion__body{padding:var(--cp-space-3) var(--cp-space-4) var(--cp-space-4);border-top:1px solid var(--cp-border)}.cp-accordion__body :is(p,ul,ol){margin:var(--cp-space-2) 0}.cp-accordion__body ul,.cp-accordion__body ol{padding-left:var(--cp-space-5)}@media (max-width: 1024px){.cp-demo{grid-template-columns:1fr;grid-template-areas:"viz" "playbar" "readouts" "sidebar" "shelf"}.cp-demo__controls,.cp-demo__sidebar{position:static;max-height:none;overflow:visible}.cp-demo__stage{min-height:clamp(360px,56svh,560px)}}.cp-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--cp-space-2);padding:var(--cp-space-3) var(--cp-space-5);font-size:var(--cp-text-md);font-weight:var(--cp-font-medium);line-height:1;text-decoration:none;border:1px solid var(--cp-border);border-radius:var(--cp-r-2);background:var(--cp-bg1);color:var(--cp-text);cursor:pointer;transition:background var(--cp-transition-fast) var(--cp-ease-out),border-color var(--cp-transition-fast) var(--cp-ease-out),transform var(--cp-transition-fast) var(--cp-ease-out)}.cp-button:hover{background:var(--cp-bg2);border-color:color-mix(in srgb,var(--cp-border) 60%,var(--cp-accent))}.cp-button:active{transform:scale(.98)}.cp-button:focus-visible{outline:2px solid var(--cp-focus);outline-offset:2px}.cp-button--primary{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-bg0)}.cp-button--primary:hover{background:color-mix(in srgb,var(--cp-accent) 85%,white);border-color:color-mix(in srgb,var(--cp-accent) 85%,white)}.cp-button--ghost{background:transparent;border-color:transparent}.cp-button--ghost:hover{background:#ffffff0d;border-color:transparent}.cp-button--outline{background:transparent;border-color:var(--cp-border)}.cp-button--outline:hover{background:color-mix(in srgb,var(--cp-bg1) 60%,transparent);border-color:color-mix(in srgb,var(--cp-border) 60%,var(--cp-accent))}.cp-button--block{width:100%}.cp-button:disabled,.cp-button[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.cp-button--accent{background:color-mix(in srgb,var(--cp-pink) 14%,transparent);border-color:color-mix(in srgb,var(--cp-pink) 45%,transparent);color:var(--cp-text)}.cp-button--accent:hover{background:color-mix(in srgb,var(--cp-pink) 22%,transparent);border-color:color-mix(in srgb,var(--cp-pink) 60%,transparent)}@media (prefers-reduced-motion: reduce){.cp-button{transition:none}}.cp-input,.cp-select,.cp-textarea,.cp-demo select{display:block;width:100%;padding:var(--cp-space-3) var(--cp-space-4);font-size:var(--cp-text-md);font-family:inherit;line-height:var(--cp-leading-normal);color:var(--cp-text);background:var(--cp-input-bg);border:1px solid var(--cp-input-border);border-radius:var(--cp-r-2);transition:border-color var(--cp-transition-fast) var(--cp-ease-out),box-shadow var(--cp-transition-fast) var(--cp-ease-out)}.cp-input:focus,.cp-select:focus,.cp-textarea:focus,.cp-demo select:focus{outline:none;border-color:var(--cp-accent);box-shadow:0 0 0 3px var(--cp-glow-teal)}.cp-input::placeholder,.cp-textarea::placeholder{color:var(--cp-input-placeholder)}.cp-input:disabled,.cp-select:disabled,.cp-textarea:disabled,.cp-demo select:disabled{opacity:.5;cursor:not-allowed}.cp-label{display:block;margin-bottom:var(--cp-space-2);font-size:var(--cp-text-sm);font-weight:var(--cp-font-medium);color:var(--cp-text2)}.cp-field{margin-bottom:var(--cp-space-5)}.cp-demo input[type=checkbox],.cp-demo input[type=radio]{accent-color:var(--cp-accent)}.cp-field--error .cp-input,.cp-field--error .cp-select,.cp-field--error .cp-textarea{border-color:var(--cp-danger)}.cp-field--error .cp-input:focus,.cp-field--error .cp-select:focus,.cp-field--error .cp-textarea:focus{box-shadow:0 0 0 3px var(--cp-glow-pink)}.cp-error-message{margin-top:var(--cp-space-2);font-size:var(--cp-text-sm);color:var(--cp-danger)}.cp-range,.cp-demo input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:9999px;background:color-mix(in srgb,var(--cp-bg2) 70%,transparent);cursor:pointer;outline:none;--cp-range-progress: 50%}.cp-range:focus-visible,.cp-demo input[type=range]:focus-visible{outline:2px solid var(--cp-focus);outline-offset:3px}.cp-range::-webkit-slider-runnable-track,.cp-demo input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:9999px;background:linear-gradient(to right,var(--cp-accent) 0%,var(--cp-accent) var(--cp-range-progress),color-mix(in srgb,var(--cp-bg2) 70%,transparent) var(--cp-range-progress),color-mix(in srgb,var(--cp-bg2) 70%,transparent) 100%)}.cp-range::-webkit-slider-thumb,.cp-demo input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:9999px;background:var(--cp-bg1);border:2px solid var(--cp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cp-accent) 18%,transparent);transition:transform var(--cp-transition-fast) var(--cp-ease-out),box-shadow var(--cp-transition-fast) var(--cp-ease-out)}.cp-range:hover::-webkit-slider-thumb,.cp-demo input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 0 0 4px color-mix(in srgb,var(--cp-accent) 22%,transparent)}.cp-range:active::-webkit-slider-thumb,.cp-demo input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.cp-range::-moz-range-track,.cp-demo input[type=range]::-moz-range-track{height:6px;border-radius:9999px;background:color-mix(in srgb,var(--cp-bg2) 70%,transparent)}.cp-range::-moz-range-progress,.cp-demo input[type=range]::-moz-range-progress{height:6px;border-radius:9999px;background:var(--cp-accent)}.cp-range::-moz-range-thumb,.cp-demo input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:9999px;background:var(--cp-bg1);border:2px solid var(--cp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cp-accent) 18%,transparent);transition:transform var(--cp-transition-fast) var(--cp-ease-out),box-shadow var(--cp-transition-fast) var(--cp-ease-out)}.cp-range:hover::-moz-range-thumb,.cp-demo input[type=range]:hover::-moz-range-thumb{transform:scale(1.1);box-shadow:0 0 0 4px color-mix(in srgb,var(--cp-accent) 22%,transparent)}.cp-range:active::-moz-range-thumb,.cp-demo input[type=range]:active::-moz-range-thumb{transform:scale(1.15)}@media (prefers-reduced-motion: reduce){.cp-input,.cp-select,.cp-textarea,.cp-range::-webkit-slider-thumb,.cp-demo input[type=range]::-webkit-slider-thumb,.cp-range::-moz-range-thumb,.cp-demo input[type=range]::-moz-range-thumb{transition:none}}.cp-popover-anchor{position:relative}.cp-popover{position:absolute;z-index:var(--cp-z-dropdown);top:calc(100% + var(--cp-space-2));left:0;min-width:240px;max-width:360px;background:var(--cp-instr-panel-bg, var(--cp-bg2));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--cp-border);border-radius:var(--cp-r-2);box-shadow:var(--cp-elevation-3);animation:cp-pop-in .15s var(--cp-ease-out)}.cp-popover[hidden]{display:none}.cp-popover__body{padding:var(--cp-space-3);max-height:400px;overflow:auto}.cp-popover-link{display:block;padding:var(--cp-space-2) var(--cp-space-3);color:var(--cp-text);text-decoration:none;border-radius:var(--cp-r-1);transition:background var(--cp-transition-fast) var(--cp-ease-out)}.cp-popover-link:hover{background:var(--cp-bg2);color:var(--cp-accent)}.cp-tabs{display:flex;gap:var(--cp-space-1);border-bottom:1px solid var(--cp-border);padding:0 var(--cp-space-3)}.cp-tab{padding:var(--cp-space-2) var(--cp-space-3);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--cp-muted);font-family:var(--cp-font-sans);font-size:var(--cp-text-sm);font-weight:var(--cp-font-semibold);cursor:pointer;transition:color var(--cp-transition-fast) var(--cp-ease-out),border-color var(--cp-transition-fast) var(--cp-ease-out)}.cp-tab:focus-visible{outline:2px solid var(--cp-focus);outline-offset:-2px}.cp-tab--active,.cp-tab[aria-selected=true]{color:var(--cp-accent);border-bottom-color:var(--cp-accent)}.cp-tab:hover:not(.cp-tab--active):not([aria-selected=true]){color:var(--cp-text)}.cp-tab-panel{padding:var(--cp-space-4)}.cp-tab-panel[hidden]{display:none}.cp-playbar{grid-area:playbar;display:flex;align-items:center;gap:var(--cp-space-2);padding:var(--cp-space-2) var(--cp-space-3);background:var(--cp-instr-panel-bg, var(--cp-bg2));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--cp-border);border-radius:var(--cp-r-2)}.cp-playbar__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:44px;min-height:44px;padding:0;background:transparent;border:1px solid var(--cp-border);border-radius:var(--cp-r-1);color:var(--cp-text);font-size:var(--cp-text-md);cursor:pointer;transition:background var(--cp-transition-fast) var(--cp-ease-out),border-color var(--cp-transition-fast) var(--cp-ease-out)}.cp-playbar__btn:hover{background:var(--cp-bg2);border-color:var(--cp-accent)}.cp-playbar__btn:focus-visible{outline:2px solid var(--cp-focus);outline-offset:2px}.cp-playbar__btn:disabled{opacity:.4;cursor:default;pointer-events:none}.cp-playbar__timeline{flex:1;min-width:120px}.cp-playbar__phase{font-family:var(--cp-font-mono);font-size:var(--cp-text-sm);white-space:nowrap;min-width:10ch}.cp-bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:var(--cp-z-sticky);background:var(--cp-instr-panel-bg, var(--cp-bg2));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--cp-border);border-radius:var(--cp-r-3) var(--cp-r-3) 0 0;transition:transform .3s var(--cp-ease-out);will-change:transform}.cp-bottom-sheet[data-snap=collapsed]{transform:translateY(calc(100% - 10svh))}.cp-bottom-sheet[data-snap=half]{transform:translateY(50%)}.cp-bottom-sheet[data-snap=full]{transform:translateY(10%)}.cp-bottom-sheet__handle{display:flex;justify-content:center;padding:var(--cp-space-2);cursor:grab;touch-action:none}.cp-bottom-sheet__handle:active{cursor:grabbing}.cp-bottom-sheet__grip{width:40px;height:4px;border-radius:2px;background:var(--cp-muted)}.cp-bottom-sheet__content{overflow:auto;-webkit-overflow-scrolling:touch;max-height:calc(90svh - 40px);padding:0 var(--cp-space-3) var(--cp-space-4)}@media (min-width: 1024px){.cp-bottom-sheet{display:none}}.cp-utility-toolbar{display:flex;gap:var(--cp-space-1);padding:var(--cp-space-2) 0;border-bottom:1px solid var(--cp-border-subtle);margin-bottom:var(--cp-space-3)}.cp-utility-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:44px;min-height:44px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--cp-r-1);color:var(--cp-muted);cursor:pointer;transition:color var(--cp-transition-fast) var(--cp-ease-out),background var(--cp-transition-fast) var(--cp-ease-out),border-color var(--cp-transition-fast) var(--cp-ease-out)}.cp-utility-btn:hover{color:var(--cp-text);background:var(--cp-bg2);border-color:var(--cp-border)}.cp-utility-btn:focus-visible{outline:2px solid var(--cp-focus);outline-offset:2px}.cp-utility-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.cp-readout-strip{grid-area:readouts;display:flex;flex-wrap:wrap;gap:var(--cp-space-3) var(--cp-space-5);padding:var(--cp-space-3) var(--cp-space-4);background:var(--cp-instr-panel-bg, var(--cp-bg2));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--cp-r-2);border:1px solid var(--cp-border)}.cp-readout-strip .cp-readout{background:transparent;border:none;padding:0;min-width:auto}.cp-scroll-shadow{background:linear-gradient(var(--cp-bg1) 30%,transparent) local,linear-gradient(transparent,var(--cp-bg1) 70%) 0 100% local,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.3),transparent) scroll,radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.3),transparent) 0 100% scroll;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 12px,100% 12px}.cp-chip{display:inline-flex;align-items:center;justify-content:center;padding:var(--cp-space-1) var(--cp-space-2);font-size:var(--cp-text-sm, .82rem);font-weight:var(--cp-font-medium);line-height:1;border:1px solid var(--cp-border);border-radius:9999px;background:var(--cp-bg1);color:var(--cp-text);cursor:pointer;transition:border-color var(--cp-transition-fast) ease,background var(--cp-transition-fast) ease,box-shadow var(--cp-transition-fast) ease}.cp-chip:hover{border-color:color-mix(in srgb,var(--cp-border) 50%,var(--cp-accent));background:color-mix(in srgb,var(--cp-accent) 6%,var(--cp-bg1))}.cp-chip:active{background:color-mix(in srgb,var(--cp-accent) 12%,var(--cp-bg1))}.cp-chip:focus-visible{outline:2px solid var(--cp-accent-amber);outline-offset:2px}.cp-chip.is-active,.cp-chip[aria-pressed=true]{border-color:color-mix(in srgb,var(--cp-border) 30%,var(--cp-accent));background:color-mix(in srgb,var(--cp-accent) 10%,var(--cp-bg2));box-shadow:0 0 0 1px color-mix(in srgb,var(--cp-accent) 18%,transparent)}.cp-chip:disabled,.cp-chip[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.cp-chip-group{display:flex;flex-wrap:wrap;gap:var(--cp-space-1)}.cp-chip-group--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cp-space-2)}.cp-toggle{display:inline-flex;align-items:center;gap:var(--cp-space-2);cursor:pointer;font-size:.85rem;color:var(--cp-muted)}.cp-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:36px;height:20px;border-radius:9999px;border:1px solid var(--cp-border);background:var(--cp-bg2);position:relative;cursor:pointer;flex-shrink:0;transition:background .2s ease,border-color .2s ease}.cp-toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--cp-muted);transition:transform .2s ease,background .2s ease}.cp-toggle input[type=checkbox]:checked{background:color-mix(in srgb,var(--cp-accent) 25%,var(--cp-bg2));border-color:var(--cp-accent)}.cp-toggle input[type=checkbox]:checked:after{transform:translate(16px);background:var(--cp-accent)}.cp-toggle input[type=checkbox]:focus-visible{outline:2px solid var(--cp-accent-amber);outline-offset:2px}.cp-panel-body{display:grid;gap:var(--cp-space-3)}.cp-muted{color:var(--cp-muted)}.cp-status{margin:0;color:var(--cp-muted);min-height:1.25em}.cp-stage--stub{display:grid;place-items:center;padding:var(--cp-space-5)}.cp-stage__inner{max-width:52ch}.cp-stage__headline{margin:0;font-weight:800;font-size:1.2rem}.cp-readout{margin-top:12px;padding:10px;border-radius:10px;background:var(--cp-bg2);border:1px solid var(--cp-border)}.cp-readout__label{font-size:.9rem;color:var(--cp-muted)}.cp-readout__value{margin-top:4px;font-size:1.4rem}.cp-notice{margin-top:12px;padding:10px;border-radius:12px;background:var(--cp-bg2);border:1px solid var(--cp-border)}.cp-notice h3{margin:0;font-size:1rem}.cp-notice ul{margin:8px 0 0;padding-left:18px;color:var(--cp-muted)}.cp-notice li{margin:6px 0}.cp-drawer ul{margin:8px 0 0;padding-left:18px;color:var(--cp-muted)}.viz-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--cp-space-4)}.viz-panel{background:var(--cp-instr-panel-bg);border:1px solid var(--cp-instr-panel-border);border-radius:12px;padding:var(--cp-space-3);display:grid;gap:var(--cp-space-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.panel-title{font-size:.85rem;font-weight:var(--cp-font-semibold);color:var(--cp-text2)}.retro__svg,.retro__sky-svg{width:100%;height:auto;display:block}.retro__right-col{display:grid;gap:var(--cp-space-4);align-content:start}.retro__plot-panel{position:relative}.retro__state-badge{position:absolute;top:var(--cp-space-3);right:var(--cp-space-3);padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:var(--cp-font-semibold);text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb,var(--cp-accent-amber) 18%,transparent);color:var(--cp-accent-amber);border:1px solid color-mix(in srgb,var(--cp-accent-amber) 40%,transparent);transition:background .3s ease,color .3s ease,border-color .3s ease}.retro__state-badge--retrograde{background:color-mix(in srgb,var(--cp-pink) 18%,transparent);color:var(--cp-pink);border-color:color-mix(in srgb,var(--cp-pink) 40%,transparent)}.retro__state-badge--stationary{background:color-mix(in srgb,var(--cp-accent-ice) 18%,transparent);color:var(--cp-accent-ice);border-color:color-mix(in srgb,var(--cp-accent-ice) 40%,transparent)}.retro__plot-focus:focus-visible{outline:2px solid var(--cp-focus);outline-offset:2px;border-radius:8px}.retro__hint{text-align:center;color:var(--cp-muted);font-size:.75rem;pointer-events:none}.retro__sky-panel{min-height:80px}.cp-playbar{flex-direction:column;align-items:stretch}.retro__transport-card{display:grid;gap:var(--cp-space-2);padding:var(--cp-space-2);border:1px solid var(--cp-instr-panel-border);border-radius:12px;background:var(--cp-instr-panel-bg-muted);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.retro__transport-row{display:flex;align-items:center;gap:var(--cp-space-2);flex-wrap:wrap}.retro__speed-field{margin-top:var(--cp-space-1)}.retro__speed-field .cp-select{width:100%}.playbar-scrub{display:grid;gap:var(--cp-space-1)}.playbar-day{font-size:.85rem;font-family:var(--cp-font-mono);color:var(--cp-text2)}.playbar-nav{display:flex;gap:var(--cp-space-2);flex-wrap:wrap}.playbar-nav .cp-button{flex:1;min-width:0;font-size:.8rem;white-space:nowrap}.retro__annotation{position:fixed;bottom:var(--cp-space-4);left:50%;transform:translate(-50%);z-index:100;max-width:500px;padding:var(--cp-space-3) calc(var(--cp-space-4) + 2.5rem) var(--cp-space-3) var(--cp-space-4);background:var(--cp-instr-panel-bg);border:1px solid var(--cp-pink);border-radius:12px;color:var(--cp-text);font-size:.9rem;line-height:1.4;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:flex-start;gap:var(--cp-space-3);animation:cp-slide-up .4s ease-out both}.retro__annotation[hidden]{display:none!important}.retro__annotation-close{position:absolute;top:var(--cp-space-2);right:var(--cp-space-2);background:transparent;border:1px solid transparent;border-radius:8px;color:var(--cp-muted);font-size:1.4rem;cursor:pointer;width:2rem;height:2rem;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1}.retro__annotation-close:hover{color:var(--cp-text);border-color:color-mix(in srgb,var(--cp-border) 65%,transparent)}.retro__annotation-close:focus-visible{outline:2px solid var(--cp-focus);outline-offset:1px}.cp-demo__sidebar{animation:cp-slide-up var(--cp-duration-enter) var(--cp-ease-out) both}.cp-demo__stage{min-height:clamp(340px,52svh,580px);animation:cp-fade-in var(--cp-duration-enter) var(--cp-ease-out) both;animation-delay:calc(var(--cp-stagger) * 1)}.cp-playbar{animation:cp-slide-up var(--cp-duration-enter) var(--cp-ease-out) both;animation-delay:calc(var(--cp-stagger) * 2)}.cp-demo__readouts{animation:cp-slide-up var(--cp-duration-enter) var(--cp-ease-out) both;animation-delay:calc(var(--cp-stagger) * 3)}.cp-demo__shelf{animation:cp-slide-up var(--cp-duration-enter) var(--cp-ease-out) both;animation-delay:calc(var(--cp-stagger) * 4)}@media (max-width: 900px){.viz-layout{grid-template-columns:1fr}.playbar-nav .cp-button{font-size:.7rem}}@media (prefers-reduced-motion: reduce){.retro__state-badge,.cp-button{transition:none}}