:root{--color-bg: #ffffff;--color-surface: #f5f5f5;--color-surface-elevated: #ebebeb;--color-border: #e0e0e0;--color-border-strong: #c8c8c8;--color-text-primary: #1a1a1a;--color-text-secondary: #555555;--color-text-muted: #6e6e6e;--color-accent: #2e6690;--color-accent-light: #d6e8f4;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-base: 16px;--font-size-sm: 14px;--font-size-xs: 12px;--font-size-lg: 20px;--font-weight-normal: 400;--font-weight-medium: 500;--line-height-base: 1.5;--panel-width: clamp(360px, 32vw, 540px);--timeline-height: clamp(220px, 36vh, 540px);--nav-height: 48px;--radius-sm: 4px;--radius-md: 8px;--transition-fast: .15s ease;--shadow-panel: 0 2px 8px rgba(0, 0, 0, .12)}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--font-size-base);line-height:var(--line-height-base)}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:inherit;font-size:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}