:root{--color-accent:#FF8C1A;--color-accent-hover:#FFA53D;--color-accent-active:#E67600;--color-accent-soft:rgba(255,140,26,0.12);--color-accent-glow:rgba(255,140,26,0.32);--color-accent-border:rgba(255,140,26,0.38);--color-secondary:#00cec9;--color-secondary-soft:rgba(0,206,201,0.10);--color-secondary-glow:rgba(0,206,201,0.24);--color-bg:#161b22;--color-surface:#1e2430;--color-surface-elevated:#2a3142;--color-surface-hover:#323b50;--space-xs:clamp(0.4rem, calc(0.26vw + 0.32rem), 0.6rem);--color-surface-soft:#22293A;--color-header:rgba(22, 27, 34, 0.82);--color-text:#f5f7fa;--space-sm:clamp(0.8rem, calc(0.51vw + 0.64rem), 1.2rem);--space-md:clamp(1.6rem, calc(0.51vw + 1.44rem), 2rem);--space-lg:clamp(2.4rem, calc(1.03vw + 2.07rem), 3.2rem);--space-xl:clamp(3.2rem, calc(2.05vw + 2.54rem), 4.8rem);--space-2xl:clamp(4.8rem, calc(2.05vw + 4.14rem), 6.4rem);--text-2xs:clamp(1rem, calc(0.16vw + 0.95rem), 1.2rem);--space-3xl:clamp(6.4rem, calc(2.05vw + 5.74rem), 8rem);--text-xs:clamp(1.3rem, calc(0.13vw + 1.26rem), 1.4rem);--text-sm:clamp(1.4rem, calc(0.26vw + 1.32rem), 1.6rem);--text-body:clamp(1.6rem, calc(0.26vw + 1.52rem), 1.8rem);--text-lg:clamp(1.8rem, calc(0.26vw + 1.72rem), 2rem);--heading-h4:clamp(2rem, calc(0.51vw + 1.84rem), 2.4rem);--heading-h3:clamp(2.4rem, calc(0.77vw + 2.15rem), 3rem);--heading-h2:clamp(3.2rem, calc(1.54vw + 2.71rem), 4.4rem);--container-sm:720px;--container-md:1040px;--container-lg:1320px;--container-xl:1600px;--container-2xl:1760px;--width-2xs:120px;--shadow-sm:0 2px 8px rgba(0,0,0,0.18);--shadow-md:0 8px 24px rgba(0,0,0,0.24);--shadow-lg:0 14px 40px rgba(0,0,0,0.32);--shadow-glow-accent:0 0 24px rgba(255,140,26,0.25);--shadow-glow-secondary:0 0 24px rgba(0,206,201,0.22);--shadow-button:3px 3px 0 rgb(133, 133, 133);--shadow-panel:0 10px 30px rgba(0,0,0,0.28);--transition-fast:150ms ease-out;--transition-normal:300ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:500ms cubic-bezier(0.22, 1, 0.36, 1);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--width-xs:180px;--width-sm:220px;--width-md:320px;--width-lg:480px;--width-content:640px;--width-xl:720px;--width-2xl:960px;--site-header-logo-mobile-width:60px;--site-header-logo-desktop-width:180px;--motion-lift-xs:-2px;--motion-lift-sm:-4px;--motion-lift-md:-6px;--motion-lift-lg:-10px;--motion-scale-in:0.96;--motion-scale-sm:1.02;--color-text-muted:#a7b0c2;--color-text-soft:#7F889A;--color-text-inverse:#0F1221;--color-border-soft:rgba(255, 255, 255, 0.06);--color-border:rgba(255, 255, 255, 0.1);--color-border-strong:rgba(255, 255, 255, 0.16);--color-icon:#d8dde8;--color-icon-hover:#FF8C1A;--color-icon-secondary:#00CEC9;--overlay-dark-soft:rgba(0,0,0,0.24);--overlay-dark:rgba(0,0,0,0.45);--overlay-dark-strong:rgba(0,0,0,0.68);--overlay-accent:rgba(255,140,26,0.12);--overlay-secondary:rgba(0,206,201,0.10);--radius-pill:999px;--space-section:clamp(9.6rem, calc(5.64vw + 7.79rem), 14rem);--space-container:clamp(4.8rem, calc(4.1vw + 3.49rem), 8rem);--heading-h1:clamp(4.2rem, calc(2.82vw + 3.3rem), 6.4rem);--display-sm:clamp(4.8rem, calc(3.08vw + 3.81rem), 7.2rem);--display-md:clamp(5.6rem, calc(5.13vw + 3.96rem), 9.6rem);--display-lg:clamp(6.4rem, calc(5.13vw + 4.76rem), 10.4rem);--display-xl:clamp(7.2rem, calc(7.18vw + 4.9rem), 12.8rem);--columns-1:repeat(1,minmax(0,1fr));--columns-2:repeat(2,minmax(0,1fr));--columns-3:repeat(3,minmax(0,1fr));--columns-4:repeat(4,minmax(0,1fr));--columns-5:repeat(5,minmax(0,1fr));--columns-6:repeat(6,minmax(0,1fr));--z-base:1;--z-dropdown:10;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400;--ratio-square:1/1;--ratio-portrait:4/5;--ratio-poster:2/3;--ratio-video:16/9;--line-height-display:0.95;--line-height-none:1;--line-height-tight:1.1;--line-height-snug:1.2;--line-height-normal:1.4;--line-height-relaxed:1.6;--icon-size-xs:14px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--icon-size-xl:32px;--motion-scale-md:1.05;--motion-rotate-sm:1deg;--motion-blur-sm:4px;--ratio-banner:21/9;--min-screen-width:320px;--blur-sm:4px;--blur-md:8px;--blur-lg:16px;--blur-xl:24px;--opacity-disabled:0.4;--motion-blur-md:8px;--opacity-muted:0.7;--opacity-soft:0.85;--color-area-anime-hover:#FFA53D;--color-area-anime-active:#E67600;--color-area-anime:#FF8C1A;--color-area-anime-soft:rgba(255, 140, 26, 0.12);--color-area-anime-glow:rgba(255, 140, 26, 0.32);--color-area-anime-border:rgba(255, 140, 26, 0.38);--color-area-manga:#00CEC9;--color-area-manga-hover:#25DDD8;--color-area-manga-active:#00B7B3;--color-area-manga-soft:rgba(0, 206, 201, 0.10);--color-area-manga-glow:rgba(0, 206, 201, 0.24);--color-area-manga-border:rgba(0, 206, 201, 0.38);--color-area-media:#A78BFA;--color-area-media-hover:#B69CFF;--color-area-media-active:#8b5cf6;--color-area-media-soft:rgba(167, 139, 250, 0.12);--color-area-media-glow:rgba(167, 139, 250, 0.28);--color-area-media-border:rgba(167, 139, 250, 0.38);--display-xxl:clamp(9.6rem, calc(8.21vw + 6.97rem), 16rem);--max-screen-width:1600px}