:root{--background: #FAFAFA;--foreground: #1D1D1F;--card: #FFFFFF;--card-foreground: #1D1D1F;--popover: #FFFFFF;--popover-foreground: #1D1D1F;--primary: #007AFF;--primary-foreground: #FFFFFF;--primary-light: #5AC8FA;--primary-dark: #0056B3;--secondary: #F5F5F7;--secondary-foreground: #1D1D1F;--accent: #0056B3;--accent-foreground: #FFFFFF;--muted: #F5F5F7;--muted-foreground: #86868B;--destructive: #FF3B30;--destructive-foreground: #FFFFFF;--success: #34C759;--success-foreground: #FFFFFF;--warning: #FF9500;--warning-foreground: #1D1D1F;--info: #5AC8FA;--info-foreground: #FFFFFF;--border: #D2D2D7;--input: #D2D2D7;--ring: #007AFF;--chart-1: #007AFF;--chart-2: #5AC8FA;--chart-3: #0056B3;--chart-4: #34C759;--chart-5: #FF9500;--sidebar: #F5F5F7;--sidebar-foreground: #1D1D1F;--sidebar-primary: #007AFF;--sidebar-primary-foreground: #FFFFFF;--sidebar-accent: #E8E8ED;--sidebar-accent-foreground: #0056B3;--sidebar-border: #D2D2D7;--sidebar-ring: #007AFF;--font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Noto Sans KR', 'Segoe UI', Roboto, sans-serif;--font-serif: 'Noto Serif KR', Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: 'SF Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius: 0.75rem;--radius-sm: 0.5rem;--radius-md: 0.625rem;--radius-lg: 0.875rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-2xs: 0 1px 2px 0 rgba(0, 0, 0, 0.04);--shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, 0.06);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.04);--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--shadow-md: 0 6px 10px -2px rgba(0, 0, 0, 0.10), 0 4px 6px -2px rgba(0, 0, 0, 0.04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -2px rgba(0, 0, 0, 0.04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 10px 10px -5px rgba(0, 0, 0, 0.03);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.20);--spacing: 0.25rem;--tracking-normal: 0em;--gradient-primary: linear-gradient(135deg, #007AFF 0%, #0056B3 100%);--gradient-secondary: linear-gradient(135deg, #5AC8FA 0%, #007AFF 100%);--gradient-accent: linear-gradient(135deg, #5AC8FA 0%, #007AFF 50%, #0056B3 100%);--gradient-soft: linear-gradient(135deg, #F5F5F7 0%, #E8E8ED 100%)}.dark{--background: #1D1D1F;--foreground: #F5F5F7;--card: #2C2C2E;--card-foreground: #F5F5F7;--popover: #2C2C2E;--popover-foreground: #F5F5F7;--primary: #0A84FF;--primary-foreground: #FFFFFF;--primary-light: #64D2FF;--primary-dark: #007AFF;--secondary: #3A3A3C;--secondary-foreground: #F5F5F7;--accent: #64D2FF;--accent-foreground: #1D1D1F;--muted: #3A3A3C;--muted-foreground: #A1A1A6;--destructive: #FF453A;--destructive-foreground: #FFFFFF;--success: #32D74B;--success-foreground: #1D1D1F;--warning: #FFD60A;--warning-foreground: #1D1D1F;--info: #64D2FF;--info-foreground: #1D1D1F;--border: #48484A;--input: #48484A;--ring: #0A84FF;--chart-1: #0A84FF;--chart-2: #64D2FF;--chart-3: #007AFF;--chart-4: #32D74B;--chart-5: #FFD60A;--sidebar: #2C2C2E;--sidebar-foreground: #F5F5F7;--sidebar-primary: #0A84FF;--sidebar-primary-foreground: #FFFFFF;--sidebar-accent: #3A3A3C;--sidebar-accent-foreground: #64D2FF;--sidebar-border: #48484A;--sidebar-ring: #0A84FF;--font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Noto Sans KR', 'Segoe UI', Roboto, sans-serif;--font-serif: 'Noto Serif KR', Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: 'SF Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius: 0.75rem;--shadow-2xs: 0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, 0.4);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, 0.4), 0 1px 2px -1px rgba(0, 0, 0, 0.3);--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);--shadow-md: 0 6px 10px -2px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.6);--gradient-primary: linear-gradient(135deg, #0A84FF 0%, #007AFF 100%);--gradient-secondary: linear-gradient(135deg, #3A3A3C 0%, #0A84FF 100%);--gradient-accent: linear-gradient(135deg, #64D2FF 0%, #0A84FF 50%, #007AFF 100%);--gradient-soft: linear-gradient(135deg, #3A3A3C 0%, #2C2C2E 100%)}@layer base{:root{--color-background: var(--background);--color-foreground: var(--foreground);--color-card: var(--card);--color-card-foreground: var(--card-foreground);--color-popover: var(--popover);--color-popover-foreground: var(--popover-foreground);--color-primary: var(--primary);--color-primary-foreground: var(--primary-foreground);--color-secondary: var(--secondary);--color-secondary-foreground: var(--secondary-foreground);--color-muted: var(--muted);--color-muted-foreground: var(--muted-foreground);--color-accent: var(--accent);--color-accent-foreground: var(--accent-foreground);--color-destructive: var(--destructive);--color-destructive-foreground: var(--destructive-foreground);--color-border: var(--border);--color-input: var(--input);--color-ring: var(--ring);--color-chart-1: var(--chart-1);--color-chart-2: var(--chart-2);--color-chart-3: var(--chart-3);--color-chart-4: var(--chart-4);--color-chart-5: var(--chart-5);--color-sidebar: var(--sidebar);--color-sidebar-foreground: var(--sidebar-foreground);--color-sidebar-primary: var(--sidebar-primary);--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);--color-sidebar-accent: var(--sidebar-accent);--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);--color-sidebar-border: var(--sidebar-border);--color-sidebar-ring: var(--sidebar-ring);--font-sans: var(--font-sans);--font-mono: var(--font-mono);--font-serif: var(--font-serif);--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--shadow-2xs: var(--shadow-2xs);--shadow-xs: var(--shadow-xs);--shadow-sm: var(--shadow-sm);--shadow: var(--shadow);--shadow-md: var(--shadow-md);--shadow-lg: var(--shadow-lg);--shadow-xl: var(--shadow-xl);--shadow-2xl: var(--shadow-2xl)}}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);transition:all .2s ease}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground);border-radius:var(--radius);transition:all .2s ease}.btn-secondary:hover{background:var(--primary);color:var(--primary-foreground)}.btn-accent{background:var(--accent);color:var(--accent-foreground);border-radius:var(--radius);transition:all .2s ease}.btn-accent:hover{background:var(--primary)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-soft{background:var(--gradient-soft)}.card-primary{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s ease}.card-primary:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary-foreground)}.text-accent{color:var(--accent)}.text-muted{color:var(--muted-foreground)}