.lunar-phase-workspace{align-items:start}.lunar-phase-canvas{color:#f7f1e4;background:#08111f}.lunar-instrument-header{background:#0c1829;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.25rem;display:flex}.lunar-instrument-kicker,.lunar-figure-label,.lunar-panel-reading,.lunar-svg-label,.lunar-svg-note,.lunar-readouts dt,.lunar-readouts dd,.lunar-slider-labels{font-family:var(--font-geist-mono), ui-monospace, monospace}.lunar-instrument-kicker{color:#f2b04a;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .3rem;font-size:.65rem;font-weight:600}.lunar-instrument-header h2{color:#f7f1e4;letter-spacing:-.01em;margin:0;font-size:clamp(1.1rem,2vw,1.45rem)}.lunar-current-phase{color:#e5edf19e;grid-template-columns:auto auto;place-items:center end;column-gap:.45rem;font-size:.72rem;display:grid}.lunar-current-phase strong{color:#fff7e4;font-family:var(--font-geist-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;grid-column:1/-1;margin-top:.15rem;font-size:.8rem}.lunar-status-dot{background:#89939d;border-radius:999px;width:.48rem;height:.48rem}.lunar-status-dot[data-playing=true]{background:#f2b04a;box-shadow:0 0 0 4px #f2b04a1f}.lunar-diagram-grid{background:#ffffff21;grid-template-columns:minmax(0,1.3fr) minmax(17rem,.7fr);gap:1px;display:grid}.lunar-diagram-panel{background:#08111f;min-width:0}.lunar-panel-heading{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;min-height:4.9rem;padding:.9rem 1rem;display:flex}.lunar-figure-label{color:#f2b04a;letter-spacing:.12em;font-size:.6rem}.lunar-panel-heading h3{color:#f4eee1;margin:.3rem 0 0;font-size:.92rem;font-weight:550}.lunar-panel-reading{color:#d6e3ec;font-variant-numeric:tabular-nums;flex:none;font-size:.68rem}.lunar-orbit-svg,.lunar-sky-svg{width:100%;height:auto;display:block}.lunar-rays line{stroke:#f6c4532e;stroke-width:1px;stroke-dasharray:4 9}.lunar-orbit-line{fill:none;stroke:#d7e2e845;stroke-width:1.3px;stroke-dasharray:5 7}.lunar-orbit-direction{fill:none;stroke:#f2b04a;stroke-width:1.5px}.lunar-earth-moon-line{stroke:#d8e1e630;stroke-width:1px}.lunar-orbiting-moon{transition:transform .18s ease-out}.lunar-svg-label{fill:#d6e3ec;letter-spacing:.16em;font-size:11px;font-weight:600}.lunar-svg-note{fill:#d6e3ec94;letter-spacing:.14em;font-size:9px;font-weight:500}.lunar-panel-caption{color:#dee7eb9e;border-top:1px solid #ffffff1a;min-height:3.2rem;margin:0;padding:.75rem 1rem;font-size:.7rem;line-height:1.45}.lunar-readouts{background:#0c1829;border-top:1px solid #ffffff21;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.lunar-readouts div{border-right:1px solid #ffffff1a;min-width:0;padding:.9rem 1rem}.lunar-readouts div:last-child{border-right:0}.lunar-readouts dt{color:#dee7eb85;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem;font-size:.59rem}.lunar-readouts dd{color:#fff5de;font-variant-numeric:tabular-nums;margin:0;font-size:.82rem}.lunar-control-panel{max-height:calc(100vh - 9rem);overflow-y:auto}.lunar-slider-labels{color:var(--muted-foreground);grid-template-columns:repeat(5,1fr);font-size:.57rem;line-height:1.3;display:grid}.lunar-slider-labels span{text-align:center}.lunar-slider-labels span:first-child{text-align:left}.lunar-slider-labels span:last-child{text-align:right}.lunar-control-hint{color:var(--muted-foreground);margin:0;font-size:.72rem;line-height:1.5}.lunar-playback-controls{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.45rem;display:grid}.lunar-playback-controls>button{min-height:2.75rem}.lunar-play-button{width:100%}.lunar-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.lunar-preset-button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);min-height:3.15rem;color:var(--foreground);text-align:left;grid-template-columns:1.55rem minmax(0,1fr);align-items:center;gap:.55rem;padding:.45rem .55rem;font-size:.7rem;line-height:1.25;transition:border-color .12s ease-out,background .12s ease-out;display:grid}.lunar-preset-button:hover{border-color:color-mix(in oklch, var(--brand-highlight), var(--border) 35%);background:var(--muted)}.lunar-preset-button:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring), transparent 50%);outline:none}.lunar-preset-button[data-selected=true]{border-color:var(--brand-highlight);background:var(--accent);color:var(--accent-foreground)}.lunar-preset-symbol{border:1px solid color-mix(in oklch, var(--foreground), transparent 55%);background:#111827;border-radius:999px;width:1.45rem;height:1.45rem;display:block;position:relative;overflow:hidden}.lunar-preset-symbol:after{border-radius:inherit;content:"";background:#e9e2d1;position:absolute;inset:0}.lunar-preset-symbol[data-phase=new]:after{display:none}.lunar-preset-symbol[data-phase=full]:after{inset:0}.lunar-preset-symbol[data-phase=first-quarter]:after{left:50%}.lunar-preset-symbol[data-phase=last-quarter]:after{right:50%}.lunar-preset-symbol[data-phase=waxing-crescent]:after{left:67%}.lunar-preset-symbol[data-phase=waxing-gibbous]:after{left:17%}.lunar-preset-symbol[data-phase=waning-gibbous]:after{right:17%}.lunar-preset-symbol[data-phase=waning-crescent]:after{right:67%}.lunar-shadow-note{border-left:3px solid var(--brand-highlight);background:var(--muted);gap:.35rem;padding:.85rem;font-size:.76rem;line-height:1.55;display:grid}.lunar-shadow-note strong{color:var(--foreground)}.lunar-shadow-note span{color:var(--muted-foreground)}.lunar-phase-explanation{gap:1.5rem;display:grid}.lunar-formula{border:1px dashed var(--border);background:var(--background);font-family:var(--font-geist-mono), ui-monospace, monospace;padding:1rem;font-size:clamp(.76rem,2vw,.9rem);line-height:1.7;overflow-x:auto}.lunar-assumption-list{gap:.65rem;margin:0;padding-left:1.2rem;display:grid}@media (max-width:1180px){.lunar-phase-workspace{grid-template-columns:minmax(0,1fr)}.lunar-control-panel{max-height:none;position:static;overflow:visible}}@media (max-width:760px){.lunar-instrument-header{align-items:flex-start}.lunar-diagram-grid{grid-template-columns:minmax(0,1fr)}.lunar-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.lunar-readouts div:nth-child(2){border-right:0}.lunar-readouts div:nth-child(-n+2){border-bottom:1px solid #ffffff1a}}@media (max-width:440px){.lunar-instrument-header{display:grid}.lunar-current-phase{grid-template-columns:auto 1fr;justify-items:start}.lunar-slider-labels span:nth-child(2),.lunar-slider-labels span:nth-child(4){visibility:hidden}.lunar-playback-controls{grid-template-columns:auto minmax(0,1fr) auto}.lunar-playback-controls>button:last-child{grid-column:1/-1;width:100%}.lunar-preset-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.lunar-orbiting-moon,.lunar-preset-button{transition:none}}