:root{--color-primary: #1976d2;--color-primary-dark: #1565c0;--color-primary-light: #42a5f5;--primary-color: #1976d2;--primary-dark: #1565c0;--primary-light: #42a5f5;--color-secondary: #26a69a;--color-secondary-dark: #00897b;--color-secondary-light: #4db6ac;--color-accent: #ff6f00;--color-background: #fafafa;--background-primary: #fafafa;--background-secondary: #f5f5f5;--background-tertiary: #eeeeee;--color-surface: #ffffff;--surface-primary: #ffffff;--surface-secondary: #f9f9f9;--color-text-primary: #212121;--text-primary: #212121;--color-text-secondary: #757575;--text-secondary: #757575;--text-tertiary: #9e9e9e;--color-border: #e0e0e0;--border-color: #e0e0e0;--border-light: #f0f0f0;--color-success: #4caf50;--success-color: #4caf50;--success-light: #e8f5e9;--success-dark: #2e7d32;--color-error: #f44336;--error-color: #f44336;--error-light: #ffebee;--error-dark: #c62828;--color-warning: #ff9800;--warning-color: #ff9800;--warning-light: #fff3e0;--warning-dark: #ef6c00;--color-info: #2196f3;--info-color: #2196f3;--info-light: #e3f2fd;--info-dark: #1565c0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15);--opacity-hover: .08;--opacity-pressed: .12;--opacity-disabled: .38;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}[data-theme=dark]{--color-primary: #42a5f5;--color-primary-dark: #1976d2;--color-primary-light: #64b5f6;--primary-color: #42a5f5;--primary-dark: #1976d2;--primary-light: #64b5f6;--color-secondary: #26a69a;--color-secondary-dark: #00897b;--color-secondary-light: #4db6ac;--color-accent: #ffa726;--color-background: #121212;--background-primary: #121212;--background-secondary: #1e1e1e;--background-tertiary: #2a2a2a;--color-surface: #1e1e1e;--surface-primary: #1e1e1e;--surface-secondary: #2a2a2a;--color-text-primary: #e0e0e0;--text-primary: #e0e0e0;--color-text-secondary: #b0b0b0;--text-secondary: #b0b0b0;--text-tertiary: #808080;--color-border: #333333;--border-color: #333333;--border-light: #2a2a2a;--color-success: #66bb6a;--success-color: #66bb6a;--success-light: #1b5e20;--success-dark: #81c784;--color-error: #ef5350;--error-color: #ef5350;--error-light: #b71c1c;--error-dark: #e57373;--color-warning: #ffa726;--warning-color: #ffa726;--warning-light: #e65100;--warning-dark: #ffb74d;--color-info: #42a5f5;--info-color: #42a5f5;--info-light: #0d47a1;--info-dark: #64b5f6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-background);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);overflow-x:hidden}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}h1,.h1{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary);margin:0 0 1rem}h2,.h2{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary);margin:0 0 .875rem}h3,.h3{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-normal);color:var(--text-primary);margin:0 0 .75rem}h4,.h4{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-normal);color:var(--text-primary);margin:0 0 .625rem}h5,.h5{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);color:var(--text-primary);margin:0 0 .5rem}h6,.h6{font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);color:var(--text-primary);margin:0 0 .5rem;text-transform:uppercase}p,.text-body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal);color:var(--text-primary);margin:0 0 1rem}.text-large{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.text-small{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-underline{text-decoration:underline}.text-line-through{text-decoration:line-through}.text-no-decoration{text-decoration:none}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.leading-none{line-height:var(--line-height-none)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tighter{letter-spacing:var(--letter-spacing-tighter)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.text-mono{font-family:var(--font-family-mono)}.bg-primary{background-color:var(--color-primary)}.bg-surface{background-color:var(--color-surface)}@media (max-width: 768px){:root{--font-size-base: .9375rem}}button,a,input,select,textarea{min-height:44px;min-width:44px}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.spinner{border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}