.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--color-bg: #0a0a0f;--color-surface: #14141e;--color-surface2: #1a1a28;--color-border: #2a2a3a;--color-border-subtle: #1f1f2c;--color-text: #e0e0e8;--color-text-bright: #ffffff;--color-text-dim: #888898;--color-text-muted: #5a5a6a;--color-accent: #4fc3f7;--color-green: #66bb6a;--color-yellow: #ffd54f;--color-red: #ef5350;--color-orange: #ffa726;--color-cyan: #4fc3f7;--color-purple: #ab47bc;--type-display: 1.5rem;--type-body-lg: .95rem;--type-body: .875rem;--type-section: .75rem;--type-meta: .75rem;--type-fine: .6875rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--motion-easing-standard: cubic-bezier(.2, .6, .2, 1);--motion-easing-emphasized: cubic-bezier(.4, 0, .2, 1);--motion-tab-enter: .36s;--motion-tab-exit: .2s;--motion-sidebar-collapse: .28s;--motion-stagger-step: 70ms;--sidebar-width: 280px}.stagger{opacity:1;transform:none;transition:opacity var(--motion-tab-enter) var(--motion-easing-standard),transform var(--motion-tab-enter) var(--motion-easing-standard);transition-delay:calc(var(--motion-sidebar-collapse) + (sibling-index() - 1) * var(--motion-stagger-step))}@starting-style{[data-stage-tab]:not([hidden]) .stagger{opacity:0;transform:translateY(-12px)}}@media(prefers-reduced-motion:reduce){:root:not([data-force-motion]){--motion-tab-enter: 0ms;--motion-tab-exit: 0ms;--motion-sidebar-collapse: 0ms;--motion-stagger-step: 0ms}:root:not([data-force-motion]) .stagger{transition:none;opacity:1;transform:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:SF Mono,Fira Code,Consolas,monospace;background:var(--color-bg);color:var(--color-text);height:100vh;overflow:hidden;display:flex;flex-direction:column}html,body,.center-stage{overscroll-behavior-x:none}.tab-composition{width:100%;max-width:1200px;margin:0 auto;opacity:1;transition:opacity var(--motion-tab-enter) var(--motion-easing-standard),display var(--motion-tab-enter) allow-discrete}.tab-composition[hidden],.tab-composition.tab-practice[hidden],.tab-composition.tab-sessions[hidden],.tab-composition.tab-report[hidden],.tab-composition.tab-analyze[hidden],.tab-composition.tab-flow[hidden],.tab-composition.tab-omy[hidden]{opacity:0;display:none}@starting-style{.tab-composition:not([hidden]){opacity:0}}body:has([data-stage-tab][data-sidebar=hidden]:not([hidden])) .primary-sidebar{width:0;transform:translate(-100%);opacity:0;pointer-events:none;border-right-color:transparent}.tab-composition.tab-practice{--board-size: 580px;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:min-content;column-gap:var(--space-4);row-gap:var(--space-4)}.tab-practice>[data-component-id=board-panel]{grid-column:1 / span 6;grid-row:1;display:flex;align-items:flex-start;justify-content:flex-start;align-self:start;overflow:hidden}.tab-practice>[data-component-id=practice-tab]{grid-column:7 / span 6;grid-row:1;display:flex;min-width:0;min-height:0;height:min(var(--board-size),50vw);align-self:stretch}.tab-practice>[data-component-id=practice-tab]>*{flex:1;min-width:0;min-height:0;height:100%}.tab-composition.tab-sessions{--sessions-main-h: 580px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto var(--sessions-main-h);column-gap:var(--space-4);row-gap:var(--space-4)}.tab-sessions>[data-component-id=day-timeline]{grid-column:1 / span 12;grid-row:1}.tab-sessions>[data-component-id=topic-graph]{grid-column:1 / span 8;grid-row:2;display:flex;min-width:0;min-height:0}.tab-sessions>[data-component-id=topic-graph]>*{flex:1;min-width:0;min-height:0}.tab-sessions>[data-component-id=detail-panel]{grid-column:9 / span 4;grid-row:2;display:flex;flex-direction:column;min-height:0;min-width:0}.tab-sessions>[data-component-id=detail-panel]>*{flex:1;min-height:0}.tab-composition.tab-report{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;column-gap:var(--space-4);row-gap:var(--space-4);--report-footer-h: 1.5rem}.tab-report>[data-component-id=report-heat-map]{grid-column:1 / span 12;grid-row:1}.tab-report>[data-component-id=report-rating-chart]{grid-column:1 / span 8;grid-row:2;min-width:0}.tab-report>[data-component-id=report-progress-pace]{grid-column:9 / span 4;grid-row:2;min-width:0}.tab-report>[data-component-id=report-topics-table]{grid-column:1 / span 8;grid-row:3;min-width:0;min-height:320px;max-height:440px}.tab-report>[data-component-id=report-actions]{grid-column:9 / span 4;grid-row:3;min-width:0;min-height:320px;max-height:440px;padding-bottom:var(--report-footer-h)}.tab-report>.tab-cell{display:flex;min-width:0}.tab-report>.tab-cell>*{flex:1;min-width:0}.tab-composition.tab-analyze{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;column-gap:var(--space-4);row-gap:var(--space-4)}.tab-analyze>[data-component-id=move-analysis]{grid-column:1 / span 12;grid-row:1;display:flex;min-width:0}.tab-analyze>[data-component-id=move-analysis]>*{flex:1;min-width:0}.tab-composition.tab-flow{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;column-gap:var(--space-4);row-gap:var(--space-4)}.tab-flow>[data-component-id=flow-studio]{grid-column:1 / span 12;grid-row:1;display:flex;min-width:0;height:100%;min-height:560px}body:has([data-stage-tab=flow]:not([hidden])) .center-stage{grid-template-rows:1fr;align-items:stretch;padding-bottom:0}.tab-composition.tab-flow{height:100%;grid-template-rows:1fr}.tab-flow>[data-component-id=flow-studio]>*{flex:1;min-width:0}body:has([data-stage-tab=flow]:not([hidden])) .bottom-shell{display:none}body:has([data-stage-tab=flow]:not([hidden])):has(flow-studio[data-level=canvas]) .center-stage,body:has([data-stage-tab=flow]:not([hidden])):has(flow-studio[data-level=editor]) .center-stage{padding:0}body:has([data-stage-tab=flow]:not([hidden])):has(flow-studio[data-level=canvas]) .tab-composition.tab-flow,body:has([data-stage-tab=flow]:not([hidden])):has(flow-studio[data-level=editor]) .tab-composition.tab-flow{max-width:none}.tab-composition.tab-omy{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(360px,1.7fr) minmax(300px,1.25fr);column-gap:var(--space-4);row-gap:var(--space-4)}body:has([data-stage-tab=omy]:not([hidden])) .center-stage{grid-template-rows:1fr;align-items:stretch;padding-bottom:var(--space-4)}body:has([data-stage-tab=omy]:not([hidden])) .bottom-shell{display:none}.tab-composition.tab-omy{--omy-height: calc(100dvh - 130px) ;--omy-col: calc((100cqw - 32px)*.4533) ;--omy-board: min(calc(var(--omy-height) - 150px), 580px, var(--omy-col));container-type:inline-size;height:100%;min-height:560px;grid-template-rows:auto auto;align-content:start}.tab-omy>[data-component-id=omy-event-rail]{grid-column:1;grid-row:1 / span 2;min-width:0;min-height:0;align-self:start;height:calc(var(--omy-board) + 4px)}.tab-omy>[data-component-id=omy-board-stage]{grid-column:2;grid-row:1 / span 2;min-width:0;min-height:0}.tab-omy>[data-component-id=omy-memory-boards]{grid-column:3;grid-row:1;min-width:0;min-height:0}.tab-omy>[data-component-id=omy-side-panel]{grid-column:3;grid-row:2;min-width:0;min-height:0}.tab-omy>[data-component-id=omy-event-rail]>*,.tab-omy>[data-component-id=omy-board-stage]>*,.tab-omy>[data-component-id=omy-side-panel]>*{height:100%;min-height:0}