:root{--spacing-0: 0;--spacing-px: 1px;--spacing-0_5: .125rem;--spacing-1: .25rem;--spacing-1_5: .375rem;--spacing-2: .5rem;--spacing-2_5: .625rem;--spacing-3: .75rem;--spacing-3_5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-8);--spacing-2xl: var(--spacing-10);--spacing-3xl: var(--spacing-12);--spacing-4xl: var(--spacing-16);--spacing-5xl: var(--spacing-20)}:root{--radius-none: 0;--radius-sm: 4px;--radius-default: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--radius-pill: 9999px;--button-height-sm: 36px;--button-height-md: 44px;--button-height-lg: 52px;--button-padding-x-sm: var(--spacing-3);--button-padding-x-md: var(--spacing-4);--button-padding-x-lg: var(--spacing-6);--input-height: 48px;--input-padding-x: var(--spacing-4);--input-padding-y: var(--spacing-3);--input-border-radius: var(--radius-md);--card-padding: var(--spacing-6);--card-padding-sm: var(--spacing-4);--card-padding-lg: var(--spacing-8);--card-border-radius: var(--radius-lg);--navbar-height: 80px;--navbar-padding-x: var(--spacing-6);--navbar-padding-y: var(--spacing-4);--container-max-width: 1200px;--container-padding: var(--spacing-4);--grid-gap: var(--spacing-6);--grid-gap-sm: var(--spacing-4)}:root{--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .75s;--easing-linear: linear;--easing-in: cubic-bezier(.4, 0, 1, 1);--easing-out: cubic-bezier(0, 0, .2, 1);--easing-in-out: cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--easing-smooth: cubic-bezier(.4, 0, .2, 1)}:root{--font-heading: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-system: -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-size-xs: clamp(12px, 2vw, 14px);--font-size-sm: clamp(14px, 2.5vw, 16px);--font-size-base: clamp(16px, 3vw, 18px);--font-size-lg: clamp(18px, 3.5vw, 22px);--font-size-xl: clamp(22px, 4vw, 28px);--font-size-2xl: clamp(28px, 5vw, 36px);--font-size-3xl: clamp(32px, 6vw, 48px);--font-size-4xl: clamp(48px, 8vw, 72px);--font-size-5xl: clamp(48px, 10vw, 120px);--line-height-none: 1;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.4;--line-height-relaxed: 1.5;--line-height-loose: 1.6;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--letter-spacing-widest: .2em}:root{--z-behind: -1;--z-base: 0;--z-docked: 10;--z-dropdown: 1000;--z-sticky: 1020;--z-banner: 1030;--z-overlay: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--z-max: 2147483647}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0}ul,ol{list-style:none}img{max-width:100%;height:auto}input,button,textarea,select{font:inherit}body{font-family:var(--font-body, "Palatino Linotype", "Palatino", Georgia, serif);font-size:16px;line-height:1.5;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading, "Cinzel", Georgia, serif);font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}:root{--font-heading: "Cinzel", "Georgia", serif;--font-body: "Palatino Linotype", "Palatino", "Book Antiqua", Georgia, serif;--font-mono: "Roboto Mono", "Courier New", monospace;--color-ink: #0c0d10;--color-paper: #0f1116;--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-primary-dark: #2563eb;--color-accent: #60a5fa;--color-accent-light: #93c5fd;--color-accent-dark: #3b82f6;--color-white: #ffffff;--color-black: #000000;--color-success: #34d399;--color-success-dark: #059669;--color-success-shadow: rgba(52, 211, 153, .3);--color-warning: #fbbf24;--color-error: #f87171;--color-error-rgb: 248, 113, 113;--color-info: #60a5fa;--color-primary-05: rgba(59, 130, 246, .05);--color-primary-08: rgba(59, 130, 246, .08);--color-primary-10: rgba(59, 130, 246, .1);--color-primary-15: rgba(59, 130, 246, .15);--color-primary-20: rgba(59, 130, 246, .2);--color-primary-25: rgba(59, 130, 246, .25);--color-primary-30: rgba(59, 130, 246, .3);--color-primary-60: rgba(59, 130, 246, .6);--color-primary-80: rgba(59, 130, 246, .8);--bg-primary: #0f1116;--bg-secondary: rgba(12, 13, 16, .5);--bg-tertiary: rgba(255,255,255,.03);--bg-hover: rgba(59, 130, 246, .1);--bg-selected: rgba(59, 130, 246, .15);--bg-accent: rgba(59, 130, 246, .15);--bg-modal: #0f1116;--bg-modal-overlay: rgba(0, 0, 0, .8);--bg-card: rgba(15,17,22,.3);--bg-card-darker: rgba(15,17,22,.5);--bg-overlay: rgba(0,0,0,.8);--bg-disabled: rgba(255, 255, 255, .05);--bg-dropdown: rgba(15, 17, 22, .95);--bg-dropdown-item-hover: rgba(59, 130, 246, .15);--dropdown-text-primary: #e9ecf1;--dropdown-bg-hover: rgba(59, 130, 246, .15);--bg-form-input: rgba(255,255,255,.08);--bg-form-input-hover: rgba(255,255,255,.12);--bg-form-input-focus: rgba(255,255,255,.15);--bg-form-input-error: rgba(248, 113, 113, .1);--text-primary: #e9ecf1;--text-secondary: #f5f5f5;--text-muted: rgba(255,255,255,.7);--text-placeholder: rgba(255,255,255,.5);--text-disabled: rgba(255,255,255,.4);--text-link: #60a5fa;--text-link-hover: #93c5fd;--accent-text: #60a5fa;--color-text: #ffffff;--color-background: #0f1116;--color-secondary: #2563eb;--gradient-background: radial-gradient(1200px 600px at 70% -10%, rgba(59,130,246,.14), transparent 60%), radial-gradient(800px 400px at 0% 100%, rgba(96,165,250,.1), transparent 60%), linear-gradient(180deg, #0f1116 0%, #0b0c10 100%);--gradient-primary-text: linear-gradient(90deg, #3b82f6 0%, #ffffff 50%, #3b82f6 100%);--gradient-primary: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);--gradient-primary-subtle: linear-gradient(135deg, rgba(59,130,246,.08), rgba(59,130,246,.12));--color-button-primary-text: #ffffff;--color-dark: #0c0d10}:root{--selection-bg: #3b82f6;--selection-text: #ffffff;--shadow-sm: 0 12px 24px rgba(0,0,0,.3);--shadow-md: 0 20px 60px rgba(0,0,0,.4);--shadow-lg: 0 30px 80px rgba(0,0,0,.5);--shadow-xl: 0 40px 100px rgba(0,0,0,.6);--shadow-primary: 0 2px 10px rgba(59,130,246,.08);--border-primary: rgba(255, 255, 255, .06);--border-secondary: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .15);--border-accent: rgba(59, 130, 246, .3);--border-light: rgba(255, 255, 255, .08);--border-error: #ef4444;--border-success: #10b981;--border-divider: rgba(255, 255, 255, .08);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--scrollbar-width: 10px;--scrollbar-track: rgba(0, 0, 0, .2);--scrollbar-thumb: rgba(59, 130, 246, .6);--scrollbar-thumb-hover: rgba(59, 130, 246, .8)}:root[data-theme=light]{--font-heading: "Cinzel", "Georgia", serif;--font-body: "Palatino Linotype", "Palatino", "Book Antiqua", Georgia, serif;--font-mono: "Roboto Mono", "Courier New", monospace;--color-ink: #f8f9fa;--color-paper: #ffffff;--color-primary: #2563eb;--color-primary-light: #3b82f6;--color-primary-dark: #1d4ed8;--color-accent: #3b82f6;--color-white: #ffffff;--color-light-text: #2d3748;--color-muted-text: #4a5568;--color-success: #059669;--color-success-dark: #047857;--color-warning: #d97706;--color-error: #dc2626;--color-error-rgb: 220, 38, 38;--color-info: #2563eb;--color-primary-05: rgba(37, 99, 235, .05);--color-primary-08: rgba(37, 99, 235, .08);--color-primary-10: rgba(37, 99, 235, .1);--color-primary-15: rgba(37, 99, 235, .15);--color-primary-20: rgba(37, 99, 235, .2);--color-primary-25: rgba(37, 99, 235, .25);--color-primary-30: rgba(37, 99, 235, .3);--color-primary-60: rgba(37, 99, 235, .6);--color-primary-80: rgba(37, 99, 235, .8);--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: rgba(255, 255, 255, .35);--bg-hover: rgba(37, 99, 235, .05);--bg-selected: rgba(37, 99, 235, .12);--bg-accent: rgba(37, 99, 235, .08);--bg-modal: #ffffff;--bg-modal-overlay: rgba(0, 0, 0, .6);--bg-card: #ffffff;--bg-card-darker: #f1f5f9;--bg-overlay: rgba(0,0,0,.5);--bg-disabled: rgba(0, 0, 0, .05);--bg-dropdown: rgba(255, 255, 255, .98);--bg-dropdown-item-hover: rgba(37, 99, 235, .1);--bg-form-input: rgba(0,0,0,.04);--bg-form-input-focus: rgba(0,0,0,.06);--bg-form-input-error: rgba(220, 38, 38, .08);--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: rgba(0,0,0,.6);--text-placeholder: rgba(0,0,0,.4);--text-disabled: rgba(0,0,0,.3);--text-link: #2563eb;--text-link-hover: #1d4ed8;--accent-text: #1d4ed8;--gradient-background: radial-gradient(1200px 600px at 70% -10%, rgba(37,99,235,.08), transparent 60%), radial-gradient(800px 400px at 0% 100%, rgba(59,130,246,.05), transparent 60%), linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);--gradient-primary-text: linear-gradient(90deg, #2563eb 0%, #2d3748 50%, #2563eb 100%);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%);--gradient-primary-subtle: linear-gradient(135deg, rgba(37,99,235,.05), rgba(37,99,235,.08));--color-button-primary-text: #ffffff;--color-dark: #000000;--color-text: #2d3748;--color-background: #ffffff;--color-secondary: #1d4ed8;--selection-bg: #2563eb;--selection-text: #ffffff;--shadow-sm: 0 4px 12px rgba(0,0,0,.1);--shadow-md: 0 8px 32px rgba(0,0,0,.12);--shadow-lg: 0 16px 48px rgba(0,0,0,.15);--shadow-xl: 0 24px 60px rgba(0,0,0,.18);--shadow-primary: 0 2px 8px rgba(37,99,235,.15);--border-primary: rgba(0, 0, 0, .1);--border-secondary: rgba(0, 0, 0, .15);--border-accent: rgba(37, 99, 235, .3);--border-light: rgba(0, 0, 0, .06);--border-divider: rgba(0, 0, 0, .1);--border-error: #dc2626;--border-success: #0f766e;--scrollbar-width: 10px;--scrollbar-track: rgba(0, 0, 0, .08);--scrollbar-thumb: rgba(37, 99, 235, .6);--scrollbar-thumb-hover: rgba(37, 99, 235, .9)}.btn{padding:var(--spacing-4) var(--spacing-6);border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--duration-normal) var(--easing-smooth);text-transform:uppercase;letter-spacing:.05em}.btn.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn.btn-md{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base)}.btn.btn-lg{padding:var(--spacing-6) var(--spacing-8);font-size:var(--font-size-lg)}.btn.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-secondary)}.btn.btn-secondary:hover:not(:disabled){background:var(--bg-form-input);border-color:var(--color-primary)}.btn.btn-danger{background:var(--color-error);color:#fff}.btn.btn-danger:hover:not(:disabled){filter:brightness(.9);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid transparent}.btn.btn-ghost:hover:not(:disabled){background:var(--bg-form-input);border-color:var(--border-accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-loading{position:relative;color:transparent}.btn.btn-loading .spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border:2px solid var(--color-primary);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn.btn-full{width:100%}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.dropdown-container{position:relative;display:inline-block}.dropdown-base{position:absolute;top:calc(100% + .5rem);z-index:var(--z-dropdown);backdrop-filter:blur(16px);animation:dropdownFadeIn var(--duration-normal) var(--easing-smooth);transform-origin:top right}.user-dropdown{position:relative;display:inline-block}.user-dropdown .user-trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--easing-smooth)}.user-dropdown .user-trigger:hover{background:var(--bg-hover);border-color:var(--border-light)}.user-dropdown .user-trigger .user-avatar{width:var(--spacing-8);height:var(--spacing-8);border-radius:var(--radius-full);background:var(--color-primary-20);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.user-dropdown .user-dropdown-menu{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:200px;background:var(--bg-dropdown);border:1px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:var(--z-dropdown);backdrop-filter:blur(24px)}.user-dropdown .user-dropdown-menu .dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);text-decoration:none;color:var(--dropdown-text-primary);font-size:var(--font-size-sm);transition:all var(--duration-fast) var(--easing-smooth)}.user-dropdown .user-dropdown-menu .dropdown-item:hover{background:var(--bg-dropdown-item-hover)}@media (max-width: 768px){.user-dropdown .user-trigger .user-info{display:none}}.input-group{margin-bottom:var(--spacing-lg)}.input-group .input-label{display:block;font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.input-group .input-field{width:100%;padding:var(--input-padding-y) var(--input-padding-x);min-height:var(--input-height);background:var(--bg-form-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-base);transition:all var(--duration-normal) var(--easing-smooth)}.input-group .input-field::placeholder{color:var(--text-placeholder)}.input-group .input-field:focus{outline:none;border-color:var(--color-primary);background:var(--bg-form-input-focus);box-shadow:0 0 0 2px #3b82f633}.input-group .input-field.error{border-color:var(--color-error);box-shadow:0 0 0 2px #ef444433}.input-group .input-field.textarea{min-height:120px;resize:vertical}.input-group .input-field.select{background:var(--bg-form-input);color:var(--text-primary)}.input-group .input-help{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-xs)}.input-group .input-help.warning{color:var(--color-warning)}.input-group .input-help.error{color:var(--color-error)}input,textarea,select{background:var(--bg-form-input);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--input-padding-y) var(--input-padding-x);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:all var(--duration-normal) var(--easing-smooth)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-placeholder)}input:focus,textarea:focus,select:focus{background:var(--bg-form-input-focus);border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-primary-20)}input.error,textarea.error,select.error{background:var(--bg-form-input-error);border-color:var(--color-error)}label{color:var(--text-primary);font-family:var(--font-body);font-weight:var(--font-weight-medium)}.form-error-message{color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.form-error-message .error-icon{font-size:var(--font-size-sm)}.form-success-message{color:var(--color-success);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.form-success-message .success-icon{font-size:var(--font-size-sm)}.error-message{color:var(--color-error);font-family:var(--font-body);font-size:var(--font-size-sm)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes glow{0%,to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}50%{filter:drop-shadow(0 3px 8px rgba(59,130,246,.4))}}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(-10px)}75%{transform:translateY(-15px)}}.layer-title{font-family:var(--font-heading);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin:0}.layer-title.layer-title-lg{font-size:clamp(1.6rem,2.5vw,1.8rem)}.layer-title.layer-title-md{font-size:clamp(1.4rem,2vw,1.6rem)}.layer-title.layer-title-sm{font-size:clamp(1.2rem,1.5vw,1.4rem)}.layer-subtitle{color:var(--color-primary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:clamp(.9rem,1.5vw,1.1rem)}.layer-description{font-size:clamp(.95rem,1.8vw,1.05rem);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin:0}.layer-section{margin-bottom:clamp(var(--spacing-lg),3vh,var(--spacing-3xl))}.layer-section:last-child{margin-bottom:0}.layer-section .section-title{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary-30)}.layer-card{padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-divider);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--easing-smooth)}.layer-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary-30)}.layer-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.layer-badge.badge-info{background:var(--color-info);color:#fff}.layer-badge.badge-success{background:var(--color-success);color:#fff}.layer-badge.badge-warning{background:var(--color-warning);color:var(--color-ink)}.layer-badge.badge-error{background:var(--color-error);color:#fff}.layer-divider{border:none;border-top:1px solid var(--border-divider);margin:var(--spacing-xl) 0}.layer-divider.divider-primary{border-top-color:var(--color-primary-30)}.layer-divider.divider-thick{border-top-width:2px}.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}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--duration-normal) ease-out}.slide-in{animation:slideIn var(--duration-normal) ease-out}.layer-spinner{width:24px;height:24px;border:3px solid var(--border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.layer-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.layer-loading .loading-text{color:var(--text-muted);font-size:var(--font-size-sm)}.layer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;color:var(--text-muted)}.layer-empty .empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.layer-empty .empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.layer-empty .empty-description{font-size:var(--font-size-sm);margin:0}@font-face{font-family:Cinzel;src:url("./media/cinzel-v26-latin-HB3QMI3R.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}*{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.6) rgba(0,0,0,.15)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000026;border-radius:8px}::-webkit-scrollbar-thumb{background:#3b82f699;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#3b82f6cc}::selection{background:var(--color-primary);color:var(--color-white)}