:root{--color-brand-primary: #6200EE;--color-brand-secondary: #3700B2;--color-success: #16A34A;--color-warning: #D97706;--color-danger: #DC2626;--color-info: #0EA5E9;--color-surface-background: #FFFFFF;--color-surface-muted: #F8FAFC;--color-surface-border: #E2E8F0;--color-surface-elevated: #FAFAFA;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-text-inverse: #FFFFFF;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-6: 24px;--spacing-8: 32px;--spacing-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--font-family-sans: Pretendard, "Noto Sans KR", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", Consolas, Menlo, monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--layout-side-nav-width-expanded: 280px;--layout-side-nav-width-collapsed: 64px;--layout-header-height: 56px;--color-overlay-backdrop: rgba(0, 0, 0, .55);--color-overlay-backdrop-light: rgba(0, 0, 0, .3);--color-border-subtle: rgba(255, 255, 255, .25);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .16);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .24);--color-sidebar-bg: #1E1B2E;--color-sidebar-text: #C4B5FD;--color-sidebar-text-muted: #7C6FAF;--color-sidebar-active-bg: rgba(98, 0, 238, .18);--color-sidebar-active-border: var(--color-brand-primary);--color-sidebar-hover-bg: rgba(255, 255, 255, .06);--color-header-bg: var(--color-surface-background);--color-header-border: var(--color-surface-border);--color-healthy: #10B981;--color-unhealthy: #EF4444;--color-muted: #6B7280;--method-get: #10B981;--method-post: #3B82F6;--method-put: #F59E0B;--method-patch: #8B5CF6;--method-delete: #EF4444;--scope-global: #EF4444;--scope-route: #F59E0B;--scope-api: #3B82F6;--scope-consumer: #10B981;--color-syntax-key: #7C3AED;--color-syntax-string: #16A34A;--color-syntax-number: #D97706;--color-syntax-bool: #0EA5E9;--color-syntax-null: #94A3B8}[data-theme=dark]{--color-sidebar-bg: #12101F;--color-sidebar-text: #D8B4FE;--color-sidebar-text-muted: #6B5FA5;--color-sidebar-active-bg: rgba(187, 134, 252, .18);--color-sidebar-active-border: var(--color-brand-primary);--color-sidebar-hover-bg: rgba(255, 255, 255, .08);--color-header-bg: var(--color-surface-background);--color-header-border: var(--color-surface-border);--color-overlay-backdrop: rgba(0, 0, 0, .7);--color-overlay-backdrop-light: rgba(0, 0, 0, .45);--color-border-subtle: rgba(255, 255, 255, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--color-brand-primary: #BB86FC;--color-brand-secondary: #9D7BFF;--color-success: #4ADE80;--color-warning: #FBBF24;--color-danger: #F87171;--color-info: #60A5FA;--color-surface-background: #121212;--color-surface-muted: #1E1E1E;--color-surface-border: #3A3A3A;--color-surface-elevated: #2A2A2A;--color-text-primary: #E8E8E8;--color-text-secondary: #A0A0A0;--color-text-muted: #6B7280;--color-text-inverse: #121212;--color-healthy: #4ADE80;--color-unhealthy: #F87171;--color-muted: #9CA3AF;--method-get: #4ADE80;--method-post: #60A5FA;--method-put: #FBBF24;--method-patch: #C4B5FD;--method-delete: #F87171;--scope-global: #F87171;--scope-route: #FBBF24;--scope-api: #60A5FA;--scope-consumer: #4ADE80;--color-syntax-key: #BB86FC;--color-syntax-string: #4ADE80;--color-syntax-number: #FBBF24;--color-syntax-bool: #60A5FA;--color-syntax-null: #6B7280}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-overlay-backdrop: rgba(0, 0, 0, .7);--color-overlay-backdrop-light: rgba(0, 0, 0, .45);--color-border-subtle: rgba(255, 255, 255, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--color-brand-primary: #BB86FC;--color-brand-secondary: #9D7BFF;--color-success: #4ADE80;--color-warning: #FBBF24;--color-danger: #F87171;--color-info: #60A5FA;--color-surface-background: #121212;--color-surface-muted: #1E1E1E;--color-surface-border: #3A3A3A;--color-surface-elevated: #2A2A2A;--color-text-primary: #E8E8E8;--color-text-secondary: #A0A0A0;--color-text-muted: #6B7280;--color-text-inverse: #121212;--color-healthy: #4ADE80;--color-unhealthy: #F87171;--color-muted: #9CA3AF;--method-get: #4ADE80;--method-post: #60A5FA;--method-put: #FBBF24;--method-patch: #C4B5FD;--method-delete: #F87171;--scope-global: #F87171;--scope-route: #FBBF24;--scope-api: #60A5FA;--scope-consumer: #4ADE80;--color-syntax-key: #BB86FC;--color-syntax-string: #4ADE80;--color-syntax-number: #FBBF24;--color-syntax-bool: #60A5FA;--color-syntax-null: #6B7280;--color-sidebar-bg: #12101F;--color-sidebar-text: #D8B4FE;--color-sidebar-text-muted: #6B5FA5;--color-sidebar-active-bg: rgba(187, 134, 252, .18);--color-sidebar-active-border: #BB86FC;--color-sidebar-hover-bg: rgba(255, 255, 255, .08);--color-header-bg: #121212;--color-header-border: #3A3A3A}}html,body{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface-background)}*{box-sizing:border-box}