:root{--color-brand: #000000;--color-brand-accent: #E8C547;--color-brand-accent-hover: #F0D060;--color-brand-ink: #1A1A2E;--color-tier-standard: var(--color-text-muted);--color-tier-plus: var(--color-brand-accent);--color-tier-profi: #C084FC;--tier-ring-width: 3px;--tier-ring-gap: 3px;--color-white: #FFFFFF;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #E5E5E5;--color-gray-300: #D4D4D4;--color-gray-400: #A3A3A3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-black: #0A0A0A;--color-bg: var(--color-white);--color-bg-elevated: var(--color-gray-50);--color-bg-card: var(--color-white);--color-bg-hover: rgba(0,0,0,0.04);--color-surface: var(--color-gray-100);--color-text: var(--color-gray-900);--color-text-secondary: var(--color-gray-500);--color-text-muted: #6F6F6F;--color-border: var(--color-gray-200);--color-border-hover: var(--color-gray-300);--color-link: var(--color-brand);--color-link-hover: var(--color-brand-accent);--color-bg-editorial: #FAFAFA;--color-editorial-mark: var(--color-brand-accent);--color-success: #4caf50;--color-error: #f44336;--color-warning: #ff9800;--color-info: #2196f3;--color-cat-artists: #E63946;--color-cat-interview: #457B9D;--color-cat-community: #2A9D8F;--color-cat-models: #E76F51;--color-cat-trends: #9B5DE5;--color-cat-knowledge: #00BBF9;--color-cat-events: #F15BB5;--color-cat-equipment: #06D6A0;--color-family-tribal: #d84315;--color-family-japanese: #c62828;--color-family-american: #1565c0;--color-family-chicano: #6a1b9a;--color-family-blackwork: #37474f;--color-family-realism: #00838f;--color-family-modern: #2e7d32;--color-family-lettering: #f57c00;--color-family-illustrative: #5e35b1;--color-family-cultural: #795548;--color-family-fineline: #00897b;--glass-bg: rgba(20,20,22,0.85);--glass-blur: blur(20px) saturate(1.4);--glass-border: rgba(255,255,255,0.06);--glass-shine: linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent);--font-ui: 'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display: 'DM Serif Display','Literata',Georgia,'Times New Roman',serif;--font-editorial: var(--font-ui);--font-mono: 'JetBrains Mono','SF Mono','Fira Code','Cascadia Code',monospace;--font-family: var(--font-ui);--font-heading: var(--font-display);--font-body: var(--font-ui);--text-3xs: 0.6875rem;--text-2xs: 0.75rem;--text-xs: clamp(0.6875rem,0.65rem + 0.1vw,0.75rem);--text-sm: clamp(0.8125rem,0.78rem + 0.15vw,0.875rem);--text-base: clamp(0.9375rem,0.9rem + 0.18vw,1rem);--text-lg: clamp(1.0625rem,1rem + 0.25vw,1.125rem);--text-xl: clamp(1.1875rem,1.1rem + 0.4vw,1.25rem);--text-2xl: clamp(1.375rem,1.2rem + 0.75vw,1.5rem);--text-3xl: clamp(1.75rem,1.5rem + 1vw,1.875rem);--text-4xl: clamp(2rem,1.6rem + 1.5vw,2.5rem);--text-5xl: clamp(2.5rem,2rem + 2vw,3.5rem);--text-6xl: clamp(3rem,5vw,4rem);--text-7xl: clamp(4rem,7vw,5rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.75;--line-height-display: 1.05;--line-height-prose: 1.75;--letter-spacing-tight: -0.02em;--letter-spacing-normal: 0;--letter-spacing-wide: 0.05em;--letter-spacing-caps: 0.1em;--space-0: 0;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-max: none;--container-max-wide: 100%;--gutter: var(--space-4);--gutter-lg: var(--space-6);--header-h: 56px;--radius-sm: 0.25rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,0.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--shadow-glow: 0 0 20px rgba(232,197,71,0.15);--shadow-inset: inset 0 1px 2px rgba(0,0,0,0.1);--transition-fast: 150ms ease;--transition-normal: 250ms ease;--transition-slow: 350ms ease;--transition-bounce: 400ms cubic-bezier(0.34,1.56,0.64,1);--ease-standard: cubic-bezier(0.4,0,0.2,1);--ease-smooth: cubic-bezier(0.25,0.1,0.25,1);--duration-image: 600ms;--duration-entry: 400ms;--ruled-col-w: 40px;--ruled-col-pad: var(--space-3);--ruled-col-line: 1px solid var(--color-border);--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-toast: 50;--bg-primary: var(--color-bg);--bg-secondary: var(--color-bg-elevated);--bg-tertiary: var(--color-surface);--bg-hover: var(--color-bg-hover);--bg-overlay: rgba(0,0,0,0.7);--color-overlay-scrim-light: rgba(0,0,0,0.4);--color-overlay-scrim-strong: rgba(0,0,0,0.85);--color-range-fill: rgba(232,197,71,0.12);--color-range-fill-hover: rgba(232,197,71,0.18);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-inverse: var(--color-black);--border-color: var(--color-border);--border-color-hover: var(--color-border-hover);--border-radius: var(--radius-md);--border-radius-sm: var(--radius-sm);--border-radius-lg: var(--radius-lg);--border-radius-xl: var(--radius-xl);--border-radius-pill: var(--radius-full);--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-base: var(--text-base);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-2xl: var(--text-2xl);--font-size-3xl: var(--text-3xl);--line-height-relaxed: var(--line-height-loose);--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--gold: var(--color-brand-accent);--gold-hover: var(--color-brand-accent-hover);--gold-dim: rgba(232,197,71,0.15);--color-primary: var(--color-brand-accent)}@media (min-width: 768px){:root{--header-h: 64px;--gutter: 1.5rem}}@media (min-width: 1440px){:root{--gutter: var(--space-8)}}@media (min-width: 1920px){:root{--gutter: var(--space-12)}}.dark-theme{--color-bg: #0A0A0A;--color-bg-elevated: #141414;--color-bg-card: #1A1A1A;--color-bg-hover: rgba(255,255,255,0.05);--color-surface: #262626;--color-bg-editorial: #0E0E0E;--color-text: #F5F5F5;--color-text-secondary: #A3A3A3;--color-text-muted: #8A8A8A;--color-border: #333333;--color-border-hover: #444444;--color-link: var(--color-brand-accent);--color-link-hover: #F0D060;--shadow-sm: 0 1px 2px rgba(0,0,0,0.3);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -2px rgba(0,0,0,0.3);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -4px rgba(0,0,0,0.3);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.4),0 8px 10px -6px rgba(0,0,0,0.3);--glass-bg: rgba(20,20,22,0.85);--glass-border: rgba(255,255,255,0.06);--bg-primary: #0A0A0A;--bg-secondary: #141414;--bg-tertiary: #262626;--bg-hover: rgba(255,255,255,0.05);--bg-overlay: rgba(0,0,0,0.85);--text-primary: #F5F5F5;--text-secondary: #A3A3A3;--text-muted: #8A8A8A;--text-inverse: #F5F5F5;--border-color: #333333;--border-color-hover: #444444}@media (prefers-color-scheme: dark){:root:not(.light-theme){--color-bg: #0A0A0A;--color-bg-elevated: #141414;--color-bg-card: #1A1A1A;--color-bg-hover: rgba(255,255,255,0.05);--color-surface: #262626;--color-bg-editorial: #0E0E0E;--color-text: #F5F5F5;--color-text-secondary: #A3A3A3;--color-text-muted: #8A8A8A;--color-border: #333333;--color-border-hover: #444444;--color-link: var(--color-brand-accent);--color-link-hover: #F0D060;--shadow-sm: 0 1px 2px rgba(0,0,0,0.3);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -2px rgba(0,0,0,0.3);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -4px rgba(0,0,0,0.3);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.4),0 8px 10px -6px rgba(0,0,0,0.3);--bg-primary: #0A0A0A;--bg-secondary: #141414;--bg-tertiary: #262626;--bg-hover: rgba(255,255,255,0.05);--bg-overlay: rgba(0,0,0,0.85);--text-primary: #F5F5F5;--text-secondary: #A3A3A3;--text-muted: #8A8A8A;--text-inverse: #F5F5F5;--border-color: #333333;--border-color-hover: #444444}}.dark-theme img:not([data-no-dim]){filter: brightness(0.9)}.dark-theme img:hover{filter: brightness(1)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms;--transition-bounce: 0ms}}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{font-size: 16px;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;scroll-behavior: smooth}body{font-family: var(--font-body);font-size: var(--text-base);line-height: var(--line-height-normal);color: var(--color-text);background-color: var(--color-bg);min-height: 100vh;overflow-x: clip;transition: background var(--transition-normal),color var(--transition-normal)}a{color: inherit;text-decoration: none}img{display: block;max-width: 100%;height: auto}button{font: inherit;cursor: pointer;border: none;background: none;color: inherit}ul,ol{list-style: none}::selection{background-color: var(--color-brand-accent);color: var(--color-bg)}::-webkit-scrollbar{width: 8px;height: 8px}::-webkit-scrollbar-track{background: var(--color-bg)}::-webkit-scrollbar-thumb{background: var(--color-border-hover);border-radius: var(--radius-full)}::-webkit-scrollbar-thumb:hover{background: var(--color-text-muted)}:focus-visible{outline: 2px solid var(--color-brand-accent);outline-offset: 2px}select{appearance: none;-webkit-appearance: none;font: inherit;color: var(--color-text);background-color: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 0.5rem 2.25rem 0.5rem 0.75rem;cursor: pointer;transition: border-color 0.15s,box-shadow 0.15s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 12px 8px}select:hover{border-color: var(--color-border-hover)}select:focus{outline: none;border-color: var(--color-brand-accent);box-shadow: 0 0 0 2px rgba(232,197,71,0.15)}select:disabled{opacity: 0.5;cursor: not-allowed}select option{background-color: var(--color-bg-elevated);color: var(--color-text)}.container{width: calc(100% - 2 * var(--gutter));margin-inline: auto}.container--wide{width: calc(100% - 2 * var(--gutter));margin-inline: auto}.skeleton{background: linear-gradient(90deg,var(--color-bg-card) 25%,var(--color-bg-elevated) 50%,var(--color-bg-card) 75% );background-size: 200% 100%;animation: ds-skeleton 1.5s ease-in-out infinite;border-radius: var(--radius-sm)}@keyframes ds-skeleton{0%{background-position: 200% 0}100%{background-position: -200% 0}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important}}.breadcrumbs{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2);padding: var(--space-3) var(--gutter);font-family: var(--font-mono);font-size: var(--text-2xs);letter-spacing: var(--letter-spacing-caps);color: var(--color-text-muted)}.breadcrumbs__crumb{color: var(--color-text-secondary);text-decoration: none;transition: color var(--transition-fast)}a.breadcrumbs__crumb:hover,a.breadcrumbs__crumb:focus-visible{color: var(--color-brand-accent)}a.breadcrumbs__crumb:focus-visible{outline: 2px solid var(--color-focus-ring);outline-offset: 2px}.breadcrumbs__current{color: var(--color-text-primary)}.breadcrumbs__sep{color: var(--color-text-muted);opacity: 0.5}.breadcrumbs--sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.listing-hero{padding: var(--space-12) var(--gutter) 0}.listing-hero__inner{}.afisha-v2 > .listing-hero{padding-inline: 0}.listing-hero__title{font-family: var(--font-display);font-size: var(--text-4xl);font-weight: var(--font-weight-normal);line-height: var(--line-height-display);letter-spacing: var(--letter-spacing-tight);margin-bottom: var(--space-2)}.listing-hero__title em{font-style: normal;font-weight: 700;color: var(--color-brand-accent);font-variation-settings: "opsz" 72}.listing-hero__subtitle{color: var(--color-text-secondary);font-size: var(--text-base);margin: 0}.listing-hero__subtitle strong{color: var(--color-brand-accent);font-weight: var(--font-weight-semibold);font-family: var(--font-mono)}:root:not(.dark-theme) .listing-hero__title em,:root:not(.dark-theme) .listing-hero__subtitle strong,:root:not(.dark-theme) .listing-hero__intro-toggle{color: var(--color-text)}.listing-hero__intro{margin-top: var(--space-3);max-width: 70ch}.listing-hero__intro-text{font-size: var(--text-sm);color: var(--color-text-secondary);line-height: var(--line-height-body)}.listing-hero__intro:not(.is-expanded) > .listing-hero__intro-text{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;position: relative}.listing-hero__intro:not(.is-expanded) > .listing-hero__intro-text::after{content: '';position: absolute;inset: auto 0 0 0;height: 1.5em;background: linear-gradient(to bottom,transparent,var(--color-bg) 80%);pointer-events: none}.listing-hero__intro-extra{display: none;margin-top: var(--space-2)}.listing-hero__intro.is-expanded .listing-hero__intro-extra{display: block}.listing-hero__intro-toggle{font-family: var(--font-ui);font-size: var(--text-xs);font-weight: var(--font-weight-bold);letter-spacing: var(--letter-spacing-caps);text-transform: uppercase;color: var(--color-brand-accent);background: none;border: none;padding: 0;margin-top: var(--space-2);cursor: pointer}.listing-hero__intro-toggle:focus-visible{outline: 2px solid var(--color-focus-ring);outline-offset: 2px}.listing-hero--with-rule{border-bottom: 1px solid var(--color-border);padding-bottom: var(--space-4)}.text-xs{font-size: var(--text-xs)}.text-sm{font-size: var(--text-sm)}.text-base{font-size: var(--text-base)}.text-lg{font-size: var(--text-lg)}.text-xl{font-size: var(--text-xl)}.text-2xl{font-size: var(--text-2xl)}.text-3xl{font-size: var(--text-3xl)}.text-muted{color: var(--color-text-muted)}.text-secondary{color: var(--color-text-secondary)}.text-accent{color: var(--color-brand-accent)}.font-mono{font-family: var(--font-mono)}.font-bold{font-weight: var(--font-weight-bold)}.font-semibold{font-weight: var(--font-weight-semibold)}.font-medium{font-weight: var(--font-weight-medium)}.uppercase{text-transform: uppercase;letter-spacing: var(--letter-spacing-caps)}.flex{display: flex}.inline-flex{display: inline-flex}.items-center{align-items: center}.items-start{align-items: flex-start}.justify-between{justify-content: space-between}.justify-center{justify-content: center}.flex-col{flex-direction: column}.flex-wrap{flex-wrap: wrap}.flex-1{flex: 1}.gap-1{gap: var(--space-1)}.gap-2{gap: var(--space-2)}.gap-3{gap: var(--space-3)}.gap-4{gap: var(--space-4)}.gap-6{gap: var(--space-6)}.mt-2{margin-top: var(--space-2)}.mt-4{margin-top: var(--space-4)}.mt-6{margin-top: var(--space-6)}.mb-2{margin-bottom: var(--space-2)}.mb-4{margin-bottom: var(--space-4)}.mb-6{margin-bottom: var(--space-6)}.line-clamp-1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden}.line-clamp-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.line-clamp-3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.section-heading{font-size: var(--text-lg);font-weight: var(--font-weight-black);letter-spacing: 0.04em;text-transform: uppercase;color: var(--color-text);margin-bottom: var(--space-4);line-height: var(--line-height-tight)}.section-heading--sm{font-size: var(--text-base);letter-spacing: 0.05em}.section-heading--lg{font-size: var(--text-xl);letter-spacing: 0.03em}.section-heading__label{display: block;font-size: var(--text-xs);font-weight: var(--font-weight-semibold);color: var(--color-text-muted);letter-spacing: var(--letter-spacing-caps);text-transform: uppercase;margin-bottom: var(--space-1)}.gold-line{height: 2px;background: linear-gradient(90deg,var(--color-brand-accent),transparent);margin: var(--text-base) 0}.section-header{display: flex;align-items: baseline;justify-content: space-between;margin-bottom: 1.5rem;gap: 1rem}.section-title{font-size: var(--text-xs);font-weight: var(--font-weight-black);letter-spacing: var(--letter-spacing-caps);text-transform: uppercase;color: var(--color-text);display: flex;align-items: center;gap: 0.75rem}.section-title::before{content: '';width: 3px;height: 1.2em;background: var(--color-brand-accent);display: inline-block}.section-link{font-size: var(--text-xs);font-weight: var(--font-weight-semibold);color: var(--color-brand-accent);letter-spacing: var(--letter-spacing-wide);text-transform: uppercase;white-space: nowrap;transition: opacity var(--transition-normal)}.section-link:hover{opacity: 0.7}.section-gap{padding: 3rem 0}@media (min-width: 768px){.section-gap{padding: 4rem 0}}.section-divider{height: 1px;background: var(--color-border);margin: 0}@keyframes fadeUp{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}.anim{opacity: 0}.anim.visible{animation: fadeUp 600ms cubic-bezier(.4,0,.2,1) forwards}@media (prefers-reduced-motion: reduce){.anim{opacity: 1}.anim.visible{animation: none}}.section-gap:has(> .container > .section-mast:first-child){padding-top: 0}@media (min-width: 768px){.section-gap:has(> .container > .section-mast:first-child){padding-top: 0}}body::after{content: '';position: fixed;inset: 0;z-index: 9999;pointer-events: none;opacity: 0.03;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.dark-theme body::after{opacity: 0.03}.light-theme body::after{opacity: 0.015}.site-header{position: sticky;top: 0;z-index: var(--z-sticky,20);height: var(--header-h,56px);background: var(--color-bg);transition: all var(--transition-normal)}.site-header.scrolled{background: color-mix(in srgb,var(--color-bg) 80%,transparent);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-bottom-color: transparent;box-shadow: var(--shadow-sm)}.header-inner{display: flex;align-items: center;justify-content: space-between;height: 100%;gap: 1rem}.header-left{display: flex;align-items: center;gap: 0.75rem}.header-right{display: flex;align-items: center;gap: 0.25rem}.logo{display: flex;align-items: center;flex-shrink: 0}.logo-wordmark{display: none;height: 22px;width: auto}.logo-mark{display: block;width: 28px;height: 28px}@media (min-width: 1024px){.logo-wordmark{display: block}.logo-mark{display: none}}.nav-desktop{display: none;gap: 0.25rem}.nav-desktop a{font-size: var(--text-xs);font-weight: var(--font-weight-bold,700);letter-spacing: 0.08em;text-transform: uppercase;padding: 0.5rem 0.75rem;border-radius: var(--radius-md,8px);transition: all var(--transition-normal)}.nav-desktop a:hover{background: var(--color-surface);color: var(--color-brand-accent)}.header-btn{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--radius-md,8px);color: var(--color-text);transition: all var(--transition-normal)}.header-btn:hover{background: var(--color-surface)}.header-btn svg{width: 18px;height: 18px}.lang-select{font-size: var(--text-xs);font-weight: var(--font-weight-black,800);letter-spacing: 0.08em;padding: 4px 24px 4px 8px;border: 1px solid var(--color-border);border-radius: var(--radius-full,20px);background: transparent;color: var(--color-text);cursor: pointer;appearance: none;-webkit-appearance: none;display: none;min-width: 50px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 6px center}.lang-select option{background: var(--color-bg-elevated,#1a1a1a);color: var(--color-text,#fff)}.login-btn{font-size: var(--text-xs);font-weight: var(--font-weight-black,800);letter-spacing: 0.08em;text-transform: uppercase;padding: 0.4rem 1rem;background: var(--color-brand-accent);color: #000;border-radius: var(--radius-full);transition: all var(--transition-normal);display: none}.login-btn:hover{background: #F0D060}@media (min-width: 1024px){.nav-desktop{display: flex}.hamburger-btn{display: none}.lang-select,.login-btn{display: block}}.mobile-menu{position: fixed;inset: 0;z-index: 1000;background: var(--color-bg);transform: translateX(-100%);transition: transform 350ms cubic-bezier(0.4,0,0.2,1);padding: 4rem 1.5rem 1.5rem;overflow-y: auto}.mobile-menu.open{transform: translateX(0)}.mobile-menu-close{position: absolute;top: 0.75rem;right: 0.75rem;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center}.mobile-menu nav a{display: block;font-size: var(--text-xl);font-weight: var(--font-weight-bold,700);letter-spacing: 0.04em;text-transform: uppercase;padding: 0.75rem 0;border-bottom: 1px solid var(--color-border)}.mobile-menu nav a:hover{color: var(--color-brand-accent)}.mobile-overlay{position: fixed;inset: 0;z-index: 999;background: rgba(0,0,0,0.6);opacity: 0;pointer-events: none;transition: opacity var(--transition-normal)}.mobile-overlay.open{opacity: 1;pointer-events: auto}.dark-theme .ico-sun{display: block}.dark-theme .ico-moon{display: none}.light-theme .ico-sun{display: none}.light-theme .ico-moon{display: block}.light-theme .lang-select{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.header-btn--fav svg{transition: fill 0.2s ease,stroke 0.2s ease}.header-btn--fav.is-filled svg{fill: var(--color-primary,#e11d48);stroke: var(--color-primary,#e11d48)}.header-btn--fav:hover svg{stroke: var(--color-primary,#e11d48)}.bnav-item--fav svg{transition: fill 0.2s ease,stroke 0.2s ease}.bnav-item--fav.is-filled svg{fill: var(--color-primary,#e11d48);stroke: var(--color-primary,#e11d48)}.lang-globe-btn{display: inline-flex}@media (min-width: 1024px){.lang-globe-btn{display: none}}.lang-popup-overlay{position: fixed;inset: 0;background: rgba(0,0,0,0.6);opacity: 0;visibility: hidden;transition: opacity 0.22s ease,visibility 0.22s ease;z-index: 1200}.lang-popup-overlay.open{opacity: 1;visibility: visible}.lang-popup{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0.96);opacity: 0;visibility: hidden;width: min(440px,calc(100% - 1.5rem));max-height: min(82vh,640px);overflow-y: auto;background: var(--color-bg-elevated,#141414);border: 1px solid var(--color-border);border-radius: var(--radius-xl,1rem);padding: 1.1rem 1.25rem;z-index: 1201;transition: transform 0.25s cubic-bezier(0.22,1,0.36,1),opacity 0.2s ease,visibility 0.2s ease;box-shadow: 0 20px 60px rgba(0,0,0,0.55)}.lang-popup.open{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible}.lang-popup__head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.5rem}.lang-popup__title{font-family: var(--font-mono);font-size: var(--text-2xs,0.6875rem);letter-spacing: 0.14em;text-transform: uppercase;color: var(--color-text-muted)}.lang-popup__close{display: flex;background: none;border: 0;padding: 0.25rem;color: var(--color-text-secondary);cursor: pointer;transition: color 0.15s ease}.lang-popup__close:hover,.lang-popup__close:focus-visible{color: var(--color-brand-accent);outline: none}.lang-popup__list{display: flex;flex-direction: column}.lang-opt{display: flex;align-items: center;justify-content: space-between;gap: 1rem;min-height: 52px;padding: 0.5rem 0.25rem;text-decoration: none;color: var(--color-text);border-bottom: 1px solid var(--color-border);transition: color 0.15s ease}.lang-popup__list .lang-opt:last-child{border-bottom: 0}.lang-opt__name{font-size: var(--text-lg,1.125rem);font-weight: 500}.lang-opt__code{font-family: var(--font-mono);font-size: var(--text-xs);letter-spacing: 0.08em;color: var(--color-text-muted)}.lang-opt:hover .lang-opt__name,.lang-opt:focus-visible .lang-opt__name{color: var(--color-brand-accent)}.lang-opt:focus-visible{outline: none}.lang-opt--active .lang-opt__name{color: var(--color-brand-accent);font-weight: 700}.lang-opt--active .lang-opt__code{color: var(--color-brand-accent)}.site-footer{border-top: 1px solid var(--color-border);padding: 3rem 0 5rem;background: var(--color-bg)}.footer-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 2rem}@media (min-width: 768px){.footer-grid{grid-template-columns: 2fr 1fr 1fr 1fr}}.footer-logo{display: inline-flex;margin-bottom: 0.75rem}.footer-logo .logo-wordmark{display: block;height: 18px;width: auto}.footer-brand p{font-size: var(--text-xs);color: var(--color-text-muted);line-height: 1.6;max-width: 260px}.footer-col-title{font-size: 0.6rem;font-weight: var(--font-weight-black,800);letter-spacing: 0.15em;text-transform: uppercase;color: var(--color-text-muted);margin-bottom: 1rem}.footer-col a{display: block;font-size: var(--text-sm);color: var(--color-text-secondary);padding: 0.2rem 0;transition: color var(--transition-normal)}.footer-col a:hover{color: var(--color-brand-accent)}.footer-bottom{margin-top: 2.5rem;padding-top: 1.5rem;border-top: 1px solid var(--color-border);display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 1rem}.footer-copy{font-size: var(--text-xs);color: var(--color-text-muted)}.footer-langs{display: flex;gap: 0.75rem;flex-wrap: wrap}.footer-langs a{font-size: var(--text-xs);color: var(--color-text-muted);transition: color var(--transition-normal)}.footer-langs a:hover{color: var(--color-text)}.footer-langs a.active{color: var(--color-brand-accent);font-weight: var(--font-weight-bold,700)}.bottom-nav{position: fixed;bottom: 0;left: 0;right: 0;z-index: 90;height: 56px;background: var(--color-bg);border-top: 1px solid var(--color-border);display: flex;align-items: center;justify-content: space-around;padding-bottom: env(safe-area-inset-bottom,0)}.bnav-item{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;flex: 1 1 0;min-width: 0;min-height: 44px;font-size: 0.55rem;font-weight: var(--font-weight-bold,700);letter-spacing: 0.04em;text-transform: uppercase;color: var(--color-text-muted);transition: color var(--transition-normal)}.bnav-item:hover,.bnav-item.active{color: var(--color-brand-accent)}.bnav-item svg{width: 20px;height: 20px;flex-shrink: 0}.bnav-item > span{display: block;width: 100%;text-align: center;line-height: 1.15}@media (min-width: 768px){.bottom-nav{display: none}}@media (max-width: 767px){.site-footer{padding-bottom: calc(5rem + 56px)}}:root{--bg: var(--color-bg);--bg-card: var(--color-bg-card);--bg-elevated: var(--color-bg-elevated);--bg-surface: var(--color-surface);--text: var(--color-text);--text-2: var(--color-text-secondary);--text-3: var(--color-text-muted);--border: var(--color-border);--border-hover: var(--color-border-hover);--shadow: 0 4px 24px rgba(0,0,0,0.5);--shadow-sm: 0 2px 8px var(--color-overlay-scrim-light);--overlay: rgba(0,0,0,0.7);--grain-opacity: 0.03}.light-theme{--shadow: 0 4px 24px rgba(0,0,0,0.08);--shadow-sm: 0 2px 8px rgba(0,0,0,0.05);--overlay: rgba(255,255,255,0.7);--grain-opacity: 0.015;--glass-bg: rgba(255,255,255,0.92);--glass-border: rgba(0,0,0,0.06)}.tattoo-listings{font-family: var(--font-ui);font-size: var(--text-base);line-height: 1.6;color: var(--text);background: var(--bg);-webkit-font-smoothing: antialiased;overflow-x: hidden;transition: background var(--transition-normal),color var(--transition-normal)}.tattoo-listings::after{content: '';position: fixed;inset: 0;z-index: 9999;pointer-events: none;opacity: var(--grain-opacity);background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0}.style-strip{padding: 0.75rem 0;margin-bottom: 0.75rem;border-bottom: 1px solid var(--border);background: var(--bg-elevated);transition: background var(--transition-normal)}.style-strip-scroll{display: flex;gap: 0.85rem;overflow-x: auto;scrollbar-width: none;padding: 0.15rem;-webkit-overflow-scrolling: touch}.style-strip-scroll::-webkit-scrollbar{display: none}.style-icon{display: flex;flex-direction: column;align-items: center;gap: 0.35rem;flex-shrink: 0;width: 64px;cursor: pointer;transition: all var(--transition-normal);background: none;border: none;color: inherit;font: inherit;padding: 0}.style-icon:hover{transform: translateY(-2px)}.style-icon.active .style-icon-ring{border-color: var(--gold);box-shadow: 0 0 0 2px var(--gold-dim)}.style-icon-ring{width: 64px;height: 64px;border-radius: 50%;overflow: hidden;border: 2px solid var(--border);transition: all var(--transition-normal);display: flex;align-items: center;justify-content: center}.style-icon:hover .style-icon-ring{border-color: var(--border-hover)}.style-icon-img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;background-size: cover;background-position: center}img.style-icon-img{background: transparent}.style-icon-name{font-family: var(--font-ui);font-size: var(--text-sm);font-weight: var(--font-weight-medium);color: var(--text-2);text-align: center;letter-spacing: 0.02em;max-width: 100%;overflow-wrap: break-word}.style-icon.active .style-icon-name{color: var(--gold)}@media (min-width: 768px){.style-icon{width: 72px}.style-icon-ring{width: 72px;height: 72px}.style-icon-name{font-size: 0.875rem}.style-strip-scroll{gap: 1rem}}.si-all{background: var(--gold);display: flex;align-items: center;justify-content: center;font-size: 0.75rem;font-weight: var(--font-weight-black);color: var(--color-black)}.si-japanese{background: linear-gradient(135deg,#c62828,#1a1a2e)}.si-realism{background: linear-gradient(135deg,#00838f,#0a1a2e)}.si-blackwork{background: linear-gradient(135deg,#37474f,var(--color-bg))}.si-minimalism{background: linear-gradient(135deg,#2e7d32,#0a1a0a)}.si-traditional{background: linear-gradient(135deg,#1565c0,#0a0a2a)}.si-lettering{background: linear-gradient(135deg,#f57c00,#1a0a0a)}.si-geometric{background: linear-gradient(135deg,#5e35b1,#1a0a2a)}.si-fineline{background: linear-gradient(135deg,#00897b,#0a1a1a)}.si-tribal{background: linear-gradient(135deg,#d84315,#1a0a0a)}.si-chicano{background: linear-gradient(135deg,#6a1b9a,#0a0a2a)}.si-ornamental{background: linear-gradient(135deg,#795548,#1a1a0a)}.si-watercolor{background: linear-gradient(135deg,#e65100,#2d132c)}.si-dotwork{background: linear-gradient(135deg,#795548,#1a0a0a)}.si-neotraditional{background: linear-gradient(135deg,#1565c0,#0a0a2a)}.toolbar{display: flex;align-items: center;gap: 0.6rem;padding: 0.65rem 0;border-bottom: 1px solid var(--border);flex-wrap: wrap}.toolbar-filter-btn{display: flex;align-items: center;gap: 0.4rem;font-family: var(--font-ui);font-size: var(--text-xs);font-weight: 800;letter-spacing: 0.06em;text-transform: uppercase;padding: 0.4rem 0.85rem;min-height: 44px;border: 1px solid var(--border);border-radius: var(--radius-md);transition: all var(--transition-normal);background: none;color: inherit;cursor: pointer}.toolbar-filter-btn:hover{border-color: var(--gold);color: var(--gold)}.toolbar-filter-btn svg{width: 14px;height: 14px}.toolbar-sort{font-family: var(--font-ui);font-size: var(--text-xs);font-weight: var(--font-weight-bold);letter-spacing: 0.04em;padding: 0.35rem 0.6rem;min-height: 44px;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--bg-card);color: var(--text-2);cursor: pointer;transition: border-color var(--transition-normal)}.toolbar-sort:hover{border-color: var(--border-hover)}.toolbar-sort:focus{outline: none;border-color: var(--gold)}.toolbar-results{font-family: var(--font-ui);font-size: var(--text-xs);color: var(--text-2);margin-left: auto}.toolbar-results strong{font-family: var(--font-mono);color: var(--text);font-weight: var(--font-weight-bold)}.applied-filters{display: flex;align-items: center;gap: 0.4rem;padding: 0.5rem 0;border-bottom: 1px solid var(--border);flex-wrap: wrap}.applied-filters:empty{display: none}.applied-chip{display: inline-flex;align-items: center;gap: 0.3rem;font-family: var(--font-ui);font-size: 0.65rem;font-weight: var(--font-weight-bold);letter-spacing: 0.04em;text-transform: uppercase;padding: 0.2rem 0.6rem;border-radius: var(--radius-full);background: var(--gold-dim);color: var(--gold);transition: all var(--transition-normal)}.applied-chip:hover{background: rgba(232,197,71,0.25)}.applied-chip button{font-size: 0.6rem;opacity: 0.7;transition: opacity var(--transition-normal);line-height: 1;background: none;border: none;color: inherit;cursor: pointer;padding: 0}.applied-chip button:hover{opacity: 1}.applied-clear{font-family: var(--font-ui);font-size: var(--text-xs);font-weight: var(--font-weight-bold);color: var(--text-3);margin-left: auto;background: none;border: none;cursor: pointer;transition: color var(--transition-normal)}.applied-clear:hover{color: var(--gold)}.main-layout{display: grid;grid-template-columns: 1fr;gap: 0;padding: 1rem 0 3rem}.masonry-grid{display: grid;grid-template-columns: repeat(var(--cols,2),minmax(0,1fr));column-gap: 6px;row-gap: 0;transition: opacity 0.2s}.masonry-grid.loading{opacity: 0.4;pointer-events: none}@media (min-width: 480px){.masonry-grid{column-gap: 8px}}@media (min-width: 640px){.masonry-grid{grid-template-columns: repeat(var(--cols,3),minmax(0,1fr));column-gap: 10px}}@media (min-width: 1024px){.masonry-grid{grid-template-columns: repeat(var(--cols,3),minmax(0,1fr));column-gap: 12px}}@media (min-width: 1280px){.masonry-grid{grid-template-columns: repeat(var(--cols,5),minmax(0,1fr));column-gap: 12px}}.scroll-sentinel{padding: 2rem 0;display: flex;justify-content: center}.scroll-spinner{display: none;justify-content: center;align-items: center;padding: 1rem}.scroll-spinner .spinner{width: 24px;height: 24px;border: 2px solid var(--border);border-top-color: var(--gold);border-radius: 50%;animation: spin 0.6s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}.scroll-meta{text-align: center;font-family: var(--font-mono);font-size: var(--text-xs);color: var(--text-3);padding: 0.5rem 0 2rem}.related-styles{padding: 1.5rem 0;border-top: 1px solid var(--border)}.related-styles-title{font-family: var(--font-display);font-size: 1.25rem;font-weight: var(--font-weight-normal);margin-bottom: 0.75rem;color: var(--text)}.related-styles-grid{display: flex;flex-wrap: wrap;gap: 0.5rem}.related-style-pill{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.85rem;border: 1px solid var(--border);border-radius: var(--radius-full);font-family: var(--font-ui);font-size: var(--text-xs);color: var(--text-2);text-decoration: none;transition: all var(--transition-normal)}.related-style-pill:hover{border-color: var(--gold);color: var(--gold);transform: translateY(-1px)}.related-style-name{font-weight: var(--font-weight-bold);letter-spacing: 0.02em}.related-style-count{font-family: var(--font-mono);font-size: 0.6rem;color: var(--text-3);opacity: 0.7}.seo-bottom{padding: 2rem 0;border-top: 1px solid var(--border)}.seo-bottom .container{max-width: 760px}.seo-bottom h2{font-family: var(--font-display);font-size: 1.5rem;font-weight: var(--font-weight-normal);margin-bottom: 0.75rem}.seo-bottom p{font-family: var(--font-ui);font-size: var(--text-sm);color: var(--text-2);line-height: 1.7;margin-bottom: 0.75rem;max-width: 760px}.tattoo-no-results{text-align: center;padding: 3rem 1rem;color: var(--text-3);font-size: var(--text-lg)}::-webkit-scrollbar{width: 6px}::-webkit-scrollbar-track{background: transparent}::-webkit-scrollbar-thumb{background: var(--border);border-radius: 3px}::-webkit-scrollbar-thumb:hover{background: var(--border-hover)}.toolbar-nl-search{display: flex;align-items: center;flex: 1 1 160px;min-width: 0;min-height: 44px;box-sizing: border-box;position: relative;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--bg-card);transition: border-color var(--transition-normal)}.toolbar-nl-search:focus-within{border-color: var(--gold);outline: none}.nl-search-icon{width: 16px;height: 16px;flex-shrink: 0;margin-left: 0.6rem;color: var(--text-3);pointer-events: none}.tattoo-nl-search{flex: 1;min-width: 0;border: none;background: transparent;font-family: var(--font-ui);font-size: var(--text-sm);color: var(--text);padding: 0.4rem 0.5rem;outline: none}.tattoo-nl-search::placeholder{color: var(--text-3)}.nl-search-clear{flex-shrink: 0;margin-right: 0.4rem;padding: 0.2rem 0.4rem;font-size: 1rem;line-height: 1;color: var(--text-3);background: none;border: none;cursor: pointer;transition: color var(--transition-fast)}.nl-search-clear:hover{color: var(--text)}.toolbar-density{display: flex;align-items: center;gap: 0.4rem;flex-shrink: 0;cursor: pointer;padding: 0 0.2rem}.density-label-text{font-family: var(--font-ui);font-size: var(--text-xs);color: var(--text-3);white-space: nowrap;letter-spacing: 0.04em;text-transform: uppercase}.density-icon{width: 14px;height: 14px;flex-shrink: 0;color: var(--text-3)}.density-slider{-webkit-appearance: none;appearance: none;width: 72px;height: 4px;border-radius: var(--radius-full);background: var(--border);outline: none;cursor: pointer;flex-shrink: 0}.density-slider::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 14px;height: 14px;border-radius: 50%;background: var(--gold);cursor: pointer;border: 2px solid var(--bg-card);box-shadow: var(--shadow-sm);transition: background var(--transition-fast)}.density-slider::-moz-range-thumb{width: 14px;height: 14px;border-radius: 50%;background: var(--gold);cursor: pointer;border: 2px solid var(--bg-card);box-shadow: var(--shadow-sm)}.density-slider:focus-visible{outline: 2px solid var(--gold);outline-offset: 4px}.density-value{font-family: var(--font-mono);font-size: var(--text-xs);color: var(--text-2);min-width: 1ch;text-align: center}.si-unknown{background: linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg-card) 100%)}.style-icon-ring .style-icon-img[data-style-initial]{display: flex;align-items: center;justify-content: center}.style-icon-ring .style-icon-img[data-style-initial]::before{content: attr(data-style-initial);font-family: var(--font-ui);font-size: 1.375rem;font-weight: var(--font-weight-black);color: var(--text-2);letter-spacing: 0;line-height: 1;text-shadow: 0 1px 2px rgba(0,0,0,0.6)}@media (max-width: 767px){.toolbar{display: grid;grid-template-columns: auto auto 1fr;grid-template-areas: "filter sort density" "search search search";gap: 0.5rem;align-items: center}.toolbar-filter-btn{grid-area: filter}.toolbar-sort{grid-area: sort}.toolbar-density{grid-area: density;justify-self: end}.toolbar-nl-search{grid-area: search;flex: 1 1 auto}.density-label-text{display: none}.density-slider{width: 56px}.style-strip-scroll{-webkit-mask-image: linear-gradient(to right,#000 calc(100% - 24px),transparent);mask-image: linear-gradient(to right,#000 calc(100% - 24px),transparent)}.style-strip-scroll.is-expanded{-webkit-mask-image: none;mask-image: none}}@media (min-width: 768px){.toolbar{flex-wrap: nowrap}.toolbar-filter-btn{order: 1}.toolbar-sort{order: 2}.toolbar-nl-search{order: 3;flex: 1 1 auto}.toolbar-density{order: 4}}.masonry-item{break-inside: avoid;margin-bottom: 6px;position: relative;border: 1px solid var(--border);border-radius: 12px;overflow: hidden;cursor: pointer;transition: opacity 0.4s ease,transform 0.4s ease,border-color var(--transition-normal),box-shadow var(--transition-normal)}.masonry-item--entering{opacity: 0 !important;transform: translateY(12px) !important}@media (min-width: 480px){.masonry-item{margin-bottom: 8px}}@media (min-width: 640px){.masonry-item{margin-bottom: 10px}}@media (min-width: 1024px){.masonry-item{margin-bottom: 12px}}.masonry-item:hover{border-color: rgba(255,255,255,0.12);box-shadow: var(--shadow-md)}.light-theme .masonry-item:hover{box-shadow: 0 8px 32px rgba(0,0,0,0.15)}.masonry-item--skel{cursor: default;pointer-events: none}.masonry-item--skel .masonry-overlay{opacity: 1;background: linear-gradient(to top,rgba(0,0,0,0.45) 0%,transparent 55%)}.masonry-item--skel .skel-line{display: block;height: 10px;border-radius: 4px}.masonry-item--skel .skel-line--style{width: 35%;margin-bottom: 6px}.masonry-item--skel .skel-line--artist{width: 60%}.masonry-img{width: 100%;height: auto;display: block;aspect-ratio: 3 / 4;object-fit: cover;background: var(--bg-card,var(--color-bg-card));transition: transform var(--transition-slow)}.masonry-item:hover .masonry-img{transform: scale(1.03)}.masonry-overlay{position: absolute;inset: 0;background: linear-gradient(to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.15) 35%,transparent 60%);opacity: 1;transition: opacity var(--transition-normal);display: flex;flex-direction: column;justify-content: flex-end;padding: 0.75rem;pointer-events: none}@media (min-width: 1024px){.masonry-overlay{opacity: 0;background: linear-gradient(to top,var(--color-overlay-scrim-strong) 0%,rgba(0,0,0,0.1) 40%,transparent 100%)}.masonry-item:hover .masonry-overlay{opacity: 1}}@media (max-width: 767px){.masonry-overlay{display: none}}.masonry-info{display: flex;flex-direction: column;gap: 0.25rem}.masonry-style{display: inline-block;font-family: var(--font-ui);font-size: 0.55rem;font-weight: 800;letter-spacing: 0.1em;text-transform: uppercase;padding: 2px 8px;border-radius: 4px;width: fit-content}.masonry-style[data-style="japanese"]{color: var(--color-family-japanese);background: rgba(198,40,40,0.15);border: 1px solid rgba(198,40,40,0.3)}.masonry-style[data-style="realism"]{color: var(--color-family-realism);background: rgba(0,131,143,0.15);border: 1px solid rgba(0,131,143,0.3)}.masonry-style[data-style="blackwork"]{color: #8b9ca6;background: rgba(55,71,79,0.2);border: 1px solid rgba(55,71,79,0.4)}.masonry-style[data-style="watercolor"],.masonry-style[data-style="fineline"],.masonry-style[data-style="fine_line"]{color: var(--color-family-fineline);background: rgba(0,137,123,0.15);border: 1px solid rgba(0,137,123,0.3)}.masonry-style[data-style="traditional"],.masonry-style[data-style="neo-traditional"],.masonry-style[data-style="neo_traditional"],.masonry-style[data-style="neotraditional"]{color: #5b9bd5;background: rgba(21,101,192,0.15);border: 1px solid rgba(21,101,192,0.3)}.masonry-style[data-style="lettering"]{color: var(--color-family-lettering);background: rgba(245,124,0,0.15);border: 1px solid rgba(245,124,0,0.3)}.masonry-style[data-style="geometric"],.masonry-style[data-style="illustrative"]{color: #9575cd;background: rgba(94,53,177,0.15);border: 1px solid rgba(94,53,177,0.3)}.masonry-style[data-style="chicano"],.masonry-style[data-style="mandala"]{color: #ba68c8;background: rgba(106,27,154,0.15);border: 1px solid rgba(106,27,154,0.3)}.masonry-style[data-style="tribal"]{color: #e57c5b;background: rgba(216,67,21,0.15);border: 1px solid rgba(216,67,21,0.3)}.masonry-style[data-style="minimalism"],.masonry-style[data-style="modern"]{color: #66bb6a;background: rgba(46,125,50,0.15);border: 1px solid rgba(46,125,50,0.3)}.masonry-style[data-style="dotwork"],.masonry-style[data-style="ornamental"]{color: #a1887f;background: rgba(121,85,72,0.15);border: 1px solid rgba(121,85,72,0.3)}.masonry-style:not([data-style]){color: var(--color-white);background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.2)}.masonry-artist{display: flex;align-items: center;gap: 0.4rem}.masonry-artist-av{width: 20px;height: 20px;border-radius: 50%;border: 1.5px solid rgba(255,255,255,0.3);object-fit: cover}.masonry-artist-name{font-family: var(--font-ui);font-size: var(--text-xs);font-weight: var(--font-weight-bold);color: var(--color-white)}.masonry-body-part{font-family: var(--font-ui);font-size: 0.6rem;color: rgba(255,255,255,0.6)}.masonry-save{position: absolute;top: 0.6rem;right: 0.6rem;width: 32px;height: 32px;border-radius: 50%;background: var(--color-overlay-scrim-light);backdrop-filter: blur(8px);display: flex;align-items: center;justify-content: center;opacity: 1;transition: all var(--transition-normal);border: none;cursor: pointer;padding: 0}@media (min-width: 1024px){.masonry-save{opacity: 0}.masonry-item:hover .masonry-save{opacity: 1}}.masonry-save:hover{background: var(--gold)}.masonry-save svg{width: 14px;height: 14px;color: var(--color-white)}.masonry-save:hover svg{color: var(--color-black)}.masonry-save.saved{background: var(--gold);opacity: 1 !important}.masonry-save.saved svg{color: var(--color-black);fill: currentColor}.inkppl-toast{position: fixed;bottom: 1.5rem;left: 50%;transform: translateX(-50%) translateY(20px);background: rgba(0,0,0,0.9);color: var(--color-white);padding: 0.75rem 1.25rem;border-radius: 8px;font-size: 0.9rem;opacity: 0;transition: opacity 0.25s ease,transform 0.25s ease;z-index: 10000;pointer-events: none}.inkppl-toast.is-visible{opacity: 1;transform: translateX(-50%) translateY(0)}.masonry-dbltap-heart{position: absolute;top: 50%;left: 50%;width: 88px;height: 88px;margin: -44px 0 0 -44px;pointer-events: none;z-index: 5;background: center / contain no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M12 21s-7-4.35-7-10a4.5 4.5 0 018-3 4.5 4.5 0 018 3c0 5.65-7 10-7 10z'/></svg>");filter: drop-shadow(0 4px 12px rgba(0,0,0,0.45));animation: masonry-dbltap-pop 0.75s ease-out forwards}@keyframes masonry-dbltap-pop{0%{transform: scale(0);opacity: 0}20%{transform: scale(1.25);opacity: 1}55%{transform: scale(1);opacity: 1}100%{transform: scale(1.05);opacity: 0}}.filter-overlay{position: fixed;inset: 0;z-index: 199;background: var(--bg-overlay);opacity: 0;pointer-events: none;transition: opacity var(--transition-normal)}.filter-overlay.open{opacity: 1;pointer-events: auto}.filter-panel{position: fixed;z-index: 200;background: var(--bg);overflow-y: auto;transition: transform 350ms cubic-bezier(0.4,0,0.2,1)}.filter-panel{inset: 0;transform: translateY(100%);border-radius: 12px 12px 0 0;margin-top: 3rem}@media (min-width: 768px){.filter-panel{top: 0;right: 0;bottom: 0;left: auto;margin-top: 0;width: min(380px,85vw);border-radius: 0;border-left: 1px solid var(--border);transform: translateX(100%)}}.filter-panel.open{transform: translate(0)}.fp-header{display: flex;align-items: center;justify-content: space-between;padding: 1.15rem 1.25rem;border-bottom: 1px solid var(--border);position: sticky;top: 0;background: var(--bg);z-index: 1}.fp-title{font-family: var(--font-ui);font-size: var(--text-lg);font-weight: 800;letter-spacing: -0.01em}.fp-close{width: 44px;height: 44px;min-width: 44px;display: flex;align-items: center;justify-content: center;border-radius: var(--radius-md);transition: background var(--transition-normal);background: none;border: none;color: inherit;cursor: pointer}.fp-close:hover{background: var(--bg-surface)}.fp-close svg{width: 20px;height: 20px}.fp-footer{padding: 1.15rem 1.25rem;position: sticky;bottom: 0;background: var(--bg);border-top: 1px solid var(--border)}.fp-apply-btn{font-family: var(--font-ui);width: 100%;padding: 0.65rem;min-height: 44px;background: var(--gold);color: var(--color-black);font-size: var(--text-sm);font-weight: 800;letter-spacing: 0.06em;text-transform: uppercase;border-radius: var(--radius-md);transition: all var(--transition-normal);border: none;cursor: pointer}.fp-apply-btn:hover{background: var(--gold-hover)}.fp-clear-btn{font-family: var(--font-ui);width: 100%;padding: 0.45rem;margin-top: 0.4rem;font-size: var(--text-xs);font-weight: var(--font-weight-bold);color: var(--text-3);text-align: center;transition: color var(--transition-normal);background: none;border: none;cursor: pointer}.fp-clear-btn:hover{color: var(--gold)}.fp-section{border-bottom: 1px solid var(--border);padding: 1rem 1.25rem}.fp-section-label{font-family: var(--font-ui);font-size: var(--text-xs);font-weight: 800;letter-spacing: 0.1em;text-transform: uppercase;color: var(--text-2)}.fp-checkbox-list{display: flex;flex-direction: column;gap: 2px;max-height: 280px;overflow-y: auto;margin-top: 0.5rem;scrollbar-width: thin}.fp-checkbox{display: flex;align-items: center;gap: 0.5rem;padding: 0.4rem 0;cursor: pointer;font-family: var(--font-ui);font-size: var(--text-sm)}.fp-checkbox input[type="checkbox"]{width: 16px;height: 16px;accent-color: var(--gold);flex-shrink: 0}.fp-checkbox-label{flex: 1}.fp-count{font-family: var(--font-mono);font-size: var(--text-xs);color: var(--text-3)}.fp-group{border-bottom: 1px solid var(--border)}.fp-group:last-child{border: none}.fp-group-header{display: flex;align-items: center;justify-content: space-between;padding: 0.6rem 0;cursor: pointer;font-family: var(--font-ui);font-size: var(--text-sm);font-weight: var(--font-weight-bold)}.fp-group-header::after{content: '\25B8';transition: transform 0.2s}.fp-group.open .fp-group-header::after{transform: rotate(90deg)}.fp-group-items{display: none;padding-left: 0.5rem;padding-bottom: 0.5rem}.fp-group.open .fp-group-items{display: flex;flex-direction: column;gap: 2px}.fp-segmented{display: flex;gap: 0;margin-top: 0.5rem;border: 1px solid var(--border);border-radius: var(--radius-md);overflow: hidden}.fp-seg-btn{flex: 1;padding: 0.45rem 0.5rem;min-height: 44px;font-family: var(--font-ui);font-size: var(--text-xs);font-weight: var(--font-weight-bold);text-align: center;background: none;border: none;border-right: 1px solid var(--border);color: var(--text-2);cursor: pointer;transition: all var(--transition-normal)}.fp-seg-btn:last-child{border-right: none}.fp-seg-btn.active{background: var(--gold);color: var(--color-black)}.fp-seg-btn:hover:not(.active){background: var(--bg-surface)}.tattoo-detail-overlay{position: fixed;inset: 0;z-index: 9500;background: rgba(0,0,0,0.92);display: none;opacity: 0;transition: opacity 0.25s ease;overflow: hidden}.tattoo-detail-overlay.open{display: flex;align-items: center;justify-content: center}.tattoo-detail-overlay.visible{opacity: 1}.tattoo-detail{position: relative;width: 100%;height: 100%;background: var(--bg,#0d0d0d);display: flex;flex-direction: column;overflow-y: auto;-webkit-overflow-scrolling: touch;transform: scale(0.97);opacity: 0;transition: transform 0.3s cubic-bezier(0.16,1,0.3,1),opacity 0.25s ease}.tattoo-detail-overlay.visible .tattoo-detail{transform: scale(1);opacity: 1}.tattoo-detail{padding-bottom: env(safe-area-inset-bottom)}.td-topbar{position: sticky;top: 0;z-index: 10;display: flex;align-items: center;justify-content: flex-end;padding: 0.75rem 1rem;background: linear-gradient(to bottom,rgba(0,0,0,0.6),transparent)}.td-close{display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 50%;background: rgba(255,255,255,0.1);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border: none;cursor: pointer;color: var(--color-white);transition: background 0.2s ease,transform 0.2s ease;padding: 0}.td-close:hover{background: rgba(255,255,255,0.2);transform: scale(1.05)}.td-close svg{width: 18px;height: 18px}.td-save-btn{position: absolute;right: 0.6rem;top: 0.6rem;z-index: 5;display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;background: rgba(0,0,0,0.55);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border: 1px solid rgba(255,255,255,0.18);cursor: pointer;color: var(--color-white);transition: background 0.2s ease,transform 0.2s ease;padding: 0}.td-save-btn:hover{background: var(--gold,#e8c547);color: var(--color-black)}.td-save-btn svg{width: 14px;height: 14px}.td-save-btn.saved,.td-save-desktop.saved{background: var(--gold);opacity: 1 !important}.td-save-btn.saved svg,.td-save-desktop.saved svg{color: var(--color-black);fill: currentColor}.td-image-wrap{position: relative;display: flex;justify-content: center;align-items: center;flex-shrink: 0;background: var(--color-black);min-height: 40vh}.td-image-inner{position: relative;display: inline-block;max-width: 100%;line-height: 0}.td-image{display: block;width: 100%;max-height: 65vh;object-fit: contain;user-select: none;-webkit-user-drag: none}.td-meta{padding: 1.25rem 1rem 2rem;display: flex;flex-direction: column;gap: 1.25rem}.td-artist{display: flex;align-items: center;flex-wrap: wrap;column-gap: 0.75rem;row-gap: 0.25rem}.td-artist-avatar{width: 44px;height: 44px;border-radius: 50%;border: 2px solid var(--border,rgba(255,255,255,0.1));object-fit: cover;flex-shrink: 0}.td-artist-info{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0}.td-artist-name{font-family: var(--font-ui);font-size: var(--text-sm,0.875rem);font-weight: var(--font-weight-bold);color: var(--text,var(--color-white));text-decoration: none;transition: color 0.2s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.td-artist-name:hover{color: var(--gold,#e8c547)}.td-artist-location{font-family: var(--font-ui);font-size: var(--text-xs,0.75rem);color: var(--text-3,rgba(255,255,255,0.45))}.td-profile-link{flex-basis: 100%;box-sizing: border-box;max-width: 100%;padding-left: calc(44px + 0.75rem);font-family: var(--font-ui);font-size: var(--text-xs,0.75rem);font-weight: var(--font-weight-bold);color: var(--gold,#e8c547);text-decoration: none;white-space: nowrap;transition: opacity 0.2s ease;flex-shrink: 0}.td-profile-link:hover{opacity: 0.7}.td-section{display: flex;flex-direction: column;gap: 0.5rem}.td-section-label{font-family: var(--font-ui);font-size: 0.65rem;font-weight: 800;letter-spacing: 0.1em;text-transform: uppercase;color: var(--text-3,rgba(255,255,255,0.45))}.td-tags{display: flex;flex-wrap: wrap;gap: 8px}.td-tag{display: inline-flex;align-items: center;padding: 0.35rem 0.75rem;border-radius: var(--radius-full,9999px);font-family: var(--font-ui);font-size: var(--text-xs,0.75rem);font-weight: var(--font-weight-bold);letter-spacing: 0.02em;text-decoration: none;transition: all 0.2s ease;border: 1px solid var(--border,rgba(255,255,255,0.1));color: var(--text-2,rgba(255,255,255,0.7));background: transparent}.td-tag:hover{border-color: var(--gold,#e8c547);color: var(--gold,#e8c547);transform: translateY(-1px)}.td-tag--style[data-style="japanese"]{color: var(--color-family-japanese,#c62828);border-color: rgba(198,40,40,0.35);background: rgba(198,40,40,0.08)}.td-tag--style[data-style="japanese"]:hover{background: rgba(198,40,40,0.18);border-color: var(--color-family-japanese,#c62828)}.td-tag--style[data-style="realism"]{color: var(--color-family-realism,#00838f);border-color: rgba(0,131,143,0.35);background: rgba(0,131,143,0.08)}.td-tag--style[data-style="realism"]:hover{background: rgba(0,131,143,0.18);border-color: var(--color-family-realism,#00838f)}.td-tag--style[data-style="blackwork"]{color: #8b9ca6;border-color: rgba(55,71,79,0.45);background: rgba(55,71,79,0.1)}.td-tag--style[data-style="blackwork"]:hover{background: rgba(55,71,79,0.25);border-color: #8b9ca6}.td-tag--style[data-style="watercolor"],.td-tag--style[data-style="fineline"],.td-tag--style[data-style="fine_line"]{color: var(--color-family-fineline,#00897b);border-color: rgba(0,137,123,0.35);background: rgba(0,137,123,0.08)}.td-tag--style[data-style="watercolor"]:hover,.td-tag--style[data-style="fineline"]:hover,.td-tag--style[data-style="fine_line"]:hover{background: rgba(0,137,123,0.18);border-color: var(--color-family-fineline,#00897b)}.td-tag--style[data-style="traditional"],.td-tag--style[data-style="neo-traditional"],.td-tag--style[data-style="neo_traditional"],.td-tag--style[data-style="neotraditional"]{color: #5b9bd5;border-color: rgba(21,101,192,0.35);background: rgba(21,101,192,0.08)}.td-tag--style[data-style="traditional"]:hover,.td-tag--style[data-style="neo-traditional"]:hover,.td-tag--style[data-style="neo_traditional"]:hover,.td-tag--style[data-style="neotraditional"]:hover{background: rgba(21,101,192,0.18);border-color: #5b9bd5}.td-tag--style[data-style="lettering"]{color: var(--color-family-lettering,#f57c00);border-color: rgba(245,124,0,0.35);background: rgba(245,124,0,0.08)}.td-tag--style[data-style="lettering"]:hover{background: rgba(245,124,0,0.18);border-color: var(--color-family-lettering,#f57c00)}.td-tag--style[data-style="geometric"],.td-tag--style[data-style="illustrative"]{color: #9575cd;border-color: rgba(94,53,177,0.35);background: rgba(94,53,177,0.08)}.td-tag--style[data-style="geometric"]:hover,.td-tag--style[data-style="illustrative"]:hover{background: rgba(94,53,177,0.18);border-color: #9575cd}.td-tag--style[data-style="chicano"],.td-tag--style[data-style="mandala"]{color: #ba68c8;border-color: rgba(106,27,154,0.35);background: rgba(106,27,154,0.08)}.td-tag--style[data-style="chicano"]:hover,.td-tag--style[data-style="mandala"]:hover{background: rgba(106,27,154,0.18);border-color: #ba68c8}.td-tag--style[data-style="tribal"]{color: #e57c5b;border-color: rgba(216,67,21,0.35);background: rgba(216,67,21,0.08)}.td-tag--style[data-style="tribal"]:hover{background: rgba(216,67,21,0.18);border-color: #e57c5b}.td-tag--style[data-style="minimalism"],.td-tag--style[data-style="modern"]{color: #66bb6a;border-color: rgba(46,125,50,0.35);background: rgba(46,125,50,0.08)}.td-tag--style[data-style="minimalism"]:hover,.td-tag--style[data-style="modern"]:hover{background: rgba(46,125,50,0.18);border-color: #66bb6a}.td-tag--style[data-style="dotwork"],.td-tag--style[data-style="ornamental"]{color: #a1887f;border-color: rgba(121,85,72,0.35);background: rgba(121,85,72,0.08)}.td-tag--style[data-style="dotwork"]:hover,.td-tag--style[data-style="ornamental"]:hover{background: rgba(121,85,72,0.18);border-color: #a1887f}.td-nav{display: flex;align-items: center;justify-content: space-between;padding: 0.75rem 0 0;border-top: 1px solid var(--border,rgba(255,255,255,0.1));margin-top: auto}.td-nav-prev,.td-nav-next{display: flex;align-items: center;gap: 0.4rem;font-family: var(--font-ui);font-size: var(--text-xs,0.75rem);font-weight: var(--font-weight-bold);color: var(--text-2,rgba(255,255,255,0.7));background: none;border: none;cursor: pointer;padding: 0.5rem 0.75rem;border-radius: var(--radius-md,8px);transition: color 0.2s ease,background 0.2s ease}.td-nav-prev:hover,.td-nav-next:hover{color: var(--gold,#e8c547);background: rgba(255,255,255,0.05)}.td-nav-prev svg,.td-nav-next svg{width: 16px;height: 16px}.td-nav-prev:disabled,.td-nav-next:disabled{opacity: 0.25;cursor: default;pointer-events: none}@media (max-width: 767px){.td-nav{display: none}}@media (min-width: 768px){.tattoo-detail{flex-direction: row;max-width: 900px;max-height: 90vh;width: 90vw;height: auto;border-radius: 16px;overflow: hidden}.td-topbar{display: none}.td-save-btn{display: none}.td-image-wrap{flex: 1 1 55%;min-height: 0;max-height: 90vh}.td-image{max-height: 90vh;height: 100%;object-fit: contain}.td-meta{flex: 0 0 340px;max-height: 90vh;overflow-y: auto;padding: 1.5rem;border-left: 1px solid var(--border,rgba(255,255,255,0.1));position: relative}.td-close-desktop{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background: rgba(0,0,0,0.55);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border: 1px solid rgba(255,255,255,0.18);cursor: pointer;color: var(--color-white);transition: all 0.2s ease;position: absolute;top: 1rem;right: calc(340px + 1rem);padding: 0;z-index: 20}.td-close-desktop:hover{background: rgba(0,0,0,0.75);color: var(--color-white);transform: scale(1.05)}.td-close-desktop svg{width: 16px;height: 16px}.td-nav{position: absolute;inset: 0;border: none;padding: 0;margin: 0;pointer-events: none;display: flex;align-items: center;justify-content: space-between}.td-nav-prev,.td-nav-next{pointer-events: auto;width: 44px;height: 44px;border-radius: 50%;background: rgba(0,0,0,0.5);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);color: var(--color-white);display: flex;align-items: center;justify-content: center;padding: 0;margin: 0 0.75rem;transition: background 0.2s ease,transform 0.2s ease}.td-nav-prev:hover,.td-nav-next:hover{background: rgba(0,0,0,0.7);transform: scale(1.08);color: var(--color-white)}.td-nav-label{display: none}}.td-close-desktop{display: none}@media (min-width: 768px){.td-close-desktop{display: flex}}.td-save-desktop{display: none}@media (min-width: 768px){.td-save-desktop{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background: rgba(0,0,0,0.55);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border: 1px solid rgba(255,255,255,0.18);cursor: pointer;color: var(--color-white);transition: all 0.2s ease;position: absolute;top: 1rem;right: calc(340px + 3.625rem);padding: 0;z-index: 20}.td-save-desktop:hover{background: rgba(0,0,0,0.75);color: var(--color-white);transform: scale(1.05)}.td-save-desktop svg{width: 16px;height: 16px}}.td-artist--empty{display: none}.td-section--empty{display: none}.light-theme .tattoo-detail-overlay{background: rgba(0,0,0,0.65)}.light-theme .tattoo-detail{background: var(--bg,var(--color-white))}.light-theme .td-topbar{background: linear-gradient(to bottom,rgba(255,255,255,0.8),transparent)}.light-theme .td-close{background: rgba(0,0,0,0.06);color: var(--text,var(--color-bg-card))}.light-theme .td-close:hover{background: rgba(0,0,0,0.12)}.light-theme .td-save-btn{background: rgba(0,0,0,0.06);color: var(--text,var(--color-bg-card))}.light-theme .td-image-wrap{background: var(--color-gray-100)}.light-theme .td-tag{border-color: var(--border,rgba(0,0,0,0.1));color: var(--text-2,#555);background: transparent}.light-theme .td-tag:hover{border-color: var(--gold,#e8c547);color: var(--gold,#e8c547)}.light-theme .td-nav-prev,.light-theme .td-nav-next{color: var(--text-2,#555)}.light-theme .td-nav-prev:hover,.light-theme .td-nav-next:hover{color: var(--gold,#e8c547);background: rgba(0,0,0,0.04)}@media (min-width: 768px){.light-theme .td-nav-prev,.light-theme .td-nav-next{background: rgba(255,255,255,0.7);color: var(--color-border)}.light-theme .td-nav-prev:hover,.light-theme .td-nav-next:hover{background: rgba(255,255,255,0.9);color: var(--color-black)}.light-theme .td-close-desktop,.light-theme .td-save-desktop{background: rgba(0,0,0,0.55);border-color: rgba(255,255,255,0.18);color: var(--color-white)}.light-theme .td-close-desktop:hover,.light-theme .td-save-desktop:hover{background: rgba(0,0,0,0.75);color: var(--color-white)}}.toolbar-badge{font-family: var(--font-mono);font-size: 0.55rem;font-weight: var(--font-weight-black);background: var(--gold,#e8c547);color: var(--color-black);padding: 0.1rem 0.35rem;border-radius: var(--radius-full,9999px);margin-left: 0.3rem;line-height: 1.2}