:root{--font-ui: Inter, Pretendard, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #f8fbff;--color-text: #102033;--color-muted: #55677b;--color-subtle: #6f7f91;--color-border: rgb(17 70 105 / 14%);--color-surface: rgb(255 255 255 / 82%);--color-surface-strong: rgb(255 255 255 / 94%);--color-primary: #007da5;--color-primary-ink: #ffffff;--color-attention: #b77900;--color-commit: #c4457c;--shadow-stage: 0 28px 84px rgb(54 82 116 / 18%);--radius-frame: 8px;--radius-pill: 999px;--space-shell: clamp(20px, 5vw, 56px);--space-section: clamp(24px, 5vw, 64px);--motion-standard: .18s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{font-family:var(--font-ui);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg)}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 24%,transparent);outline-offset:2px}.app-shell{min-height:100vh;min-height:100dvh;background:var(--color-bg)}.app-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 28px;border-bottom:1px solid var(--color-border);background:var(--color-surface-strong)}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:26px;height:26px;flex:0 0 auto;border:6px solid var(--color-primary);border-right-color:var(--color-attention);border-radius:50%}.brand-lockup h1{margin:0;font-size:18px;line-height:1.25;letter-spacing:0}.brand-lockup p{margin:3px 0 0;color:var(--color-subtle);font-size:12px}.period-switch{display:grid;grid-template-columns:repeat(2,minmax(82px,1fr));gap:4px;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-frame);background:var(--color-bg)}.period-switch button{min-height:36px;border:0;border-radius:5px;padding:0 14px;color:var(--color-muted);background:transparent;cursor:pointer}.period-switch button.active{color:var(--color-primary-ink);background:var(--color-primary)}.workspace{min-height:calc(100vh - 72px);min-height:calc(100dvh - 72px);display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr)}.activity-sidebar{z-index:1;overflow:auto;border-right:1px solid var(--color-border);background:var(--color-surface-strong)}.sidebar-section{padding:24px 28px;border-bottom:1px solid var(--color-border)}.eyebrow{margin:0 0 6px;color:var(--color-primary);font-size:11px;font-weight:800;line-height:1.3;text-transform:uppercase}.sidebar-section h2,.stage-toolbar h2{margin:0;font-size:20px;line-height:1.3;letter-spacing:0;word-break:keep-all}.period-note{margin:12px 0 0;color:var(--color-muted);font-size:14px;line-height:1.6;word-break:keep-all}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 0;border-block:1px solid var(--color-border)}.metrics div{min-width:0;padding:14px 10px}.metrics div+div{border-left:1px solid var(--color-border)}.metrics dt{color:var(--color-subtle);font-size:11px}.metrics dd{margin:6px 0 0;overflow:hidden;font-size:22px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.metrics p{margin:5px 0 0;color:var(--color-muted);font-size:10px;line-height:1.35}.display-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:16px;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-frame);background:var(--color-bg)}.display-mode button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:5px;color:var(--color-muted);background:transparent;cursor:pointer;font-size:11px;font-weight:800}.display-mode button:hover,.display-mode button.active{color:var(--color-primary-ink);background:var(--color-primary)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading>span{flex:0 0 auto;color:var(--color-subtle);font-size:12px;font-variant-numeric:tabular-nums}.filter-tools{display:inline-flex;align-items:center;gap:8px}.filter-tools button{min-height:28px;border:1px solid var(--color-border);border-radius:5px;padding:0 8px;color:var(--color-muted);background:var(--color-surface-strong);cursor:pointer;font-size:10px;font-weight:800}.filter-tools button:hover,.filter-tools button.active{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 34%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 7%,transparent)}.bucket-list{display:grid;gap:6px;margin:16px 0 0;padding:0;list-style:none}.bucket-list li{min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:stretch;overflow:hidden;border:1px solid transparent;border-radius:var(--radius-frame);background:var(--color-bg)}.bucket-list li.selected{border-color:color-mix(in srgb,var(--color-primary) 32%,transparent);background:color-mix(in srgb,var(--color-primary) 7%,transparent)}.bucket-toggle{min-width:0;display:grid;grid-template-columns:16px 9px minmax(0,1fr) auto;column-gap:10px;row-gap:5px;align-items:center;padding:8px 4px 8px 12px;cursor:pointer}.bucket-toggle input{grid-row:1 / 3;width:16px;height:16px;margin:0;accent-color:var(--color-primary)}.bucket-toggle input:disabled{cursor:not-allowed}.bucket-swatch{grid-row:1 / 3;width:9px;height:9px;border-radius:50%}.bucket-name{min-width:0;display:flex;align-items:baseline;gap:7px}.bucket-name strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.bucket-name small{color:var(--color-subtle);font-size:11px;font-variant-numeric:tabular-nums}.bucket-count{color:var(--color-text);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.bucket-share-meter{grid-row:2;grid-column:3 / 5;height:3px;overflow:hidden;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-text) 8%,transparent)}.bucket-share-meter span{display:block;height:100%;min-width:3px;border-radius:inherit;transition:opacity var(--motion-standard)}.bucket-list li[data-visible=false] .bucket-swatch,.bucket-list li[data-visible=false] .bucket-share-meter span{opacity:.24}.bucket-list li[data-visible=false] .bucket-name,.bucket-list li[data-visible=false] .bucket-count{color:var(--color-subtle)}.inspect-button,.stage-actions button{display:inline-grid;place-items:center;width:38px;height:38px;border:0;color:var(--color-muted);background:transparent;cursor:pointer}.inspect-button{align-self:center;border-left:1px solid var(--color-border)}.inspect-button:hover:not(:disabled),.inspect-button[aria-pressed=true],.stage-actions button:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.inspect-button:disabled{color:var(--color-border);cursor:not-allowed}.inspector{padding-block:18px}.inspector p{margin:8px 0 0;color:var(--color-muted);font-size:13px;line-height:1.55}.inspector-navigation{display:inline-flex;align-items:center;gap:4px;margin-top:8px;border:1px solid var(--color-border);border-radius:6px;padding:3px;color:var(--color-subtle);background:var(--color-bg);font-size:10px;font-weight:700}.inspector-navigation button{width:26px;height:26px;display:inline-grid;place-items:center;border:0;border-radius:4px;color:var(--color-muted);background:transparent;cursor:pointer}.inspector-navigation button:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.section-heading .inspector-count{color:inherit;font-size:24px;font-weight:800}.period-comparison{min-height:30px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;margin-top:8px;padding:5px 8px;border:1px solid var(--color-border);border-radius:var(--radius-frame);color:var(--color-muted);background:var(--color-bg);font-size:10px}.period-comparison strong{color:var(--color-text);font-variant-numeric:tabular-nums}.comparison-divider{color:var(--color-subtle)}.comparison-delta{margin-left:auto;font-size:10px}.galaxy-stage{min-width:0;min-height:620px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--color-bg)}.stage-toolbar,.stage-status{z-index:1;display:flex;align-items:center;background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stage-toolbar{justify-content:space-between;gap:20px;min-height:74px;padding:14px 24px;border-bottom:1px solid var(--color-border)}.stage-actions{display:flex;gap:2px;padding:3px;border:1px solid var(--color-border);border-radius:var(--radius-frame);background:var(--color-surface-strong)}.stage-actions button{border-radius:5px}.galaxy-canvas{min-width:0;min-height:0;position:relative}.galaxy-canvas canvas{display:block}.stage-status{min-height:44px;gap:8px;padding:10px 24px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:12px}.stage-status strong{color:var(--color-text)}.status-dot{width:8px;height:8px;border-radius:50%}.motion-status{margin-left:auto}.view-status{padding-left:8px;border-left:1px solid var(--color-border);color:var(--color-subtle)}.orbit-label{appearance:none;display:block;min-width:max-content;padding:3px 7px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface-strong);box-shadow:0 6px 16px #3652741a;font-size:11px;font-weight:800;line-height:1.2;opacity:.68;cursor:pointer;pointer-events:auto;transform:translate(-100%);transition:border-color var(--motion-standard),box-shadow var(--motion-standard),opacity var(--motion-standard),transform var(--motion-standard);white-space:nowrap}.orbit-label:hover,.orbit-label:focus-visible{border-color:currentColor;box-shadow:0 8px 20px #36527429;opacity:1;transform:translate(-100%) translateY(-1px)}.orbit-label.selected{border-color:currentColor;opacity:1}@media(max-width:900px){.workspace{grid-template-columns:1fr}.activity-sidebar{overflow:visible;border-right:0}.galaxy-stage{min-height:620px}}@media(max-width:560px){.app-header{align-items:stretch;flex-direction:column;gap:12px;padding:14px 18px}.period-switch{width:100%}.sidebar-section{padding:22px 18px}.metrics{grid-template-columns:1fr}.metrics div{display:grid;grid-template-columns:minmax(80px,1fr) auto;gap:4px 12px;align-items:baseline;padding:11px 4px}.metrics div+div{border-top:1px solid var(--color-border);border-left:0}.metrics dd{grid-row:1 / 3;grid-column:2;margin:0}.stage-toolbar{padding:13px 18px}.stage-status{padding-inline:18px}.motion-status{display:none}.view-status{margin-left:auto}}