:root{--color-ink: oklch(8% .006 264);--color-ink-deep: oklch(5.5% .005 264);--color-ink-mid: oklch(13% .008 264);--color-ink-soft: oklch(17% .01 264);--color-paper: oklch(93% .008 264);--color-muted: oklch(70% .012 264);--color-muted-soft: oklch(58% .01 264);--color-accent: oklch(88% .12 180);--color-accent-soft: oklch(88% .12 180 / .12);--color-accent-line: oklch(88% .12 180 / .24);--color-amber: oklch(86% .14 85);--color-amber-soft: oklch(86% .14 85 / .1);--color-gregorian: oklch(78% .08 340);--color-gregorian-soft: oklch(78% .08 340 / .1);--color-gregorian-line: oklch(78% .08 340 / .24);--color-earth: oklch(58% .14 240);--color-ember: oklch(72% .16 35);--color-green: oklch(86% .12 145);--color-violet: oklch(78% .1 300);--color-line: oklch(93% .008 264 / .18);--color-line-soft: oklch(93% .008 264 / .1);--color-surface: oklch(100% 0 0 / .07);--color-surface-strong: oklch(100% 0 0 / .045);--color-focus: var(--color-accent);--panel: oklch(14% .01 264 / .74);--panel-strong: oklch(18% .012 264 / .9);--line: var(--color-line);--text: var(--color-paper);--muted: var(--color-muted);--amber: var(--color-amber);--earth: var(--color-earth);--cyan: var(--color-accent);--new-calendar: var(--color-accent);--gregorian: var(--color-gregorian);--gregorian-soft: var(--color-gregorian-soft);--gregorian-line: var(--color-gregorian-line);--ember: var(--color-ember);--green: var(--color-green);--violet: var(--color-violet);--font-display: "Syne", ui-sans-serif, system-ui, sans-serif;--font-body: "Source Sans 3", ui-sans-serif, system-ui, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .14s;--dur-mid: .18s;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--dashboard-current-width: 10.375rem}:root{font-family:var(--font-body);color:var(--text);background:var(--color-ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{overflow-x:clip}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0}body{overflow:auto;background:var(--color-ink)}button,input{font:inherit}button{min-height:34px;border:1px solid var(--color-line);border-radius:8px;color:var(--text);background:var(--color-surface);cursor:pointer;transition:transform .14s var(--ease-out),border-color .14s var(--ease-out),background .14s var(--ease-out)}button:hover{border-color:#6effe88c;background:#6effe81f}button:disabled{cursor:not-allowed;opacity:.46}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.app-shell{--shell-padding-inline: 24px;--shell-padding-block-end: 24px;position:relative;width:100%;height:auto;min-height:100dvh;overflow:visible;padding:0 var(--shell-padding-inline) var(--shell-padding-block-end);background:radial-gradient(circle at 28% 18%,oklch(88% .12 180 / .08),transparent 24rem),radial-gradient(circle at 76% 68%,oklch(86% .14 85 / .12),transparent 28rem),linear-gradient(135deg,var(--color-ink) 0%,var(--color-ink-mid) 54%,var(--color-ink-deep) 100%)}.dashboard-frame{display:grid;grid-template-rows:auto minmax(0,1fr);gap:28px;width:min(1720px,100%);height:auto;min-height:calc(100dvh - var(--shell-padding-block-end));margin:0 auto}.dashboard-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:max-content var(--dashboard-current-width) minmax(0,1fr);align-items:stretch;gap:0;min-width:0;min-height:62px;width:100vw;max-width:100vw;margin-top:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-block:10px;padding-inline:var(--shell-padding-inline);border:0;border-bottom:1px solid var(--color-line-soft);border-radius:0;overflow:hidden;background:var(--color-ink-mid);box-shadow:0 16px 44px #00000057}.dashboard-current{display:flex;flex:0 0 var(--dashboard-current-width);align-items:center;align-self:stretch;justify-content:space-between;gap:var(--space-sm);width:var(--dashboard-current-width);min-width:var(--dashboard-current-width);padding:0 10px 0 12px;border-right:1px solid var(--color-line-soft);color:var(--muted);font-size:.74rem;font-weight:720;line-height:1}.dashboard-current strong{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:760;font-variant-numeric:tabular-nums}.dashboard-current .today-button{flex:0 0 auto;height:26px;min-height:26px;padding:0 8px;border-color:color-mix(in oklch,var(--text) 16%,transparent);color:color-mix(in oklch,var(--text) 78%,transparent);background:var(--color-surface-strong);font-size:.68rem;font-weight:780;white-space:nowrap}.dashboard-current .today-button:hover{border-color:#6effe857;color:var(--cyan);background:#6effe814}.time-controls-cluster{display:flex;align-items:center;gap:0;min-width:0;width:100%;height:100%;padding:0 8px;border-left:1px solid var(--color-line-soft)}.time-controls-cluster .time-controls{flex:1 1 auto;min-width:0;width:100%;height:100%}.time-controls-cluster>.about-nav-button{flex:0 0 auto;align-self:center;height:30px;min-height:30px;margin-left:10px;padding:0 12px;border-left:1px solid var(--color-line-soft)}.dashboard-grid{display:grid;grid-template-areas:"comparison comparison" "scene tree";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(280px,auto);gap:12px;height:auto;min-height:0;min-width:0;align-items:stretch}.scene-wrap{position:relative;width:100%;height:100%;min-height:220px;align-self:stretch;justify-self:stretch;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 50% 48%,rgba(255,209,102,.12),transparent 18rem),var(--color-surface-strong)}.scene-canvas{position:absolute;inset:0;width:100%;height:100%}.scene-canvas canvas{display:block;width:100%;height:100%}.scene-loading{display:grid;grid-auto-flow:row;gap:12px;width:100%;height:100%;min-height:200px;place-items:center;align-content:center;color:color-mix(in oklch,var(--text) 58%,transparent);font-size:.78rem;font-weight:720}.scene-loading:before{content:"";width:24px;height:24px;border-radius:50%;border:2px solid color-mix(in oklch,var(--text) 16%,transparent);border-top-color:var(--cyan);animation:scene-loading-spin .9s linear infinite}@keyframes scene-loading-spin{to{transform:rotate(360deg)}}.webgl-fallback{position:absolute;left:50%;top:50%;width:min(420px,calc(100vw - 32px));transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:8px;padding:16px;background:var(--panel-strong);color:var(--text);text-align:center}.dashboard-brand-row{display:flex;align-items:center;gap:10px;min-width:0;padding:0 14px 0 12px;border-right:1px solid var(--color-line-soft)}.brand-mark{position:relative;top:auto;left:auto;z-index:1;display:flex;align-items:center;gap:12px;letter-spacing:0}.brand-mark-link{color:inherit;text-decoration:none;transition:color .14s var(--ease-out)}.brand-mark-link:hover strong{color:var(--cyan)}.dashboard-header--minimal{grid-template-columns:max-content}.about-nav-button{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid color-mix(in oklch,var(--text) 14%,transparent);border-radius:8px;color:var(--muted);font-size:.78rem;font-weight:640;letter-spacing:.02em;text-decoration:none;background:var(--color-surface)}.about-nav-button:hover{color:var(--text)}.about-page{display:flex;flex-direction:column;gap:28px;padding-top:0;padding-bottom:64px}.about-prose{width:min(42rem,100%);margin:0 auto;color:var(--muted);font-size:.95rem;line-height:1.65}.about-prose>:first-child{margin-top:0}.about-prose h1{margin:0 0 20px;color:var(--text);font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;text-align:center}.about-prose h2{margin:32px 0 12px;color:var(--amber);font-family:var(--font-display);font-size:1.15rem;font-weight:600;line-height:1.25;letter-spacing:-.01em}.about-prose h3{margin:24px 0 10px;color:var(--text);font-family:var(--font-display);font-size:1.05rem;font-weight:600;line-height:1.3;letter-spacing:0}.about-prose p,.about-prose li{margin:0 0 12px}.about-prose ul{margin:0 0 16px;padding-left:1.25rem}.about-prose ul li:last-child{margin-bottom:0}.about-prose strong{color:var(--text);font-weight:680}.about-prose a{color:var(--cyan);text-decoration-thickness:1px;text-underline-offset:2px}.about-prose a:hover{color:#9dfff0}.about-prose table{width:100%;margin:16px 0 20px;border-collapse:collapse;font-size:.88rem}.about-prose th,.about-prose td{padding:10px 12px;border-bottom:1px solid color-mix(in oklch,var(--text) 10%,transparent);text-align:left}.about-prose th{color:var(--text);font-weight:680}.about-prose hr{margin:28px 0;border:none;border-top:1px solid color-mix(in oklch,var(--text) 10%,transparent)}.brand-mark-ring{flex-shrink:0;display:block}.brand-mark-ring-hole{fill:color-mix(in oklch,var(--color-ink-deep) 94%,transparent);stroke:var(--color-line-soft);stroke-width:.5}.brand-mark strong,.brand-mark em{display:block;font-style:normal}.brand-mark strong{font-family:var(--font-display);font-size:.92rem;font-weight:700}.brand-mark em{margin-top:2px;color:var(--muted);font-size:.72rem;font-weight:560}.date-readout,.explainer-panel,.comparison-panel,.sunlight-chart-panel,.season-clock-panel,.season-tree-panel,.scene-panel{position:relative;z-index:1;min-width:0;min-height:0;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:0 20px 80px #0000004d}.scene-panel{display:grid;grid-area:scene;grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden;padding:0;align-content:stretch}.season-tree-panel{display:grid;grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden;padding:0;align-content:stretch}.tree-scene-wrap{position:relative;width:100%;height:100%;min-height:220px;align-self:stretch;justify-self:stretch;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 50% 36%,rgba(110,255,232,.08),transparent 16rem),radial-gradient(circle at 50% 78%,rgba(255,209,102,.12),transparent 12rem),var(--color-surface-strong)}.tree-scene-canvas{position:absolute;inset:0;width:100%;height:100%}.tree-scene-canvas canvas{display:block;width:100%;height:100%}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.panel-title-row h2{margin:0;color:var(--text);font-family:var(--font-display);font-size:1rem;font-weight:700;line-height:1.1}.panel-title-row strong{border:1px solid rgba(110,255,232,.22);border-radius:8px;padding:6px 8px;color:var(--cyan);background:#6effe812;font-size:.74rem;line-height:1;white-space:nowrap}.date-readout{grid-area:readout}.comparison-panel{grid-area:comparison;display:flex;flex-direction:column;align-self:stretch;overflow:visible}.season-tree-panel{grid-area:tree}.date-readout{padding:14px}.eyeline{margin:0 0 8px;color:var(--amber);font-size:.72rem;font-weight:760;text-transform:uppercase}.date-readout h1,.explainer-panel h2{margin:0;color:var(--text);letter-spacing:0}.date-readout h1{font-size:clamp(1.55rem,2.4vw,2.35rem);line-height:1}.readout-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 0}.readout-grid div{min-width:0;border-top:1px solid color-mix(in oklch,var(--text) 13%,transparent);padding-top:10px}.readout-grid dt{margin-bottom:5px;color:var(--muted);font-size:.72rem;font-weight:650}.readout-grid dd{margin:0;color:var(--text);font-size:.96rem;font-weight:680;overflow-wrap:anywhere}.readout-grid dd span{color:var(--muted);font-weight:520}.krystal-meter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;border:1px solid rgba(110,255,232,.28);border-radius:8px;padding:10px 12px;background:#6effe812;color:var(--cyan);font-size:.86rem;font-weight:700}.krystal-meter strong{color:var(--text)}.sunlight-chart-panel{display:grid;grid-template-rows:auto minmax(0,1fr);padding:14px 14px 10px}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chart-heading h2{margin:0;color:var(--text);font-size:1rem;line-height:1.1}.chart-heading strong{border:1px solid rgba(255,209,102,.25);border-radius:8px;padding:6px 8px;color:var(--amber);background:#ffd16614;font-size:.78rem;line-height:1}.chart-view-toggle{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:12px;border:1px solid color-mix(in oklch,var(--text) 16%,transparent);border-radius:8px;padding:3px;background:var(--color-surface-strong)}.chart-view-toggle button{min-height:29px;border:0;border-radius:6px;color:color-mix(in oklch,var(--text) 72%,transparent);background:transparent;font-size:.74rem;font-weight:780}.chart-view-toggle button.active{color:var(--color-ink);background:var(--amber)}.sunlight-chart{align-self:center;display:block;width:100%;height:auto;max-height:100%;margin-top:6px;overflow:visible;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.sunlight-split-view{align-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;height:100%;padding-top:8px}.sunlight-split-pane{display:grid;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0}.sunlight-system-chart{align-self:center;margin-top:0}.gregorian-system-chart{cursor:ew-resize}.sunlight-chart path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:.24;filter:drop-shadow(0 0 4px rgba(255,255,255,.08))}.sunlight-chart path.is-active{stroke-width:4;opacity:1}.gregorian-lines{pointer-events:none}.gregorian-lines path{stroke-width:1.7;opacity:.5;filter:drop-shadow(0 0 4px rgba(217,173,194,.12))}.gregorian-lines path.is-active{stroke-width:2.4;opacity:.78}.grid-lines line{stroke:color-mix(in oklch,var(--text) 16%,transparent);stroke-width:1}.grid-lines line.vertical{stroke:color-mix(in oklch,var(--text) 10%,transparent)}.grid-lines text{fill:color-mix(in oklch,var(--text) 55%,transparent);font-size:11px;font-weight:650;text-anchor:middle}.grid-lines g:first-child text,.grid-lines g:nth-child(2) text,.grid-lines g:nth-child(3) text,.grid-lines g:nth-child(4) text{text-anchor:end}.sunlight-season-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;margin:0;padding:0;list-style:none}.sunlight-season-legend li{display:inline-flex;align-items:center;gap:5px;color:color-mix(in oklch,var(--text) 46%,transparent);font-size:.62rem;font-weight:720;letter-spacing:.03em;line-height:1;text-transform:uppercase}.sunlight-season-legend li.is-active{color:var(--text)}.sunlight-season-swatch{width:8px;height:8px;border-radius:2px;flex-shrink:0;opacity:.5}.sunlight-season-legend li.is-active .sunlight-season-swatch{opacity:1}.sunlight-season-legend.is-gregorian{margin-top:4px}.sunlight-season-legend.is-gregorian li{font-size:.58rem;font-weight:700}.current-sunlight-dot{pointer-events:none}.current-sunlight-dot circle{fill:var(--earth);stroke:#0505058c;stroke-width:1}.sunlight-chart-container{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:8px;min-width:0;min-height:0;align-self:stretch}.sunlight-chart-plot{display:flex;flex-direction:column;grid-column:2;grid-row:1;min-width:0;min-height:0}.sunlight-chart-plot .sunlight-chart{flex:1 1 auto;min-height:0}.sunlight-axis-label,.chart-axis-labels{color:color-mix(in oklch,var(--text) 52%,transparent);font-size:.68rem;font-weight:680;line-height:1}.chart-axis-labels{flex-shrink:0;margin-top:4px;margin-bottom:6px;text-align:center}.sunlight-y-axis-label{grid-column:1;grid-row:1;justify-self:center;align-self:center;white-space:nowrap;pointer-events:none;writing-mode:vertical-rl;transform:rotate(180deg)}.sunlight-x-axis-label{display:block}.season-clock-view{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;gap:8px;min-height:0;height:100%;overflow:hidden;padding-top:8px}.season-clock-view.compare-clocks{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;justify-items:stretch;gap:10px}.season-clock-view--focused{align-items:stretch;justify-items:stretch}.season-clock-view--focused .season-clock-card{border:1px solid color-mix(in oklch,var(--text) 10%,transparent);border-radius:8px;padding:10px;background:var(--color-surface-strong);min-height:0}.season-clock-card{display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;min-width:0;width:100%}.season-clock-card.no-card-title{grid-template-rows:minmax(0,1fr)}.season-clock-card-body{display:grid;gap:0;place-items:center;min-width:0;width:100%}.season-clock-chart-frame{display:grid;place-items:center;width:min(100%,210px);aspect-ratio:1;min-width:0;justify-self:center}.season-clock-chart{display:block;width:100%;height:100%;overflow:visible;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.season-clock-view.compare-clocks .season-clock-card{border:none;border-radius:0;padding:0;background:transparent}.season-clock-card h3{justify-self:stretch;margin:0;color:color-mix(in oklch,var(--text) 72%,transparent);font-size:.72rem;font-weight:780;line-height:1;text-transform:uppercase}.new-calendar-season-clock-card{border-color:#6effe82e}.new-calendar-season-clock-card h3{color:var(--new-calendar)}.gregorian-season-clock-card{border-color:var(--gregorian-line);background:linear-gradient(135deg,var(--gregorian-soft),var(--color-surface-strong))}.gregorian-season-clock-card h3{color:var(--gregorian)}.muted-season-clock-card .season-clock-chart{cursor:default}.season-clock-chart:active{cursor:grabbing}.season-clock-tick{stroke:color-mix(in oklch,var(--text) 18%,transparent);stroke-width:1.2;stroke-linecap:round}.season-clock-chart--new .season-clock-tick{stroke-linecap:butt}.season-clock-year-ring-track{fill:color-mix(in srgb,var(--text-muted, #888) 8%,transparent);stroke:color-mix(in srgb,var(--text-muted, #888) 14%,transparent);stroke-width:.6;pointer-events:none}.season-clock-year-segment{fill:color-mix(in srgb,var(--segment-color, var(--cyan)) 22%,transparent);stroke:color-mix(in srgb,var(--segment-color, var(--cyan)) 42%,transparent);stroke-width:.8;transition:fill .18s var(--ease-out),stroke .18s var(--ease-out)}.season-clock-pie-track{fill:color-mix(in oklch,var(--text) 6%,transparent);stroke:none}.season-clock-pie-light{fill:#ffd16694;stroke:none;filter:drop-shadow(0 0 8px rgba(255,209,102,.16))}.season-clock-pie-ring{fill:none;stroke:color-mix(in oklch,var(--text) 24%,transparent);stroke-width:1.5}.season-clock-star-shape{fill:#ffcf5af2;stroke:#784812e0;stroke-width:1.1;filter:drop-shadow(0 0 10px rgba(255,209,102,.35))}.season-clock-orbit-marker.is-dragging .season-clock-orbit-marker-dot{transition:none}.season-clock-orbit-marker-dot{fill:var(--earth);stroke:#0505058c;stroke-width:1}.season-clock-season-label{margin:0;font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.02em;line-height:1.1;text-align:center;color:var(--season-color, var(--text))}.gregorian-season-clock-card .season-clock-season-label{color:var(--gregorian)}.season-clock-chart--gregorian .season-clock-orbit-marker-dot{fill:var(--earth)}@media(prefers-reduced-motion:reduce){.season-clock-pie-light,.season-clock-orbit-marker-dot{transition:none}}.calendar-charts-column .season-clock-view--focused{flex:1 1 auto;min-height:0}.comparison-panel{padding:16px}.calendar-panel-body{display:flex;flex-direction:column;gap:14px;overflow:visible}.calendar-panel-body.is-comparing{position:relative}.calendar-panel-body.is-comparing:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;margin-left:-.5px;background:var(--color-line-soft);pointer-events:none;z-index:1}.calendar-panel-lower{min-width:0}.calendar-panel-lower.is-comparing{display:flex;flex-direction:column;gap:0}.calendar-panel-lower.is-side-by-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;column-gap:var(--space-lg);margin-top:var(--space-xs);padding-top:var(--space-md);border-top:1px solid var(--color-line-soft)}.calendar-panel-lower.is-side-by-side .calendar-panel-months{min-width:0;width:100%;max-width:100%;margin-top:0;padding-top:0;border-top:none}.calendar-panel-lower.is-side-by-side .calendar-panel-months .month-system-grid,.calendar-panel-lower.is-side-by-side .calendar-panel-months .month-strip-comparison{width:100%;min-width:0}.calendar-panel-lower.is-side-by-side .calendar-charts-stack{align-self:stretch;display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;min-height:0;margin-top:0;padding-top:0;padding-left:var(--space-md);border-top:none;border-left:1px solid var(--color-line-soft)}.calendar-panel-lower.is-side-by-side .calendar-charts-stack .calendar-sunlight-subsection{flex:1 1 auto;width:100%;min-width:0;min-height:0;grid-template-rows:auto minmax(11rem,1fr);border-top:none}.calendar-panel-lower.is-side-by-side .calendar-charts-stack .sunlight-chart-container{width:100%;min-width:0;min-height:11rem}.calendar-panel-months{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xs);padding-top:var(--space-md);border-top:1px solid var(--color-line-soft)}.calendar-panel-lower.is-comparing .calendar-panel-months{margin-top:var(--space-xs);padding-top:var(--space-md);border-top:1px solid var(--color-line-soft)}.calendar-panel-months .month-system-grid{margin-top:0}.calendar-charts-stack,.calendar-charts-compare{padding-top:12px}.calendar-charts-stack{display:flex;flex-direction:column;gap:12px;min-width:0;border-top:1px solid var(--color-line-soft)}.calendar-charts-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.calendar-charts-compare .new-calendar-charts-column{padding-right:var(--space-md)}.calendar-charts-compare .gregorian-charts-column{padding-left:var(--space-md)}.calendar-charts-column{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}.calendar-charts-column .calendar-chart-subsection,.calendar-charts-column .calendar-sunlight-subsection{flex:1 1 auto;min-height:0}.calendar-charts-stack .calendar-chart-subsection{min-height:0}.calendar-chart-subsection{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;border:none;border-top:1px solid var(--color-line-soft);border-radius:0;padding:var(--space-md) 0 0;background:transparent}.calendar-sunlight-subsection{border-top-color:#fbc9592e}.calendar-sunlight-subsection.is-new-calendar-sunlight{border-top-color:var(--color-accent-line)}.calendar-sunlight-subsection.is-gregorian-sunlight{border-top-color:var(--gregorian-line)}.calendar-panel-lower.is-comparing .calendar-charts-compare .calendar-sunlight-subsection,.calendar-panel-lower.is-comparing .calendar-charts-compare .calendar-sunlight-subsection.is-new-calendar-sunlight,.calendar-panel-lower.is-comparing .calendar-charts-compare .calendar-sunlight-subsection.is-gregorian-sunlight{border-top-color:var(--color-line-soft)}.calendar-subsection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.calendar-subsection-heading h3{margin:0;color:var(--text);font-size:.82rem;font-weight:760;line-height:1.1;letter-spacing:.02em;text-transform:uppercase}.calendar-subsection-heading strong{border-radius:8px;padding:5px 7px;color:var(--amber);background:#ffd16614;font-size:.72rem;line-height:1}.month-system-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:12px}.month-system-grid.single-month-system{grid-template-columns:minmax(0,1fr)}.month-system-card{border:none;border-radius:0;padding:0;background:transparent}.month-system-grid.is-comparing .new-calendar-months{padding-right:var(--space-md)}.new-calendar-months{--month-cell-fill: var(--color-accent-soft);--month-cell-fill-hover: color-mix(in oklch, var(--color-accent-soft) 90%, white)}.month-system-grid.is-comparing .gregorian-months{padding-left:var(--space-md)}.month-strip-comparison.is-comparing .new-calendar-month-strip{padding-right:var(--space-md)}.month-strip-comparison.is-comparing .gregorian-month-strip{padding-left:var(--space-md)}.gregorian-months .month-system-heading strong{color:var(--gregorian)}.month-system-heading{margin-bottom:var(--space-sm)}.month-system-heading strong{color:var(--text);font-size:1.05rem;font-weight:700;line-height:1.15;letter-spacing:.01em}.month-grid{display:grid;grid-template-columns:repeat(var(--month-columns),minmax(0,1fr));gap:2px;width:100%}.month-grid-label{display:grid;place-items:center;min-height:18px;color:color-mix(in oklch,var(--text) 62%,transparent);font-size:.62rem;font-weight:760;letter-spacing:.04em;text-transform:uppercase}.month-day-cell{display:grid;width:100%;height:auto;aspect-ratio:1;min-width:0;min-height:0;place-items:center;border:none;border-radius:3px;color:color-mix(in oklch,var(--text) 82%,transparent);background:var(--color-surface-strong);font-size:.68rem;font-weight:700;font-variant-numeric:tabular-nums}button.month-day-cell{min-height:0;padding:0;transition:background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}button.month-day-cell:focus-visible,.month-strip-grid button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.new-month-grid .month-day-cell{background:var(--month-cell-fill)}.gregorian-month-grid .month-day-cell{background:var(--gregorian-soft)}.month-day-cell.is-active{color:var(--color-ink);background:var(--amber);box-shadow:0 0 12px var(--color-amber-soft)}.gregorian-month-grid .month-day-cell.is-active{color:var(--color-ink);background:var(--gregorian);box-shadow:0 0 12px var(--gregorian-soft)}.month-day-cell.is-muted{background:transparent;color:color-mix(in oklch,var(--text) 38%,transparent)}.new-month-grid button.month-day-cell:hover{background:var(--month-cell-fill-hover)}.new-month-grid button.month-day-cell.is-active:hover{background:color-mix(in oklch,var(--amber) 90%,white)}.gregorian-month-grid button.month-day-cell:hover{background:color-mix(in oklch,var(--gregorian-soft) 90%,white)}.gregorian-month-grid button.month-day-cell.is-active:hover{background:color-mix(in oklch,var(--gregorian) 90%,white)}.month-strip-comparison{display:grid;gap:var(--space-md);margin-top:var(--space-lg)}.month-strip-comparison.is-comparing{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.month-strip{display:grid;gap:7px}.month-strip-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}.month-strip:first-child .month-strip-grid,.new-calendar-month-strip .month-strip-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.gregorian-month-strip .month-strip-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.month-strip-grid span,.month-strip-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;border:none;border-radius:var(--radius-sm);padding:6px 3px;background:linear-gradient(to top,color-mix(in oklch,var(--text) 16%,transparent) calc((var(--month-days) / 36) * 100%),var(--color-surface-strong) 0);color:color-mix(in oklch,var(--text) 78%,transparent);text-align:center;transition:background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.month-strip-grid button{width:100%;font:inherit;cursor:pointer}.new-calendar-month-strip .month-strip-grid span,.new-calendar-month-strip .month-strip-grid button{background:linear-gradient(to top,color-mix(in oklch,var(--cyan) 20%,transparent) calc((var(--month-days) / 36) * 100%),var(--color-surface-strong) 0)}.gregorian-month-strip .month-strip-grid span,.gregorian-month-strip .month-strip-grid button{background:linear-gradient(to top,color-mix(in oklch,var(--gregorian) 14%,transparent) 100%,var(--color-surface-strong) 0)}.month-strip-grid span.is-active,.month-strip-grid button.is-active{color:var(--color-ink);background:var(--amber);box-shadow:0 0 12px var(--color-amber-soft)}.month-strip-grid span.is-active em,.month-strip-grid button.is-active em{color:color-mix(in oklch,var(--color-ink) 72%,transparent)}.gregorian-month-strip .month-strip-grid span.is-active,.gregorian-month-strip .month-strip-grid button.is-active{color:var(--color-ink);background:var(--gregorian);box-shadow:0 0 12px var(--gregorian-soft)}.gregorian-month-strip .month-strip-grid span.is-active em,.gregorian-month-strip .month-strip-grid button.is-active em{color:color-mix(in oklch,var(--color-ink) 72%,transparent)}.month-strip-grid b,.month-strip-grid em{display:block;line-height:1.1}.month-strip-grid b{font-size:.62rem;font-weight:780}.month-strip-grid em{color:color-mix(in oklch,var(--text) 58%,transparent);font-size:.58rem;font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}.explainer-panel{top:28px;right:28px;width:min(360px,calc(100vw - 56px));padding:18px}.explainer-panel h2{font-size:1.05rem;line-height:1.18}.explainer-panel p{margin:10px 0 0;color:var(--muted);font-size:.9rem;line-height:1.52}.explainer-panel .panel-detail{color:var(--color-muted-soft)}.explainer-panel .source-note{color:color-mix(in oklch,var(--text) 52%,transparent);font-size:.74rem}.calendar-readout-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:0}.calendar-readout-columns.is-comparing{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto minmax(66px,auto);column-gap:12px;row-gap:0}.calendar-readout-column{display:grid;align-content:start;gap:var(--space-md);min-width:0;padding:var(--space-md) 0}.calendar-readout-columns.is-comparing .calendar-readout-column{display:grid;grid-row:1 / -1;grid-template-rows:subgrid;gap:var(--space-md);align-content:start;padding:0;border:none;border-radius:0;background:transparent}.calendar-readout-columns.is-comparing .new-calendar-readout-column{padding-right:var(--space-md)}.calendar-readout-columns.is-comparing .gregorian-readout-column{padding-left:var(--space-md)}.calendar-readout-columns:not(.is-comparing) .new-calendar-readout-column{padding:0}.calendar-readout-column>span{color:color-mix(in oklch,var(--text) 56%,transparent);font-size:.66rem;font-weight:780;letter-spacing:0;line-height:1;text-transform:uppercase}.new-calendar-readout-column>span{color:var(--new-calendar)}.gregorian-readout-column>span{color:var(--gregorian)}.calendar-readout-column h3{margin:0;color:var(--text);font-family:var(--font-display);font-size:clamp(1.5rem,2vw,2.15rem);font-weight:700;line-height:1;letter-spacing:0}.calendar-readout-columns.is-comparing .calendar-readout-column h3{margin:0 0 12px;display:flex;align-items:flex-start;min-height:2.5rem}.gregorian-readout-column h3{color:var(--gregorian)}.calendar-readout-column .readout-grid{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:0 16px;margin:var(--space-md) 0 0;width:100%}.calendar-readout-columns.is-comparing .calendar-readout-column .readout-grid{display:flex;flex-direction:row;flex-wrap:nowrap;grid-row:3 / span 1;gap:0 12px;margin:var(--space-md) 0 0}.calendar-readout-season-clock{min-width:0;width:100%}.calendar-readout-season-clock .season-clock-view{padding-top:0;height:auto;overflow:visible;justify-items:center;align-items:center}.calendar-readout-season-clock .season-clock-card-body{justify-content:center;width:fit-content;max-width:100%;margin-inline:auto}.calendar-readout-season-clock .season-clock-view--focused .season-clock-card{border:none;border-radius:0;padding:0;background:transparent}.calendar-readout-season-clock .season-clock-card h3{display:none}.calendar-readout-column .readout-grid div{display:grid;flex:1 1 0;grid-template-rows:auto 1fr;align-content:start;min-width:0;border-top:none;border-inline-start:1px solid color-mix(in oklch,var(--text) 10%,transparent);padding-top:0;padding-inline-start:16px}.calendar-readout-column .readout-grid div:first-child{border-inline-start:none;padding-inline-start:0}.calendar-readout-columns.is-comparing .calendar-readout-column .readout-grid div{min-height:0;padding-inline-start:12px}.calendar-readout-columns.is-comparing .calendar-readout-column .readout-grid div:first-child{padding-inline-start:0}.calendar-readout-column .readout-grid dt{min-height:17px;margin-bottom:5px;line-height:1.15}.calendar-readout-column .readout-grid dd{display:flex;align-items:flex-start;min-height:24px;line-height:1.12}.gregorian-readout-column .readout-grid dt{color:color-mix(in srgb,var(--gregorian) 70%,white)}.gregorian-readout-column .readout-grid dd{color:color-mix(in srgb,var(--gregorian) 82%,white)}.position-summary{margin-top:14px;border:1px solid color-mix(in oklch,var(--text) 12%,transparent);border-radius:8px;padding:12px;background:var(--color-surface-strong)}.position-summary h3{margin:0;color:var(--text);font-size:clamp(1.6rem,2.3vw,2.45rem);line-height:1;letter-spacing:0}.overlay-toggle{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:14px;border:1px solid color-mix(in oklch,var(--text) 14%,transparent);border-radius:8px;padding:10px;background:var(--color-surface-strong);cursor:pointer}.global-overlay-toggle{border-color:var(--gregorian-line);min-width:0;width:auto;margin-top:0;padding:8px 10px;background:var(--gregorian-soft)}.global-comparison-control{display:flex;align-items:center;gap:6px;min-width:0}.global-comparison-control>button{display:inline-flex;min-width:0;height:30px;align-items:center;justify-content:center;gap:8px;padding:0;border:0;border-radius:0;color:color-mix(in oklch,var(--text) 62%,transparent);font-size:.68rem;font-weight:800;cursor:pointer;background:transparent}.global-comparison-control>button:hover{color:var(--text)}.calendar-layer-switch{position:relative;flex-shrink:0;width:32px;height:18px;border:1px solid color-mix(in oklch,var(--text) 18%,transparent);border-radius:999px;background:var(--color-surface);transition:border-color .14s var(--ease-out),background .14s var(--ease-out)}.calendar-layer-switch:after{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:999px;background:color-mix(in oklch,var(--text) 72%,transparent);content:"";transition:background .14s var(--ease-out),transform .14s var(--ease-out)}.global-comparison-control>button.is-active .calendar-layer-switch{border-color:color-mix(in oklch,var(--text) 40%,transparent);background:color-mix(in oklch,var(--text) 16%,transparent)}.global-comparison-control>button.is-active .calendar-layer-switch:after{background:var(--text);transform:translate(14px)}.global-comparison-control>button.is-active,.global-comparison-control>button.gregorian-active{color:var(--text)}.global-comparison-control>button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.overlay-toggle span,.overlay-toggle strong,.overlay-toggle em{display:block}.overlay-toggle strong{color:var(--text);font-size:.8rem}.overlay-toggle em{margin-top:3px;color:color-mix(in oklch,var(--text) 54%,transparent);font-size:.7rem;font-style:normal;font-weight:650}.overlay-toggle input{position:absolute;opacity:0;pointer-events:none}.overlay-toggle i{position:relative;width:40px;height:22px;border:1px solid color-mix(in oklch,var(--text) 18%,transparent);border-radius:999px;background:var(--color-surface);transition:border-color .14s var(--ease-out),background .14s var(--ease-out)}.overlay-toggle i:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:999px;background:color-mix(in oklch,var(--text) 72%,transparent);content:"";transition:background .14s var(--ease-out),transform .14s var(--ease-out)}.overlay-toggle input:checked+i{border-color:var(--gregorian-line);background:#d9adc229}.overlay-toggle input:checked+i:after{background:var(--gregorian);transform:translate(18px)}.overlay-toggle:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}.comparison-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.comparison-summary.single-summary{grid-template-columns:minmax(0,1fr)}.comparison-summary div{border:1px solid color-mix(in oklch,var(--text) 14%,transparent);border-radius:8px;padding:10px;background:var(--color-surface-strong)}.new-calendar-summary-card{border-color:var(--color-accent-line);background:var(--color-accent-soft)}.gregorian-summary-card,.gregorian-readout-item{border-color:var(--gregorian-line);background:var(--gregorian-soft)}.gregorian-summary-card span,.gregorian-readout-item dt{color:color-mix(in srgb,var(--gregorian) 78%,white)}.gregorian-summary-card strong,.gregorian-readout-item dd{color:var(--gregorian)}.comparison-summary span{display:block;color:color-mix(in oklch,var(--text) 56%,transparent);font-size:.66rem;font-weight:780;letter-spacing:0;text-transform:uppercase}.comparison-summary strong{display:block;margin-top:5px;color:var(--text);font-size:1.18rem;line-height:1}.comparison-summary em{display:block;margin-top:7px;color:var(--muted);font-size:.76rem;font-style:normal;font-weight:700}.calendar-readout-column .calendar-readout-season-clock{margin:0;width:100%}.time-controls{display:flex;align-items:center;gap:0;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.playback-cluster{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding-right:10px;margin-right:10px;border-right:1px solid color-mix(in oklch,var(--text) 10%,transparent)}.day-mode-cluster{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;height:100%}.day-mode-cluster .day-scrubber{flex:1 1 auto;min-width:0}.day-mode-cluster .global-comparison-control{flex:0 0 auto;padding-left:10px;border-left:1px solid color-mix(in oklch,var(--text) 10%,transparent)}.transport-row{display:flex;align-items:center;justify-content:center}.transport-row button{display:inline-flex;align-items:center;justify-content:center;min-height:0;height:30px}.transport-row button{min-width:0;border-color:color-mix(in oklch,var(--text) 16%,transparent);color:color-mix(in oklch,var(--text) 78%,transparent);background:var(--color-surface-strong);padding:0}.transport-row button:hover{border-color:#6effe857;color:var(--cyan);background:#6effe814}.transport-row button:hover .transport-icon{stroke:var(--cyan)}.transport-row .playback-toggle{width:30px;min-width:30px;padding:0;border:none;color:var(--color-ink-deep);background:color-mix(in oklch,var(--text) 90%,transparent)}.transport-row .playback-toggle .transport-icon{width:16px;height:16px;stroke:var(--color-ink-deep)}.transport-row .playback-toggle .transport-icon.is-filled{fill:var(--color-ink-deep);stroke:none}.transport-row .playback-toggle:hover{color:var(--color-ink);background:color-mix(in oklch,var(--text) 98%,transparent)}.transport-row .playback-toggle:hover .transport-icon{stroke:var(--color-ink)}.transport-row .playback-toggle:hover .transport-icon.is-filled{fill:var(--color-ink);stroke:none}.transport-row .playback-toggle[aria-pressed=true]{color:var(--color-ink);background:color-mix(in oklch,var(--text) 82%,transparent)}.transport-row .playback-toggle[aria-pressed=true] .transport-icon{stroke:var(--color-ink)}.transport-row .playback-toggle[aria-pressed=true] .transport-icon.is-filled{fill:var(--color-ink);stroke:none}.transport-row .playback-toggle[aria-pressed=true]:hover{background:color-mix(in oklch,var(--text) 96%,transparent)}.transport-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.transport-icon.is-filled{fill:currentColor;stroke:none}.segmented{display:grid;gap:8px}.segmented{grid-template-columns:repeat(3,1fr);margin-top:12px;border:1px solid color-mix(in oklch,var(--text) 16%,transparent);border-radius:8px;padding:4px;background:var(--color-surface)}.segmented button{min-height:30px;border:0;font-size:.76rem;font-weight:720;background:transparent}.segmented button.is-active{color:var(--color-ink);background:var(--amber)}.speed-stepper{display:grid;grid-template-columns:28px minmax(28px,1fr) 28px;align-items:stretch;justify-items:stretch;height:30px;min-width:84px;border:1px solid color-mix(in oklch,var(--text) 16%,transparent);border-radius:8px;padding:0;background:var(--color-surface-strong)}.speed-stepper-value{display:flex;align-items:center;justify-content:center;min-width:0;line-height:1;text-align:center;font-size:.72rem;font-weight:780;font-variant-numeric:tabular-nums;color:var(--text)}.speed-step{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;width:100%;min-width:28px;min-height:0;border:0;border-radius:0;color:color-mix(in oklch,var(--text) 72%,transparent);background:transparent;font-size:.78rem;font-weight:780;line-height:1;padding:0}.speed-step:first-child{border-top-left-radius:7px;border-bottom-left-radius:7px}.speed-step:last-child{border-top-right-radius:7px;border-bottom-right-radius:7px}.speed-step:hover:not(:disabled){color:var(--text);background:color-mix(in oklch,var(--text) 14%,transparent)}.speed-step:disabled{opacity:.34;cursor:not-allowed}.day-scrubber{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:8px;height:30px;min-width:0;width:100%;justify-self:stretch;color:var(--muted);font-size:.64rem;font-weight:720}.day-scrubber output{min-width:52px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.day-scrubber input[type=range]{width:100%;height:6px;margin:0;border:none;background:transparent;-webkit-appearance:none;appearance:none}.day-scrubber input[type=range]::-webkit-slider-runnable-track{height:6px;border:none;box-shadow:none;border-radius:999px;background:linear-gradient(to right,var(--text) 0,var(--text) var(--day-scrubber-fill, 0%),color-mix(in oklch,var(--text) 12%,transparent) var(--day-scrubber-fill, 0%),color-mix(in oklch,var(--text) 12%,transparent) 100%)}.day-scrubber input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-3px;border:none;border-radius:50%;background:var(--text);box-shadow:none}.day-scrubber input[type=range]::-moz-range-track{height:6px;border:none;box-shadow:none;border-radius:999px;background:color-mix(in oklch,var(--text) 12%,transparent)}.day-scrubber input[type=range]::-moz-range-progress{height:6px;border:none;border-radius:999px;background:var(--text)}.day-scrubber input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--text);box-shadow:none}@media(max-width:820px){.app-shell{--shell-padding-inline: 16px;--shell-padding-block-end: 16px}.dashboard-header{align-items:center;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;min-height:0;padding-block:0;overflow:visible}.dashboard-brand-row{grid-column:1;grid-row:1;align-self:stretch;padding:8px 12px;border-right:1px solid var(--color-line-soft);border-bottom:0}.dashboard-current{grid-column:2;grid-row:1;width:auto;min-width:0;flex:1 1 auto;height:auto;min-height:42px;justify-content:flex-start;padding:0 10px;border-right:1px solid var(--color-line-soft);border-bottom:0}.dashboard-header .time-controls-cluster{display:contents}.time-controls-cluster>.about-nav-button{grid-column:3;grid-row:1;align-self:center;margin:0 10px 0 0;padding-left:12px;border-left:1px solid var(--color-line-soft);border-radius:8px}.time-controls-cluster .time-controls{grid-column:1 / -1;grid-row:2;flex-wrap:nowrap;align-items:center;gap:0;height:auto;min-height:42px;padding:6px 8px;border-top:1px solid var(--color-line-soft)}.playback-cluster{flex:0 0 auto}.day-mode-cluster{flex:1 1 auto;min-width:0}.calendar-charts-compare{grid-template-columns:minmax(0,1fr)}.calendar-panel-lower.is-side-by-side{grid-template-columns:minmax(0,1fr);row-gap:var(--space-md)}.calendar-panel-lower.is-side-by-side .calendar-charts-stack{align-self:auto;padding-left:0;border-left:none;padding-top:var(--space-md);border-top:1px solid var(--color-line-soft)}.calendar-panel-lower.is-side-by-side .calendar-charts-stack .calendar-sunlight-subsection{grid-template-rows:auto minmax(0,1fr)}.dashboard-grid{grid-template-areas:"comparison" "scene" "tree";grid-template-columns:minmax(0,1fr)}.scene-panel,.season-tree-panel{min-height:0}.scene-wrap,.tree-scene-wrap{min-height:240px}.month-system-grid,.month-strip-comparison.is-comparing,.calendar-readout-columns.is-comparing{grid-template-columns:minmax(0,1fr)}.calendar-panel-body.is-comparing:after{display:none}.sunlight-split-view{grid-template-columns:minmax(0,1fr)}.readout-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.app-shell{--shell-padding-inline: 12px;--shell-padding-block-end: 12px}.dashboard-frame{gap:20px}.dashboard-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto}.dashboard-brand-row{border-right:0;border-bottom:1px solid var(--color-line-soft)}.time-controls-cluster>.about-nav-button{grid-column:2;grid-row:1;margin:0 8px 0 0;border-left:0}.dashboard-current{grid-column:1 / -1;grid-row:2;align-items:flex-start;flex-direction:column;gap:4px;min-height:0;padding:8px 10px;border-right:0;border-bottom:1px solid color-mix(in oklch,var(--text) 12%,transparent)}.time-controls-cluster .time-controls{grid-row:3;flex-direction:column;align-items:stretch;gap:0;height:auto;min-height:0;padding:8px}.playback-cluster{width:100%;margin-right:0;padding-right:0;border-right:0;border-bottom:1px solid color-mix(in oklch,var(--text) 10%,transparent);padding-bottom:6px;margin-bottom:6px}.day-mode-cluster{flex-direction:column;align-items:stretch;gap:6px}.day-mode-cluster .global-comparison-control{padding-left:0;border-left:0;justify-content:flex-start}.scene-wrap,.tree-scene-wrap{min-height:200px}.comparison-summary,.readout-grid{grid-template-columns:1fr}.calendar-readout-column .readout-grid{flex-direction:column;gap:8px 0}.calendar-readout-column .readout-grid div{flex:1 1 auto;border-inline-start:none;padding-inline-start:0;border-top:1px solid color-mix(in oklch,var(--text) 10%,transparent);padding-top:8px}.calendar-readout-column .readout-grid div:first-child{border-top:none;padding-top:0}.month-strip-grid{gap:3px}.month-strip-grid span,.month-strip-grid button{min-height:44px;padding:5px 2px}.month-strip-grid b{font-size:.58rem}.month-strip-grid em{font-size:.54rem}.month-grid-label{font-size:.58rem}.month-day-cell{font-size:.64rem}.calendar-panel-lower.is-side-by-side .calendar-charts-stack .sunlight-chart-container{min-height:9.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}