:root{--color-primary-900: #000000;--color-primary-800: #1a1a1a;--color-primary-700: #333333;--color-primary-600: #4d4d4d;--color-primary-500: #666666;--color-primary-400: #808080;--color-primary-300: #999999;--color-primary-200: #cccccc;--color-primary-100: #e6e6e6;--color-accent-900: #000000;--color-accent-800: #1a1a1a;--color-accent-700: #333333;--color-accent-600: #4d4d4d;--color-accent-500: #666666;--color-accent-400: #808080;--color-accent-300: #999999;--color-accent-200: #cccccc;--color-accent-100: #e6e6e6;--color-success-900: #1b5e20;--color-success-700: #2e7d32;--color-success-500: #27ae60;--color-success-300: #4caf50;--color-success-100: #a5d6a7;--color-danger-900: #b71c1c;--color-danger-700: #c62828;--color-danger-500: #e74c3c;--color-danger-300: #ef5350;--color-danger-100: #ef9a9a;--color-warning-900: #e65100;--color-warning-700: #f57c00;--color-warning-500: #f39c12;--color-warning-300: #ffa726;--color-warning-100: #ffcc80;--color-gray-900: #212121;--color-gray-800: #333333;--color-gray-700: #424242;--color-gray-600: #666666;--color-gray-500: #757575;--color-gray-400: #999999;--color-gray-300: #bdbdbd;--color-gray-200: #e0e0e0;--color-gray-100: #f5f5f5;--color-gray-50: #fafafa;--color-white: #ffffff;--color-black: #000000;--color-text-primary: var(--color-gray-800);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-500);--color-text-inverse: var(--color-white);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-gray-50);--color-bg-tertiary: var(--color-gray-100);--color-bg-overlay: rgba(0, 0, 0, .5);--color-border-light: var(--color-gray-200);--color-border-medium: var(--color-gray-300);--color-border-dark: var(--color-gray-400);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-display: "Playfair Display", "Georgia", "Times New Roman", serif;--font-family-secondary: "Georgia", "Times New Roman", 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-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--letter-spacing-wider: .05em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-base: 0 2px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 10px -2px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 20px -4px rgba(0, 0, 0, .12), 0 4px 8px -4px rgba(0, 0, 0, .08);--shadow-xl: 0 12px 32px -8px rgba(0, 0, 0, .15), 0 8px 16px -8px rgba(0, 0, 0, .1);--shadow-2xl: 0 20px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--z-index-base: 0;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-slower: .5s ease;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--border-brutalist-thin: 1px solid var(--color-black);--border-brutalist-medium: 2px solid var(--color-black);--border-brutalist-thick: 3px solid var(--color-black);--shadow-brutalist-sm: 2px 2px 0 var(--color-black);--shadow-brutalist-md: 4px 4px 0 var(--color-black);--shadow-brutalist-lg: 6px 6px 0 var(--color-black);--shadow-brutalist-xl: 8px 8px 0 var(--color-black);--timing-instant: 0ms;--timing-fast: .15s;--timing-base: .2s;--timing-slow: .3s;--container-xs: 20rem;--container-sm: 40rem;--container-md: 48rem;--container-lg: 64rem;--container-xl: 80rem;--container-2xl: 96rem;--header-height: 4rem;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--gallery-gap: var(--space-12);--gallery-card-min-width: 20rem;--gallery-image-height: 22rem;--gallery-image-height-mobile: 16rem;--admin-primary: var(--color-primary-800);--admin-secondary: var(--color-primary-700);--admin-accent: var(--color-accent-500);--admin-success: var(--color-success-500);--admin-danger: var(--color-danger-500);--admin-warning: var(--color-warning-500);--admin-bg: var(--color-gray-100);--admin-sidebar: var(--color-primary-800);--admin-text: var(--color-text-primary);--admin-border: var(--color-border-light)}@media(prefers-color-scheme:dark){:root{--color-text-primary: var(--color-gray-800);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-500);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-gray-50);--color-bg-tertiary: var(--color-gray-100);--color-border-light: var(--color-gray-200);--color-border-medium: var(--color-gray-300);--color-border-dark: var(--color-gray-400)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary);min-height:100vh;overflow-x:hidden}.container{width:100%;max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:768px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}