:root{--color-text-base: #17213c;--color-text-light: #59627a;--color-text-muted: #8b93a7;--color-text-inverted: #fff;--color-background-base: #fff;--color-background-light: #f8f9fd;--color-background-dark: #e0e0e0;--color-background-inverted: #333;--color-border-base: #dfe3ee;--color-border-light: #edf0f6;--color-border-dark: #999;--color-accent-primary: #5548e8;--color-accent-primary-hover: #4335d5;--color-accent-secondary: #6154ea;--color-accent-secondary-hover: #5a6268;--color-success: #28a745;--color-error: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--gradient-background-base: linear-gradient( 135deg, #f8f9ff 0%, #ffffff 52%, #f8faff 100% );--gradient-background-skillboard: radial-gradient( circle at 50% 45%, #f5efff 0%, #fbfbff 38%, #f5f9ff 100% );--gradient-background-skillDetail: linear-gradient( 90deg, #ccedff .01%, #c9a9ff 99.99% );--color-level0: #d3d3d3;--color-level1: #fffacd;--color-level2: #ffd700;--color-level3: #90ee90;--color-level4: #32cd32;--color-level5: #4682b4;--color-level6: #0000ff;--color-level7: #8a2be2;--font-size-base: 16px;--font-size-small: 14px;--font-size-large: 20px;--font-size-heading: 32px;--font-size-body: 16px;--font-size-caption: 12px;--font-size-button: 14px;--font-size-title: 24px;--header-height: 50px;--sideNavigation-width: 186px;--color-step-learning: #3B82F6;--color-step-practice: #22C55E;--color-step-other: #A855F7}html,body{max-inline-size:100vw}body{color:var(--color-text-base);background:var(--color-background-base)}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}::view-transition-group(*){animation-duration:.2s}.react-flow__node.react-flow__node-skill:hover{z-index:99!important}