@layer tokens{:root{--white: #ffffff;--black: #000000;--warm-50: #fbf8f2;--warm-100: #f3efe7;--warm-200: #e8e0d3;--deep-800: #0e2f52;--deep-900: #031830;--blue-50: #eef5ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-light: #1675e0;--blue-dark: #1565c0;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #6b7c93;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #101828;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--emerald-600: #059669;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1b;--red-800: #991b1b;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--orange-50: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--violet-500: #8b5cf6;--violet-600: #7c3aed;--neutral-300: #c2c2c2;--neutral-400: #999999;--cool-100: #ebf1f7;--cookie-grad-accept: linear-gradient(135deg, #1675e0 0%, #0d5bb5 100%);--cookie-grad-accept-hover: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);--cookie-body: #5a6c7d}}@layer tokens{:root{--text-primary: var(--slate-900);--text-secondary: var(--slate-600);--text-muted: var(--slate-400);--text-muted-deep: var(--slate-500);--text-inverse: var(--white);--text-link: var(--blue-600);--text-link-hover: var(--blue-700);--bg-page: var(--warm-100);--bg-page-deep: var(--warm-200);--bg-gradient-top: var(--warm-50);--bg-glow: rgba(37, 99, 235, .07);--bg-surface-glass: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .7);--bg-surface-solid: var(--white);--bg-inverse: var(--deep-900);--bg-hover: var(--slate-50);--bg-accent-soft: var(--blue-50);--border-default: var(--slate-200);--border-light: rgba(226, 232, 240, .6);--border-accent: rgba(255, 255, 255, .15);--brand-primary: var(--blue-600);--brand-primary-hover: var(--blue-700);--brand-primary-soft: var(--blue-50);--color-success: var(--green-500);--color-success-soft: var(--green-100);--color-success-hover: var(--green-600);--color-error: var(--red-500);--color-error-soft: var(--red-100);--color-error-hover: var(--red-600);--color-warning: var(--amber-600);--color-warning-soft: var(--amber-100);--color-warning-hover: var(--amber-700);--header-bg: var(--white);--header-text: var(--deep-800);--header-text-active: var(--blue-light);--header-text-hover: var(--blue-light);--header-border: var(--slate-200);--header-shadow: 0 4px 12px rgba(3, 24, 48, .08);--header-dropdown-bg: rgba(255, 255, 255, .95);--header-dropdown-border: rgba(255, 255, 255, .6);--header-dropdown-shadow: 0 12px 32px rgba(3, 24, 48, .18);--header-dropdown-hover: var(--blue-50);--header-overlay-bg: rgba(3, 24, 48, .55);--header-mobile-shadow: 0 20px 48px rgba(3, 24, 48, .18);--footer-bg-dark: var(--deep-900);--footer-bg-light: var(--white);--footer-top-border: var(--cool-100);--footer-text: var(--white);--footer-text-muted: rgba(255, 255, 255, .5);--footer-text-hover: rgba(255, 255, 255, .8);--footer-text-soft: rgba(255, 255, 255, .85);--footer-divider: rgba(255, 255, 255, .1);--breadcrumb-text: #b8c4d1;--breadcrumb-link: #768fab;--breadcrumb-link-hover: var(--blue-dark);--breadcrumb-separator: var(--neutral-400);--cookie-banner-bg: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);--cookie-banner-border: var(--gray-200);--cookie-banner-text: var(--cookie-body);--cookie-banner-top-line: var(--gray-200);--cookie-btn-accept-bg: var(--brand-primary);--cookie-btn-accept-hover-bg: var(--brand-primary-hover);--cookie-btn-accept-text: var(--white);--cookie-btn-settings-bg: var(--gray-100);--cookie-btn-settings-text: var(--gray-700);--cookie-btn-settings-border: var(--gray-300);--cookie-btn-settings-hover-bg: var(--gray-200);--cookie-panel-title: var(--gray-900);--cookie-panel-desc: var(--gray-600);--cookie-panel-divider: var(--gray-200);--cookie-panel-header-border: var(--gray-100);--cookie-category-title: var(--gray-900);--cookie-category-desc: var(--gray-500);--cookie-option-bg: var(--white);--cookie-option-border: var(--gray-50);--cookie-always-label: var(--gray-400);--cookie-close-icon: var(--gray-400);--cookie-close-hover: var(--gray-600);--cookie-toggle-bg: var(--gray-300);--cookie-toggle-active: var(--blue-light);--cookie-toggle-knob: var(--white);--print-toggle-track: var(--gray-400);--print-toggle-checked: var(--btn-primary-bg);--print-toggle-check-mark: var(--btn-primary-text);--board-cell-color: var(--slate-700);--game-card-bg: var(--bg-surface-solid);--game-card-header-bg: var(--brand-primary);--game-card-header-text: var(--text-inverse);--game-card-body-bg: var(--bg-surface-solid);--game-card-shadow: 0 1px 2px rgba(0, 0, 0, .02);--game-board-bg: var(--bg-surface-solid);--game-board-shadow: 0 2px 12px rgba(3, 24, 48, .04);--game-status-color: var(--color-success);--game-tag-text: var(--text-secondary);--game-tag-bg: var(--bg-accent-soft);--difficulty-kids: var(--violet-500);--difficulty-easy: var(--emerald-600);--difficulty-medium: var(--blue-600);--difficulty-hard: var(--amber-600);--difficulty-master: var(--red-600);--shadow-card: 0 1px 4px rgba(0, 0, 0, .04);--shadow-glass: 0 4px 24px rgba(3, 24, 48, .08);--shadow-lg: 0 12px 32px rgba(3, 24, 48, .18);--shadow-glow: 0 0 0 4px rgba(37, 99, 235, .15);--radius-2xl: 24px;--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-pill: 9999px;--brand-mark-border: var(--neutral-300);--about-watermark-stroke: var(--slate-300);--about-pillar-number: var(--blue-100);--about-pillar-number-mobile: var(--slate-400);--btn-primary-bg: var(--brand-primary);--btn-primary-text: var(--white);--btn-primary-hover: var(--brand-primary-hover);--btn-secondary-bg: transparent;--btn-secondary-text: var(--text-primary);--btn-secondary-border: var(--border-default);--btn-secondary-hover-bg: var(--slate-50);--btn-secondary-hover-border: var(--slate-300)}}@layer tokens{:root{--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-fluid-lg: clamp(1.125rem, .95rem + .5vw, 1.5rem);--text-fluid-xl: clamp(1.35rem, 1.1rem + 1vw, 2rem);--text-fluid-2xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);--text-fluid-3xl: clamp(2rem, 1.2rem + 3vw, 3.5rem);--text-fluid-4xl: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);--text-cell: clamp(1rem, 4vw, 1.375rem);--leading-tight: 1.05;--leading-snug: 1.15;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .05em;--tracking-widest: .1em;--tracking-brand: .2em;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800}}@layer theme;@layer theme{[data-theme=kid]{--text-primary: #0c0a1d;--text-secondary: #3d3a50;--text-muted: #7a6f8c;--text-muted-deep: #5c5070;--text-link: var(--orange-600);--text-link-hover: var(--orange-700);--bg-page: #fef9e7;--bg-page-deep: #fef3c7;--bg-gradient-top: #fffbeb;--bg-glow: rgba(249, 115, 22, .06);--bg-surface-glass: rgba(255, 255, 255, .88);--bg-surface-solid: var(--white);--bg-hover: #fef3c7;--bg-accent-soft: var(--orange-50);--brand-primary: var(--orange-500);--brand-primary-hover: var(--orange-600);--brand-primary-soft: var(--orange-50);--header-bg: var(--white);--header-text: #0c0a1d;--header-text-active: var(--orange-500);--header-text-hover: var(--orange-500);--header-dropdown-hover: var(--orange-50);--header-dropdown-bg: rgba(255, 255, 255, .98);--footer-bg-dark: #1e0a3c;--footer-text: var(--white);--footer-text-muted: rgba(255, 255, 255, .55);--footer-text-hover: rgba(255, 255, 255, .85);--footer-divider: rgba(255, 255, 255, .12);--breadcrumb-text: #5c5070;--breadcrumb-link: #7b4c32;--breadcrumb-link-hover: #5e3a26;--breadcrumb-separator: #7a6f8c;--cookie-banner-bg: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);--cookie-banner-border: #fed7aa;--cookie-btn-accept-text: var(--white);--cookie-toggle-active: var(--orange-500);--board-cell-color: #1e293b;--game-card-header-bg: var(--orange-500);--game-card-header-text: var(--white);--game-card-body-bg: var(--white);--game-card-shadow: 0 2px 10px rgba(249, 115, 22, .075);--game-board-bg: var(--white);--game-board-shadow: 0 2px 12px rgba(249, 115, 22, .05);--game-status-color: #10b981;--game-tag-bg: var(--orange-50);--color-success: #10b981;--color-success-hover: #059669;--color-error: #dc2626;--color-error-hover: #b91c1b;--color-warning: #ea580c;--color-warning-hover: #c2410c;--difficulty-kids: #8b5cf6;--difficulty-easy: #10b981;--difficulty-hard: var(--orange-500);--difficulty-master: #dc2626;--btn-primary-bg: var(--orange-500);--btn-primary-text: var(--white);--btn-primary-hover: var(--orange-600);--btn-secondary-border: var(--slate-200);--btn-secondary-hover-bg: var(--orange-50);--about-watermark-stroke: #fef3c7;--about-pillar-number: #fef3c7}}@layer theme{[data-theme=dark]{color-scheme:dark;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-muted-deep: #7e8898;--text-inverse: #0f172a;--text-link: #60a5fa;--text-link-hover: #93bbfd;--bg-page: #0f172a;--bg-page-deep: #020617;--bg-gradient-top: #1e293b;--bg-glow: rgba(96, 165, 250, .04);--bg-surface-glass: rgba(30, 41, 59, .85);--glass-border: rgba(255, 255, 255, .08);--bg-surface-solid: #1e293b;--bg-hover: rgba(255, 255, 255, .05);--bg-accent-soft: rgba(96, 165, 250, .12);--border-default: rgba(148, 163, 184, .15);--border-light: rgba(148, 163, 184, .08);--brand-primary: #60a5fa;--brand-primary-hover: #93c5fd;--brand-primary-soft: rgba(96, 165, 250, .15);--header-bg: rgba(15, 23, 42, .92);--header-text: #e2e8f0;--header-text-active: #60a5fa;--header-text-hover: #60a5fa;--header-border: rgba(148, 163, 184, .1);--header-shadow: 0 4px 12px rgba(0, 0, 0, .3);--header-dropdown-bg: rgba(30, 41, 59, .98);--header-dropdown-border: rgba(148, 163, 184, .15);--header-dropdown-shadow: 0 12px 32px rgba(0, 0, 0, .5);--header-dropdown-hover: rgba(96, 165, 250, .1);--header-overlay-bg: rgba(0, 0, 0, .7);--header-mobile-shadow: 0 20px 48px rgba(0, 0, 0, .5);--footer-bg-dark: #0b1222;--footer-bg-light: #0f172a;--footer-top-border: rgba(148, 163, 184, .1);--footer-text: #e2e8f0;--footer-text-muted: rgba(148, 163, 184, .6);--footer-text-hover: #f1f5f9;--footer-text-soft: rgba(226, 232, 240, .85);--footer-divider: rgba(148, 163, 184, .12);--breadcrumb-text: #64748b;--breadcrumb-link: #94a3b8;--breadcrumb-link-hover: #60a5fa;--breadcrumb-separator: #475569;--cookie-banner-bg: linear-gradient(135deg, #1e293b 0%, #334155 100%);--cookie-banner-border: rgba(148, 163, 184, .15);--cookie-banner-text: #94a3b8;--cookie-banner-top-line: rgba(148, 163, 184, .15);--cookie-btn-accept-text: #0f172a;--cookie-btn-settings-bg: rgba(255, 255, 255, .05);--cookie-btn-settings-text: #cbd5e1;--cookie-btn-settings-border: rgba(148, 163, 184, .2);--cookie-btn-settings-hover-bg: rgba(255, 255, 255, .08);--cookie-panel-title: #f1f5f9;--cookie-panel-desc: #94a3b8;--cookie-panel-divider: rgba(148, 163, 184, .1);--cookie-panel-header-border: rgba(148, 163, 184, .1);--cookie-category-title: #e2e8f0;--cookie-category-desc: #94a3b8;--cookie-option-bg: rgba(255, 255, 255, .02);--cookie-option-border: rgba(148, 163, 184, .08);--cookie-always-label: #64748b;--cookie-close-icon: #64748b;--cookie-close-hover: #94a3b8;--cookie-toggle-active: #60a5fa;--cookie-toggle-bg: #475569;--print-toggle-track: #94a3b8;--board-cell-color: #e2e8f0;--game-card-bg: #1e293b;--game-card-header-bg: #3b5998;--game-card-header-text: #e2e8f0;--game-card-body-bg: #1e293b;--game-card-shadow: 0 1px 8px rgba(0, 0, 0, .2);--game-board-bg: #1e293b;--game-board-shadow: 0 2px 12px rgba(0, 0, 0, .25);--game-status-color: #34d399;--game-tag-text: #94a3b8;--game-tag-bg: rgba(96, 165, 250, .1);--color-success: #34d399;--color-success-soft: rgba(52, 211, 153, .12);--color-success-hover: #6ee7b7;--color-error: #f87171;--color-error-soft: rgba(248, 113, 113, .12);--color-error-hover: #fca5a5;--color-warning: #fbbf24;--color-warning-soft: rgba(251, 191, 36, .12);--color-warning-hover: #fcd34d;--difficulty-kids: #a78bfa;--difficulty-easy: #34d399;--difficulty-medium: #fbbf24;--difficulty-hard: #fb923c;--difficulty-master: #f87171;--shadow-card: 0 1px 4px rgba(0, 0, 0, .3);--shadow-glass: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 4px rgba(96, 165, 250, .25);--btn-primary-bg: #60a5fa;--btn-primary-text: #0f172a;--btn-primary-hover: #93c5fd;--btn-secondary-bg: transparent;--btn-secondary-text: #e2e8f0;--btn-secondary-border: rgba(148, 163, 184, .2);--btn-secondary-hover-bg: rgba(255, 255, 255, .06);--btn-secondary-hover-border: rgba(148, 163, 184, .3);--about-watermark-stroke: rgba(148, 163, 184, .08);--about-pillar-number: rgba(148, 163, 184, .1);--about-pillar-number-mobile: #334155;--brand-mark-border: rgba(148, 163, 184, .3)}}@layer theme{[data-theme=warm]{--text-primary: #292524;--text-secondary: #57534e;--text-muted: #a8a29e;--text-muted-deep: #78716c;--text-link: #d97706;--text-link-hover: #b45309;--bg-page: #faf7f2;--bg-page-deep: #f0ebe3;--bg-gradient-top: #fefcf8;--bg-glow: rgba(217, 119, 6, .05);--bg-surface-glass: rgba(255, 252, 247, .78);--bg-surface-solid: #fffcf7;--bg-hover: #f5f0e8;--bg-accent-soft: #fef3c7;--brand-primary: #d97706;--brand-primary-hover: #b45309;--brand-primary-soft: #fef3c7;--header-bg: #fffcf7;--header-text: #292524;--header-text-active: #d97706;--header-text-hover: #d97706;--header-dropdown-hover: #fef3c7;--header-dropdown-bg: rgba(255, 252, 247, .98);--footer-bg-dark: #292524;--footer-text: #faf7f2;--footer-text-muted: rgba(250, 247, 242, .55);--footer-text-hover: rgba(250, 247, 242, .85);--footer-divider: rgba(250, 247, 242, .1);--breadcrumb-text: #78716c;--breadcrumb-link: #7b5932;--breadcrumb-link-hover: #5e4426;--breadcrumb-separator: #a8a29e;--cookie-banner-bg: linear-gradient(135deg, #fefcf8 0%, #f5f0e8 100%);--cookie-banner-border: #e7e1d8;--cookie-toggle-active: #d97706;--board-cell-color: #292524;--game-card-header-bg: #d97706;--game-card-header-text: var(--white);--game-card-body-bg: #fffcf7;--game-card-shadow: 0 1px 8px rgba(0, 0, 0, .03);--game-board-bg: #fffcf7;--game-board-shadow: 0 2px 10px rgba(0, 0, 0, .03);--game-status-color: #65a30d;--game-tag-bg: var(--amber-50);--color-success: #65a30d;--color-success-hover: #4d7c0f;--color-error: #dc2626;--color-error-hover: #b91c1b;--color-warning: #d97706;--color-warning-hover: #b45309;--difficulty-kids: #8b5cf6;--difficulty-easy: #65a30d;--difficulty-medium: #d97706;--difficulty-hard: #ea580c;--difficulty-master: #dc2626;--btn-primary-bg: #d97706;--btn-primary-text: var(--white);--btn-primary-hover: #b45309;--btn-secondary-hover-bg: #fef3c7;--about-watermark-stroke: #fef3c7;--about-pillar-number: #fef3c7}}:root{color-scheme:light;--bg: var(--bg-page);--bg-deep: var(--bg-page-deep);--surface: var(--bg-surface-glass);--surface-strong: var(--bg-surface-solid);--ink: var(--text-primary);--muted: var(--text-secondary);--line: var(--border-default);--accent: var(--brand-primary);--accent-2: var(--color-error);--shadow: 0 30px 80px rgba(15, 23, 42, .16);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--font-display: "Trebuchet MS", "Avenir Next", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "Inter", "Avenir Next", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*,*:before,*:after{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse at 50% 0%,var(--bg-glow),transparent 70%),linear-gradient(180deg,var(--bg-gradient-top) 0%,var(--bg) 100%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}input,textarea,select{caret-color:var(--brand-primary)}.page-shell{width:100%}.container{max-width:1200px;width:100%;margin:0 auto;padding:.5rem 2rem;box-sizing:border-box}@media (max-width: 768px){.container{padding:.5rem 1rem}}.hero-grid{display:grid;gap:1.25rem}.skip-link{position:absolute;top:-100%;left:-100%;z-index:9999;padding:.75rem 1.5rem;border-radius:999px;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:var(--weight-semibold);font-size:var(--text-md);box-shadow:var(--shadow-card)}.skip-link:focus{top:1rem;left:1rem}.glass{background-color:var(--surface);border:1px solid var(--glass-border);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.soft-card{background-color:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:1rem;border-radius:var(--radius-md)}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;padding:.25rem .5rem;border-radius:999px;background:var(--bg-accent-soft);color:var(--brand-primary-hover);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase}.section-title{margin:0;font-family:var(--font-display);font-size:var(--text-fluid-2xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.section-copy{margin:0;color:var(--muted);line-height:var(--leading-loose)}.grid-3{display:grid;gap:1rem}@media (min-width: 760px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--header-height: 70px}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1001;background-color:var(--header-bg);box-shadow:var(--header-shadow)}.page-shell{padding-top:var(--header-height)}.header-inner{display:grid;grid-template-columns:44px 1fr auto;align-items:center;margin-left:auto;margin-right:auto;width:100%;max-width:1200px;height:var(--header-height);padding:0 .5rem 0 1rem;box-sizing:border-box}.header-actions{display:flex;align-items:center;gap:.5rem}@media (min-width: 640px){.header-inner{padding:0 1.5rem}}@media (min-width: 1024px){.header-inner{display:flex;gap:1.5rem}}.hamburger{display:inline-flex;height:2.75rem;width:2.75rem;flex-shrink:0;align-items:center;justify-content:center;background:transparent;border:0;color:var(--header-text);transition:opacity .2s;cursor:pointer}.hamburger:hover{opacity:.8}@media (min-width: 1024px){.hamburger{display:none}}.header-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--header-text);text-decoration:none}@media (min-width: 1024px){.header-logo{flex-shrink:0;gap:.75rem}}.brand-mark{width:4rem;height:4rem;border-radius:8px;object-fit:contain}.brand-text{flex-shrink:0;color:var(--header-text);font-size:1.35rem;font-weight:var(--weight-bold);white-space:nowrap}.brand-text-highlight{color:var(--brand-primary)}@media (min-width: 1024px){.brand-text{font-size:1.35rem}}.header-nav{display:none;min-width:0;flex:1;align-items:center;justify-content:center;gap:1.75rem;max-width:650px;margin-left:auto;margin-right:auto}@media (min-width: 1024px){.header-nav{display:flex}}@media (min-width: 1100px){.header-nav{gap:2.5rem}}@media (min-width: 1280px){.header-nav{gap:2.75rem}}.nav-link{position:relative;display:flex;cursor:pointer;align-items:center;white-space:nowrap;font-size:var(--text-md);color:var(--header-text);text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--header-text-hover)}.nav-link.active{color:var(--header-text-active)}.menu-item{position:relative;display:flex;cursor:pointer;align-items:center;gap:.25rem;white-space:nowrap;font-size:var(--text-md);color:var(--header-text);text-decoration:none;transition:color .2s}.menu-item:hover{color:var(--header-text-hover)}.menu-item.active{color:var(--header-text-active)}.dropdown-arrow{font-size:8px;line-height:1;display:inline-block;transition:transform .2s}.menu-item:hover .dropdown-arrow{transform:rotate(180deg)}.menu-item:before{content:"";position:absolute;left:0;right:0;top:100%;height:.5rem}.dropdown-content{visibility:hidden;position:absolute;left:0;top:100%;z-index:20;margin-top:.5rem;min-width:180px;transform:translateY(.5rem);border-radius:.75rem;border:1px solid var(--header-dropdown-border);background-color:var(--header-dropdown-bg);padding:.5rem;opacity:0;box-shadow:var(--header-dropdown-shadow);backdrop-filter:blur(4px);transition:visibility .2s,opacity .2s,transform .2s}.menu-item:hover .dropdown-content{visibility:visible;transform:translateY(0);opacity:1}.dropdown-item{display:block;border-radius:.5rem;padding:.6rem .9rem;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--header-text);text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s;margin:6px 0}.dropdown-item:hover,.dropdown-item.active{background-color:var(--header-dropdown-hover);color:var(--header-text-active)}.theme-selector{position:relative;flex-shrink:0}.theme-trigger{display:flex;align-items:center;justify-content:center;border-radius:9999px;padding:.5rem;color:var(--header-text);background:transparent;border:0;cursor:pointer;font-family:inherit;transition:background-color .2s}.theme-trigger:hover{background-color:#fff9}.theme-icon{flex-shrink:0;color:currentColor;opacity:.75}.theme-dropdown{position:absolute;right:0;top:100%;z-index:20}.theme-dropdown[hidden]{display:none}.theme-dropdown-panel{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;overflow-y:auto;border-radius:1rem;border:1px solid var(--header-dropdown-border);background-color:var(--header-dropdown-bg);padding:.5rem;box-shadow:var(--header-dropdown-shadow);backdrop-filter:blur(4px);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent;min-width:160px}.theme-dropdown-panel::-webkit-scrollbar{width:4px}.theme-dropdown-panel::-webkit-scrollbar-track{background:transparent}.theme-dropdown-panel::-webkit-scrollbar-thumb{background:#00000026;border-radius:9999px}.theme-dropdown-panel::-webkit-scrollbar-thumb:hover{background:#00000040}.theme-option{display:flex;width:100%;align-items:center;gap:.65rem;border-radius:.75rem;padding:.65rem .75rem;text-align:left;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--header-text);cursor:pointer;background:transparent;border:0;font-family:inherit;transition:background-color .2s}.theme-option:hover{background-color:var(--header-dropdown-hover)}.theme-swatch{--ws-c: #2563eb;--ws-ring: rgba(37, 99, 235, .35);display:inline-block;width:14px;height:14px;border-radius:50%;flex-shrink:0;background:var(--ws-c)}.theme-option[aria-pressed=true] .theme-swatch{box-shadow:0 0 0 4px var(--ws-ring)}.theme-swatch--default{--ws-c: #2563eb;--ws-ring: rgba(37, 99, 235, .35)}.theme-swatch--kid{--ws-c: #f97316;--ws-ring: rgba(249, 115, 22, .35)}.theme-swatch--dark{--ws-c: #60a5fa;--ws-ring: rgba(96, 165, 250, .5)}.theme-swatch--warm{--ws-c: #d97706;--ws-ring: rgba(217, 119, 6, .35)}.mobile-nav-overlay{position:fixed;inset:0;top:var(--header-height);z-index:40;background-color:var(--header-overlay-bg)}@media (min-width: 1024px){.mobile-nav-overlay{display:none}}.mobile-nav-overlay[hidden]{display:none}.mobile-drawer{position:absolute;left:0;right:0;top:0;z-index:50;border-top:1px solid var(--header-border);background-color:var(--header-bg);box-shadow:none;max-height:calc(100vh - var(--header-height));overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column}@media (min-width: 1024px){.mobile-drawer{display:none}}.mobile-nav-link{display:block;padding:1rem .5rem;font-size:var(--text-md);font-weight:var(--weight-normal);color:var(--header-text);text-decoration:none;transition:color .2s;border-bottom:1px solid var(--border-light)}.mobile-nav-link:last-child{border-bottom:0}.mobile-nav-link:hover{color:var(--header-text-hover)}.mobile-nav-link.active{color:var(--header-text-active)}.mobile-nav-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem .5rem;font-size:var(--text-md);font-weight:var(--weight-normal);font-family:inherit;color:var(--header-text);background:transparent;border:0;border-bottom:1px solid var(--border-light);cursor:pointer;text-align:left;transition:color .2s}.mobile-nav-trigger:hover{color:var(--header-text-hover)}.mobile-nav-trigger.active{color:var(--header-text-active)}.mobile-nav-arrow{font-size:8px;line-height:1;display:inline-block;transition:transform .2s}.mobile-nav-trigger[aria-expanded=true] .mobile-nav-arrow{transform:rotate(180deg)}.mobile-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-submenu-link{display:block;margin-left:1rem;border-radius:.75rem;padding:.75rem 1rem;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--header-text);text-decoration:none;transition:background-color .2s,color .2s}.mobile-submenu-link:hover,.mobile-submenu-link.active{background-color:var(--header-dropdown-hover);color:var(--header-text-active)}@media (max-width: 1023px){.header-inner{height:var(--header-height)}.brand-text{font-size:1rem}.theme-dropdown{position:fixed;inset:0;top:var(--header-height);z-index:40;background-color:var(--header-overlay-bg);display:flex;justify-content:flex-end;align-items:flex-start;padding:0}.theme-dropdown-panel{width:100%;min-width:0;margin-top:0;border-radius:0;border-left:none;border-right:none;border-top:1px solid var(--header-border);max-height:calc(100vh - var(--header-height));padding:.5rem 1rem;box-shadow:none}.hamburger,.theme-trigger{height:2.5rem;width:2.5rem;padding:0}.hamburger svg,.theme-trigger svg{width:20px;height:20px}.header-logo{justify-content:center}.mobile-nav-overlay{top:var(--header-height)}.mobile-drawer{max-height:calc(100vh - var(--header-height))}}.login-button[hidden],.user-menu[hidden],.user-menu-dropdown[hidden]{display:none}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:2.25rem;padding:0 1.5rem;border:none;border-radius:999px;background-color:var(--brand-primary);color:var(--btn-primary-text);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s}.login-button:hover{background-color:var(--brand-primary-hover);color:var(--btn-primary-text)}.login-button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.login-button-text{font-size:var(--text-base);text-transform:capitalize}.user-menu{position:relative;display:inline-flex}.user-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;overflow:hidden;border:1px solid var(--border-default);border-radius:50%;background-color:var(--bg-surface-solid);cursor:pointer;transition:border-color .2s,background-color .2s}.user-menu-trigger:hover{border-color:var(--brand-primary)}.user-menu-trigger:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.user-avatar{width:100%;height:100%;object-fit:cover}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;z-index:20}.user-menu-panel{min-width:200px;padding:.5rem;background-color:var(--header-dropdown-bg);border:1px solid var(--header-dropdown-border);border-radius:1rem;box-shadow:var(--header-dropdown-shadow)}.user-email{margin:0;padding:.6rem .8rem;font-size:var(--text-sm);color:var(--text-muted);word-break:break-all;border-bottom:1px solid var(--header-border)}.user-menu-item{display:block;width:100%;margin-top:.25rem;padding:.6rem .8rem;border:0;border-radius:.75rem;background:none;color:var(--text-primary);font-family:inherit;font-size:var(--text-base);text-align:left;cursor:pointer;transition:background-color .2s,color .2s}.user-menu-item:hover{background-color:var(--header-dropdown-hover)}@media (max-width: 1023px){.user-menu-dropdown{position:fixed;inset:0;top:var(--header-height);z-index:40;display:flex;justify-content:flex-end;align-items:flex-start;background-color:var(--header-overlay-bg);padding:0}.user-menu-panel{width:100%;min-width:0;margin-top:0;border-radius:0;border-top:1px solid var(--header-border);border-left:none;border-right:none;box-shadow:none;padding:.5rem 1rem}.login-button{width:auto;height:2rem;padding:0 1.25rem}}@media (max-width: 639px){.login-button{padding:0 1rem}}.breadcrumb-spacer{height:3.2rem}@media (min-width: 768px){.breadcrumb-spacer{height:3rem}}.breadcrumb-container{position:absolute;top:80px;left:0;right:0;z-index:100;padding-left:15px;padding-right:15px;padding-bottom:.5rem;overflow-x:hidden}@media (min-width: 768px){.breadcrumb-container{padding-left:1.25rem;padding-right:1.25rem;padding-bottom:.625rem}}.breadcrumb{margin-left:auto;margin-right:auto;width:100%;min-width:0;max-width:1800px;display:flex;align-items:center;gap:.5rem;font-size:var(--text-xs);color:var(--breadcrumb-text);overflow-x:auto}@media (min-width: 768px){.breadcrumb{width:60%;min-width:900px}}.breadcrumb-item{font-size:var(--text-xs);color:var(--breadcrumb-link);text-decoration:none;transition:color .3s;white-space:nowrap;flex-shrink:0}.breadcrumb-item:hover{color:var(--breadcrumb-link-hover);text-decoration:underline}.breadcrumb-item--active{font-size:var(--text-xs);color:var(--breadcrumb-link);font-weight:400;cursor:default;pointer-events:none;white-space:nowrap;flex-shrink:0}.breadcrumb-mobile{display:inline}.breadcrumb-desktop{display:none}@media (min-width: 768px){.breadcrumb-mobile{display:none}.breadcrumb-desktop{display:inline}}.breadcrumb-separator{font-size:var(--text-xs);color:var(--breadcrumb-separator)}.footer-container[data-astro-cid-ak3upacl]{margin-top:0;border-top:1px solid var(--footer-top-border);background-color:var(--footer-bg-light)}.footer-dark-section[data-astro-cid-ak3upacl]{display:flex;width:100%;flex-direction:column;align-items:center;background-color:var(--footer-bg-dark);padding:0 1.25rem}.footer-logo-section[data-astro-cid-ak3upacl]{margin-top:30px;display:flex;width:100%;max-width:1200px;flex-direction:column;align-items:center;padding:0 1.25rem}.footer-logo-text[data-astro-cid-ak3upacl]{width:9rem;height:3.63rem;border-radius:8px;object-fit:contain}.footer-slogan[data-astro-cid-ak3upacl]{margin-top:.75rem;text-align:center;font-size:var(--text-sm);font-weight:var(--weight-normal);letter-spacing:var(--tracking-brand);color:var(--footer-text-soft)}.footer-divider[data-astro-cid-ak3upacl]{margin:30px 0;height:1px;width:100%;background-color:var(--footer-divider)}.footer-sitemap[data-astro-cid-ak3upacl]{display:flex;width:100%;max-width:1200px;flex-direction:column;gap:0;padding:0 1.25rem 1.5rem}@media (min-width: 1024px){.footer-sitemap[data-astro-cid-ak3upacl]{flex-direction:row;justify-content:center;gap:4rem;padding-bottom:1.25rem}}.sitemap-category[data-astro-cid-ak3upacl]{border-bottom:1px solid var(--footer-divider);cursor:pointer;-webkit-tap-highlight-color:transparent}@media (min-width: 1024px){.sitemap-category[data-astro-cid-ak3upacl]{flex:0 0 auto;min-width:120px;border-bottom:0}}.category-title[data-astro-cid-ak3upacl]{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 0;font-size:var(--text-md);color:var(--footer-text)}@media (min-width: 1024px){.category-title[data-astro-cid-ak3upacl]{pointer-events:none;display:block;padding:0}}.category-label[data-astro-cid-ak3upacl]{line-height:1}.category-arrow[data-astro-cid-ak3upacl]{font-size:var(--text-xs);line-height:1;display:flex;align-items:center;transition:transform .2s}.category-arrow--expanded[data-astro-cid-ak3upacl]{transform:rotate(180deg)}@media (min-width: 1024px){.category-arrow[data-astro-cid-ak3upacl]{display:none}}.category-list[data-astro-cid-ak3upacl]{max-height:0;overflow:hidden;transition:max-height .35s ease;list-style:none;padding:0;margin:0}@media (min-width: 1024px){.category-list[data-astro-cid-ak3upacl]{max-height:none;overflow:visible;margin-top:1rem}}.category-item[data-astro-cid-ak3upacl]{margin-bottom:.75rem}.sitemap-link[data-astro-cid-ak3upacl]{display:block;font-size:var(--text-base);line-height:1.5rem;color:var(--footer-text-muted);text-decoration:none;transition:color .15s ease}.sitemap-link[data-astro-cid-ak3upacl]:hover{color:var(--footer-text)}.contact-us-item[data-astro-cid-ak3upacl]{display:flex;flex-direction:column;gap:.25rem;font-weight:400;width:100%;padding:0;border:none;background:none;font-family:inherit;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none}.contact-email[data-astro-cid-ak3upacl]{font-size:var(--text-xs);color:var(--footer-text-muted);opacity:.75}.footer-text-area[data-astro-cid-ak3upacl]{margin-bottom:.75rem;display:flex;width:100%;max-width:1200px;flex-direction:column;align-items:center;gap:.5rem;padding:0 1.25rem}.footer-links[data-astro-cid-ak3upacl]{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem}.footer-link[data-astro-cid-ak3upacl]{font-size:var(--text-xs);font-weight:300;line-height:17px;color:var(--footer-text-muted);text-decoration:none;transition:color .15s ease}.footer-link[data-astro-cid-ak3upacl]:hover{color:var(--footer-text-hover)}button[data-astro-cid-ak3upacl].footer-link,.cookie-settings-link[data-astro-cid-ak3upacl]{background:none;border:none;outline:none;padding:0;cursor:pointer;font-family:inherit}.footer-copyright[data-astro-cid-ak3upacl]{text-align:center;font-size:var(--text-xs);font-weight:300;line-height:17px;color:var(--footer-text-muted)}.footer-lang-row[data-astro-cid-ak3upacl]{display:flex;justify-content:center;margin-bottom:.85rem}.lang-selector[data-astro-cid-ak3upacl]{position:relative}.lang-trigger[data-astro-cid-ak3upacl]{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border:1px solid var(--footer-divider);border-radius:9999px;background:transparent;color:var(--footer-text-soft);font-family:inherit;font-size:var(--text-sm);line-height:1;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.lang-trigger[data-astro-cid-ak3upacl]:hover{border-color:var(--footer-text-muted);color:var(--footer-text-hover);background-color:#ffffff0f}.lang-globe[data-astro-cid-ak3upacl]{flex-shrink:0;opacity:.75}.lang-name[data-astro-cid-ak3upacl]{white-space:nowrap}.lang-chevron[data-astro-cid-ak3upacl]{font-size:8px;line-height:1}.lang-dropdown[data-astro-cid-ak3upacl]{position:absolute;right:0;bottom:calc(100% + .6rem);z-index:60}.lang-dropdown[data-astro-cid-ak3upacl][hidden]{display:none}.lang-dropdown-panel[data-astro-cid-ak3upacl]{display:flex;flex-direction:column;gap:.25rem;min-width:200px;padding:.5rem;border-radius:1rem;border:1px solid var(--footer-divider);background-color:var(--footer-bg-dark);box-shadow:0 10px 30px #0000004d}.lang-option[data-astro-cid-ak3upacl]{display:flex;align-items:center;justify-content:space-between;border-radius:.75rem;padding:.6rem .8rem;text-align:left;font-size:var(--text-base);font-weight:var(--weight-medium);font-family:inherit;color:var(--footer-text);background:transparent;border:0;cursor:pointer;transition:background-color .15s ease,color .15s ease}.lang-option[data-astro-cid-ak3upacl]:hover{background-color:#ffffff14;color:var(--footer-text-hover)}.lang-option[data-astro-cid-ak3upacl].active{background-color:#ffffff1a;font-weight:var(--weight-bold)}.lang-option[data-astro-cid-ak3upacl].active:after{content:"✓";margin-left:.5rem;font-size:var(--text-sm);color:var(--footer-text-muted)}.ws-toast-container{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;pointer-events:none}.ws-toast{display:flex;align-items:center;gap:.625rem;max-width:min(88vw,400px);padding:.625rem .875rem;border-radius:14px;background:#0f172afa;color:#f8fafc;font-size:.875rem;font-weight:500;line-height:1.45;text-align:left;border:1px solid rgba(148,163,184,.35);box-shadow:0 20px 48px #02061773,0 2px 8px #0206174d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(14px) scale(.95);transition:opacity .28s ease,transform .28s cubic-bezier(.21,1.02,.73,1);pointer-events:none;will-change:transform,opacity}.ws-toast--show{opacity:1;transform:translateY(0) scale(1)}.ws-toast--hide{opacity:0;transform:translateY(10px) scale(.95)}.ws-toast-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;border-radius:50%;background:#ffffff14}.ws-toast-icon svg{width:1rem;height:1rem;fill:currentColor}.ws-toast-text{min-width:0}.ws-toast--info{border-color:#60a5fa80}.ws-toast--info .ws-toast-icon{color:#60a5fa}.ws-toast--success{border-color:#34d39980}.ws-toast--success .ws-toast-icon{color:#34d399}.ws-toast--warning{border-color:#fbbf2480}.ws-toast--warning .ws-toast-icon{color:#fbbf24}.ws-toast--error{border-color:#f8717180}.ws-toast--error .ws-toast-icon{color:#f87171}@media (max-width: 480px){.ws-toast{max-width:92vw;padding:.5625rem .75rem;font-size:.8125rem}.ws-toast-icon{width:1.5rem;height:1.5rem}}.cookie-banner-toggle-text{color:var(--brand-primary);text-decoration:underline;font-weight:500;font-size:var(--text-xs);line-height:1rem;border:0;background:transparent;cursor:pointer;padding:0;text-decoration:none}.cookie-banner-toggle-text:hover{color:var(--brand-primary-hover)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background-color:var(--bg-surface-solid);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-top:1px solid var(--cookie-banner-border);box-shadow:0 -4px 20px #00000014;transform:translateY(100%);opacity:0;pointer-events:none;transition:all .3s ease}.cookie-banner.visible{transform:translateY(0);opacity:1;pointer-events:auto}.cookie-banner-inner{max-width:80rem;margin-left:auto;margin-right:auto;padding:.75rem 1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.75rem}.cookie-banner-text{flex:1;padding-right:0}.cookie-banner-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--cookie-panel-title);margin-bottom:.25rem}.cookie-banner-body{font-size:var(--text-xs);color:var(--cookie-banner-text);line-height:1.625}.cookie-banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;width:100%;justify-content:flex-end}.cookie-banner-btn{cursor:pointer;white-space:nowrap;border:0;border-radius:.5rem;transition:color .15s ease,background-color .15s ease;padding:.5rem .75rem;flex:1;text-align:center;font-size:var(--text-xs)}.cookie-customize-btn{font-weight:500;color:var(--cookie-btn-settings-text);background-color:var(--cookie-btn-settings-bg)}.cookie-customize-btn:hover{background-color:var(--cookie-btn-settings-hover-bg)}.cookie-accept-btn{font-weight:600;color:var(--cookie-btn-accept-text);background-color:var(--cookie-btn-accept-bg);padding:.5rem 1rem;box-shadow:0 1px 2px #0000000d}.cookie-accept-btn:hover{background-color:var(--cookie-btn-accept-hover-bg)}.cookie-panel-overlay{position:fixed;inset:0;z-index:10000;background-color:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;padding:1rem}.cookie-panel-overlay.visible{opacity:1;pointer-events:auto}.cookie-panel{background-color:var(--bg-surface-solid);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:48rem;width:100%;min-height:26rem;max-height:90dvh;display:flex;flex-direction:column;transform:scale(.95);opacity:0;transition:all .3s ease}.cookie-panel-overlay.visible .cookie-panel{transform:scale(1);opacity:1}.cookie-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--cookie-panel-header-border);flex-shrink:0}.cookie-panel-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--cookie-panel-title)}.cookie-panel-close-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;color:var(--cookie-close-icon);border:0;background:transparent;cursor:pointer;transition:color .15s ease,background-color .15s ease}.cookie-panel-close-btn:hover{color:var(--cookie-close-hover);background-color:var(--cookie-btn-settings-bg)}.cookie-panel-close-icon{width:1.25rem;height:1.25rem}.cookie-panel-body{padding:1rem;overflow-y:auto;flex:1 1 0;min-height:0}.cookie-panel-body>*+*{margin-top:.75rem}.cookie-panel-desc{font-size:var(--text-base);color:var(--cookie-panel-desc);line-height:var(--leading-relaxed)}.cookie-option{display:flex;align-items:flex-start;gap:.75rem;padding-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--cookie-option-border)}.cookie-option-content{flex:1;min-width:0}.cookie-option-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--cookie-category-title)}.cookie-option-desc{font-size:var(--text-xs);color:var(--cookie-category-desc);margin-top:.25rem;line-height:1.5}.cookie-toggle-wrapper{flex-shrink:0;padding-top:.125rem;margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}.cookie-toggle-always-label{display:block;font-size:var(--text-xs);color:var(--cookie-always-label);text-align:center;margin-top:.125rem}.cookie-toggle{width:2.75rem;height:1.5rem;border-radius:9999px;border:0;cursor:pointer;transition:background-color .2s ease}.cookie-toggle--on{background-color:var(--cookie-toggle-active)}.cookie-toggle--off{background-color:var(--cookie-toggle-bg)}.disabled-toggle{background-color:var(--cookie-toggle-bg);width:2.75rem;height:1.5rem;border-radius:9999px;display:flex;align-items:center;cursor:not-allowed;opacity:.6}.cookie-toggle-knob{display:block;background-color:var(--cookie-toggle-knob);width:1.25rem;height:1.25rem;border-radius:9999px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:transform .2s ease}.cookie-toggle-knob--on{transform:translate(22px)}.cookie-toggle-knob--off{transform:translate(0)}.disabled-toggle .cookie-toggle-knob{margin-left:22px}.cookie-panel-links{display:flex;flex-wrap:wrap;column-gap:1rem;row-gap:.25rem;padding-top:.25rem}.cookie-panel-privacy-link{font-size:var(--text-xs);color:var(--brand-primary);text-decoration:underline;text-underline-offset:2px;text-decoration:none}.cookie-panel-privacy-link:hover{color:var(--brand-primary-hover)}.cookie-panel-footer{display:flex;flex-direction:column;gap:.5rem;padding:.875rem 1rem;border-top:1px solid var(--cookie-panel-header-border);margin-top:.25rem;flex-shrink:0}.cookie-panel-footer-btn{flex:1;padding:.875rem 1rem;font-size:var(--text-base);font-weight:var(--weight-semibold);border-radius:.5rem;border:0;cursor:pointer;transition:color .15s ease,background-color .15s ease}.cookie-confirm-btn{color:var(--cookie-btn-accept-text);background-color:var(--cookie-btn-accept-bg);box-shadow:0 1px 2px #0000000d}.cookie-confirm-btn:hover{background-color:var(--cookie-btn-accept-hover-bg)}.cookie-panel-accept-btn{color:var(--cookie-btn-settings-text);background-color:var(--cookie-btn-settings-bg)}.cookie-panel-accept-btn:hover{background-color:var(--cookie-btn-settings-hover-bg)}@media (min-width: 640px){.cookie-banner-inner{flex-direction:row;align-items:center;padding:1rem 1.5rem}.cookie-banner-text{padding-right:1rem}.cookie-banner-title{font-size:var(--text-md)}.cookie-banner-body{font-size:var(--text-base)}.cookie-banner-actions{width:auto;gap:.75rem;justify-content:initial}.cookie-banner-btn{font-size:var(--text-base);flex:none;text-align:initial}.cookie-customize-btn{padding:.5rem 1rem}.cookie-accept-btn{padding:.5rem 1.25rem}.cookie-panel{max-height:none}.cookie-panel-header{padding:1.25rem 1.5rem}.cookie-panel-body{padding:.25rem 1.5rem;overflow-y:visible;flex:none;min-height:auto}.cookie-panel-footer{flex-direction:row;gap:.75rem;padding:.75rem 1.5rem 1.25rem;margin-top:.5rem}.cookie-banner-toggle-text{font-size:var(--text-base)}}.back-to-top{position:fixed;right:40px;bottom:80px;z-index:9999;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:1px solid var(--border-light);border-radius:50%;background:var(--bg-surface-solid);color:var(--brand-primary);cursor:pointer;box-shadow:var(--shadow-glass);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease;appearance:none;-webkit-appearance:none}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{color:var(--brand-primary-hover);background:var(--bg-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.back-to-top:active{transform:translateY(0)}.back-to-top:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.back-to-top-icon{width:24px;height:24px;fill:currentColor}@media (max-width: 768px){.back-to-top{right:16px;bottom:72px;width:44px;height:44px}.back-to-top-icon{width:20px;height:20px}}.feedback-fab{position:fixed;bottom:24px;right:24px;z-index:9998;width:52px;height:52px;border-radius:50%;border:none;background:var(--brand-primary);color:var(--text-inverse);cursor:pointer;box-shadow:0 4px 16px #2563eb59;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,opacity .3s ease}.feedback-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #2563eb73}.feedback-fab:active{transform:scale(.95)}.feedback-fab.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.feedback-panel{position:fixed;bottom:0;left:0;right:0;z-index:10000;background:var(--bg-surface-solid);border-radius:20px 20px 0 0;box-shadow:0 -4px 24px #0000001f;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);max-height:90vh;overflow-y:auto}.feedback-panel.open{transform:translateY(0)}.feedback-panel-inner{padding:24px 20px 32px;max-width:480px;margin:0 auto}.feedback-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.feedback-person{display:flex;align-items:center;gap:12px}.feedback-person-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.feedback-person-info{display:flex;flex-direction:column;min-width:0}.feedback-person-name{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.3}.feedback-person-title{font-size:12px;color:var(--text-muted);line-height:1.3;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-close-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-hover);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease;flex-shrink:0}.feedback-close-btn:hover{background:var(--border-default);color:var(--text-primary)}.feedback-close-btn svg{width:18px;height:18px}.feedback-form{display:flex;flex-direction:column;gap:16px}.feedback-intro{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0;text-align:center}.feedback-field{display:flex;flex-direction:column;gap:6px}.feedback-label{font-size:14px;font-weight:600;color:var(--text-primary)}.feedback-textarea{width:100%;padding:12px 14px;border:1px solid var(--border-default);border-radius:12px;font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-hover);resize:vertical;min-height:60px;max-height:120px;transition:border-color .2s ease,box-shadow .2s ease;outline:none;font-family:inherit}.feedback-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--bg-accent-soft);background:var(--bg-surface-solid)}.feedback-textarea.has-error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-soft)}.feedback-input{width:100%;padding:12px 14px;border:1.5px solid var(--border-default);border-radius:12px;font-size:15px;color:var(--text-primary);background:var(--bg-hover);transition:border-color .2s ease,box-shadow .2s ease;outline:none;font-family:inherit}.feedback-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--bg-accent-soft);background:var(--bg-surface-solid)}.feedback-input.has-error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-soft)}.feedback-error{font-size:12px;color:var(--color-error);min-height:0;opacity:0;transition:opacity .2s ease}.feedback-error.visible{opacity:1}.feedback-submit-btn{width:100%;padding:13px 20px;border:none;border-radius:12px;background:var(--brand-primary);color:var(--text-inverse);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease,opacity .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.feedback-submit-btn:hover,.feedback-submit-btn:active{background:var(--brand-primary-hover)}.feedback-submit-btn:disabled{background:var(--text-muted);cursor:not-allowed}.feedback-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-inverse);border-radius:50%;animation:feedback-spin .6s linear infinite}@keyframes feedback-spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.feedback-success-content{text-align:center;padding:16px 0 8px}.feedback-success-icon{width:56px;height:56px;border-radius:50%;background:var(--color-success-soft);color:var(--color-success);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.feedback-success-icon svg{width:28px;height:28px}.feedback-success-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.feedback-success-message{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:0 0 24px}.feedback-success-close-btn{background:var(--color-success)}.feedback-success-close-btn:hover{background:var(--color-success-hover)}.feedback-image-input{display:none}.feedback-image-area{display:flex;flex-direction:column;gap:10px}.feedback-image-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1.5px dashed var(--border-default);border-radius:12px;background:var(--bg-hover);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;user-select:none;width:fit-content}.feedback-image-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--bg-accent-soft)}.feedback-image-btn.hidden{display:none}.feedback-image-previews{display:flex;flex-wrap:wrap;gap:8px}.feedback-image-preview{position:relative;width:80px;height:80px;border-radius:10px;overflow:hidden;border:1px solid var(--border-default);flex-shrink:0}.feedback-image-preview img{width:100%;height:100%;object-fit:cover}.feedback-image-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0000008c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s ease}.feedback-image-remove:hover{background:#ef4444d9}@media (min-width: 640px){.feedback-panel{left:auto;right:24px;width:400px;border-radius:20px;bottom:24px;transform:translateY(calc(100% + 24px))}.feedback-panel.open{transform:translateY(0)}.feedback-panel-inner{padding:28px 28px 32px}}@media (max-width: 640px){.feedback-fab{bottom:88px;right:16px;width:48px;height:48px}}.floating-actions{--btn-size: 52px;--item-height: var(--btn-size);position:fixed;bottom:24px;right:24px;z-index:9998;display:flex;flex-direction:column;align-items:center;height:var(--item-height);width:var(--btn-size);border-radius:50%;background:var(--bg-surface-solid);box-shadow:var(--shadow-glass);overflow:hidden;transition:--item-height .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1),border-radius .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease}.floating-actions:has(.back-to-top.visible){--item-height: 62px;height:calc(var(--item-height) * 2);border-radius:calc(var(--btn-size) / 2)}.floating-actions>.back-to-top{position:static!important;bottom:auto!important;right:auto!important;box-sizing:border-box!important;width:var(--btn-size)!important;height:var(--item-height)!important;border-radius:0!important;box-shadow:none!important;background:var(--bg-surface-solid)!important;color:var(--brand-primary)!important;margin:0!important;flex-shrink:0;transition:height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease,background .2s ease!important}.floating-actions>.back-to-top:hover{transform:none!important;box-shadow:none!important;background:var(--bg-hover)!important}.floating-actions>.back-to-top:not(.visible){height:0!important;opacity:0!important;margin:0!important;overflow:hidden!important;visibility:hidden!important}.floating-actions>.feedback-fab{position:static!important;bottom:auto!important;right:auto!important;box-sizing:border-box!important;width:var(--btn-size)!important;height:var(--item-height)!important;border-radius:0!important;box-shadow:none!important;background:var(--bg-surface-solid)!important;color:var(--brand-primary)!important;margin:0!important;flex-shrink:0;transition:background .2s ease,border-top-color .35s ease!important}.floating-actions>.feedback-fab:hover{transform:none!important;box-shadow:none!important;background:var(--bg-hover)!important}.feedback-fab-icon{width:22px;height:22px}.floating-actions:has(.back-to-top.visible)>.feedback-fab{border-top:1px solid var(--border-default)!important}@media (max-width: 768px){.floating-actions{--btn-size: 44px;--item-height: var(--btn-size);bottom:18px;right:16px}.floating-actions:has(.back-to-top.visible){--item-height: 53px;height:calc(var(--item-height) * 2)}.floating-actions:has(.back-to-top.visible){border-radius:calc(var(--btn-size) / 2)}.feedback-fab-icon{width:20px;height:20px}}.login-modal-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:#0318308c;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.login-modal-overlay.show{opacity:1;visibility:visible}.login-modal{display:flex;flex-direction:column;width:400px;max-width:calc(100vw - 2rem);max-height:80vh;border-radius:var(--radius-lg, 16px);border:1px solid var(--border-default);background:var(--bg-surface-solid);box-shadow:var(--shadow-lg);transform:translateY(12px) scale(.98);transition:transform .3s ease;overflow:hidden}.login-modal-overlay.show .login-modal{transform:none}.login-modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:24px 24px 20px;border-bottom:1px solid var(--border-default)}.login-modal-title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.login-modal-close{display:flex;width:32px;height:32px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:none;color:var(--text-muted);font-size:24px;line-height:1;cursor:pointer;transition:background-color .2s,color .2s}.login-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.login-options-container{flex:1;overflow-y:auto;padding:20px 0}.login-options{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0 24px;list-style:none}.login-option{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;border-radius:var(--radius-sm, 8px);border:1px solid var(--border-default);background:var(--bg-surface-solid);color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px;cursor:pointer;transition:background-color .2s,border-color .2s}.login-option:hover{background:var(--bg-hover);border-color:var(--brand-primary)}.login-option:active{background:var(--bg-accent-soft)}.login-option:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.login-icon{width:24px;height:24px;flex-shrink:0}.login-modal-footer{flex-shrink:0;padding:16px 24px 24px;border-top:1px solid var(--border-light);text-align:center}.agreement-text{margin:0;font-size:12px;line-height:1.6;color:var(--text-muted)}.agreement-link{color:var(--text-muted);text-decoration:none;text-underline-offset:2px;transition:color .2s}.agreement-link:hover{color:var(--brand-primary)}@media (max-width: 480px){.login-modal{border-radius:var(--radius-md, 12px)}.login-modal-header{padding:16px 16px 14px}.login-modal-title{font-size:18px}.login-options{padding:0 16px}.login-option{padding:14px;font-size:15px}.login-modal-footer{padding:12px 16px 18px}}