:root{--color-primary: #27d9ff;--color-primary-hover: #14b8de;--color-primary-light: #7be9ff;--color-primary-glow: rgba(39, 217, 255, .42);--color-primary-subtle: rgba(39, 217, 255, .2);--color-primary-alpha-08: rgba(39, 217, 255, .08);--color-primary-alpha-12: rgba(39, 217, 255, .12);--color-primary-alpha-14: rgba(39, 217, 255, .14);--color-primary-alpha-20: rgba(39, 217, 255, .2);--color-primary-alpha-25: rgba(39, 217, 255, .25);--color-primary-alpha-50: rgba(39, 217, 255, .5);--color-primary-alpha-55: rgba(39, 217, 255, .55);--color-primary-alpha-65: rgba(39, 217, 255, .65);--color-primary-alpha-90: rgba(39, 217, 255, .9);--color-accent: #ff9500;--color-accent-hover: #e68600;--color-accent-light: #ffb347;--color-success: #00cc6a;--color-success-bright: #00ff88;--color-success-glow: rgba(0, 255, 136, .5);--color-success-glow-60: rgba(0, 255, 136, .6);--color-success-bright-alpha-95: rgba(0, 255, 136, .95);--color-error: #ff6b6b;--color-error-dark: #cc5555;--color-warning: #ffb74d;--color-info: var(--color-primary);--surface-0: #060b12;--surface-1: #0b1420;--surface-2: #111d2d;--surface-3: #1a2a3d;--surface-4: #243851;--surface-5: #315077;--text-primary: #ffffff;--text-secondary: #d8e4f2;--text-secondary-soft: #c8d9ec;--text-tertiary: #a8bdd3;--text-quaternary: #808080;--text-disabled: #4d4d4d;--text-on-primary: #000000;--font-ui: "Segoe UI", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: .75rem;--text-sm: .85rem;--text-base: .95rem;--text-md: 1rem;--text-lg: 1.1rem;--text-xl: 1.2rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 4rem;--text-5xl: 5rem;--text-0_8: .8rem;--text-0_9: .9rem;--text-1_05: 1.05rem;--text-1_3: 1.3rem;--text-14px: 14px;--text-15px: 15px;--text-18px: 18px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--radius-none: 0;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .6);--shadow-2xl: 0 20px 40px rgba(0, 0, 0, .7);--shadow-glow-primary: 0 0 20px var(--color-primary-glow);--shadow-glow-success: 0 0 10px var(--color-success-glow);--shadow-glow-accent: 0 0 10px var(--color-primary-alpha-50);--shadow-glow-primary-subtle: 0 0 8px var(--color-primary-subtle);--shadow-card-hover: 0 12px 24px rgba(5, 13, 24, .55);--shadow-card-selected: 0 0 20px var(--color-primary-alpha-50);--shadow-btn: 0 2px 6px var(--color-primary-subtle);--shadow-btn-active: 0 1px 3px var(--color-primary-alpha-14);--shadow-glow-accent-12: 0 0 12px var(--color-primary-alpha-50);--shadow-glow-primary-6: 0 0 6px var(--color-primary-alpha-20);--shadow-ring-primary-soft: 0 0 0 1px var(--color-primary-alpha-12);--shadow-ring-primary: 0 0 0 1px var(--color-primary);--shadow-hover-lift: 0 10px 18px rgba(0, 0, 0, .2);--shadow-focus: var(--input-focus-ring);--shadow-focus-wide: 0 0 0 4px var(--color-primary-alpha-25);--shadow-focus-ambient: 0 0 12px var(--color-primary-alpha-25);--shadow-focus-ambient-sm: 0 0 8px var(--color-primary-alpha-25);--shadow-focus-strong: 0 0 0 3px var(--color-primary-alpha-14);--shadow-modal: 0 14px 60px var(--overlay-black-55);--shadow-completion: 0 2px 8px var(--color-success-glow-60);--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--border-color-subtle: #2a3d57;--border-color-default: #355172;--border-color-strong: #47658a;--border-color-dim: #5b7697;--border-color-light: #7f9ec2;--border-color-primary: var(--color-primary);--border-color-error: var(--color-error);--duration-instant: .1s;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-medium: .4s;--duration-slower: .5s;--duration-spinner-fast: .6s;--duration-spinner: .8s;--duration-slowest: 1s;--duration-dots: 1.5s;--animation-shimmer: progress-shimmer 2s linear infinite;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-default: var(--ease-standard);--ease-cover-zoom: cubic-bezier(.25, .46, .45, .94);--z-base: 0;--z-dropdown: 1;--z-sticky: 10;--z-fixed: 100;--z-overlay: 1000;--z-deploy: 1500;--z-auth: 2000;--z-loading: 9999;--z-error: 10000;--container-xs: 320px;--container-sm: 420px;--container-md: 720px;--container-lg: 1024px;--container-xl: 1280px;--breakpoint-sm: 600px;--breakpoint-md: 900px;--breakpoint-lg: 1200px;--touch-target-min: 44px;--button-padding-x: var(--space-6);--button-padding-y: var(--space-3);--button-radius: var(--radius-sm);--button-font-size: var(--text-md);--button-font-weight: var(--font-weight-normal);--button-min-height: var(--touch-target-min);--card-padding: var(--space-4);--card-radius: var(--radius-lg);--card-border: var(--border-width-thin) solid var(--border-color-default);--card-shadow: var(--shadow-md);--input-padding-x: var(--space-3);--input-padding-y: .65rem;--input-radius: var(--radius-lg);--input-border: var(--border-width-thin) solid var(--border-color-default);--input-focus-ring: 0 0 0 2px rgba(0, 212, 255, .25);--comic-card-aspect-ratio: 2 / 3;--comic-card-border-width: var(--border-width-thick);--comic-card-border-selected: var(--border-width-thick) solid var(--color-primary);--grid-gap: var(--space-8);--grid-gap-mobile: var(--space-4);--grid-column-min: 250px;--header-padding-x: var(--space-8);--header-padding-y: var(--space-4);--header-border: var(--border-width-medium) solid var(--border-color-default);--header-max-height: 120px;--backdrop-light: rgba(0, 0, 0, .7);--backdrop-medium: rgba(0, 0, 0, .85);--backdrop-heavy: rgba(0, 0, 0, .9);--overlay-black-45: rgba(0, 0, 0, .45);--overlay-black-50: rgba(0, 0, 0, .5);--overlay-black-55: rgba(0, 0, 0, .55);--overlay-black-75: rgba(0, 0, 0, .75);--overlay-white-18: rgba(255, 255, 255, .18);--overlay-white-20: rgba(255, 255, 255, .2);--overlay-white-30: rgba(255, 255, 255, .3);--overlay-white-75: rgba(255, 255, 255, .75);--overlay-white-95: rgba(255, 255, 255, .95);--warning-border-alpha-35: rgba(255, 183, 77, .35);--backdrop-blur: blur(4px);--backdrop-blur-strong: blur(6px);--scrollbar-width: 12px;--scrollbar-track: var(--surface-1);--scrollbar-thumb: var(--surface-5);--scrollbar-thumb-hover: var(--color-primary);--gradient-primary: linear-gradient(90deg, var(--color-primary), var(--color-primary-hover));--gradient-success: linear-gradient(90deg, var(--color-success-bright), var(--color-success));--gradient-upload: linear-gradient(90deg, var(--color-primary), var(--color-success-bright));--focus-ring: 0 0 0 2px var(--color-primary-subtle);--focus-ring-error: 0 0 0 2px rgba(255, 107, 107, .25);--scanline-opacity: .03;--scanline-color: rgba(0, 212, 255, var(--scanline-opacity))}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;--duration-slowest: 0ms;--ease-standard: linear;--ease-decelerate: linear;--ease-accelerate: linear;--ease-bounce: linear}}@media(prefers-contrast:high){:root{--text-secondary: #ecf3fb;--text-tertiary: #d7e3f0;--border-color-default: #6887af;--shadow-md: 0 4px 8px rgba(0, 0, 0, .8)}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-surface-1{background:var(--surface-1)}.bg-surface-2{background:var(--surface-2)}.bg-surface-3{background:var(--surface-3)}.border-default{border:var(--border-width-thin) solid var(--border-color-default)}.border-primary{border-color:var(--color-primary)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.radius-sm{border-radius:var(--radius-sm)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.radius-full{border-radius:var(--radius-full)}.transition-fast{transition:all var(--duration-fast) var(--ease-standard)}.transition-base{transition:all var(--duration-base) var(--ease-standard)}.transition-slow{transition:all var(--duration-slow) var(--ease-standard)}