:root{--color-brand-yellow:#ff0;--color-brand-yellow-hover:#e6b800;--color-brand-black:#000;--color-brand-white:#fff;--color-bg-dark:#262626;--color-bg-darker:#1a1a1a;--color-bg-darkest:#000;--color-bg-light:#fff;--color-bg-light-secondary:#f5f5f5;--color-bg-light-tertiary:#e0e0e0;--color-text-on-dark:#d9d9d9;--color-text-on-dark-secondary:#999;--color-text-on-dark-tertiary:#666;--color-text-on-light:#333;--color-text-on-light-secondary:#666;--color-text-on-light-tertiary:#999;--color-border-dark:hsla(0,0%,100%,.1);--color-border-dark-strong:hsla(0,0%,100%,.3);--color-border-light:#ddd;--color-border-light-strong:#ccc;--color-link:#0076d1;--color-link-hover:#005aa3;--color-error:#e53935;--color-success:#43a047;--color-warning:#fb8c00;--color-overlay-dark:rgba(0,0,0,.5);--color-overlay-darker:rgba(0,0,0,.7);--font-family-base:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-heading:var(--font-family-base);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.4;--line-height-normal:1.6;--line-height-relaxed:1.75;--line-height-loose:2;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1080px;--container-2xl:1200px;--container-full:100%;--header-height:60px;--header-height-mobile:50px;--grid-gap:30px;--grid-gap-mobile:20px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-inset-brand:inset 10px 10px 0 var(--color-brand-black),inset -10px -10px 0 var(--color-brand-black);--shadow-inset-brand-mobile:inset 4px 4px 0 var(--color-brand-black),inset -4px -4px 0 var(--color-brand-black);--radius-none:0;--radius-sm:0.125rem;--radius-md:0.25rem;--radius-lg:0.5rem;--radius-xl:1rem;--radius-full:9999px;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--z-toast:80;--z-max:9999;--color-bg:var(--color-bg-dark);--color-text:var(--color-text-on-dark);--color-text-sub:var(--color-text-on-light);--color-primary:var(--color-brand-yellow);--color-menu-link:var(--color-text-on-dark);--color-text-dark:var(--color-text-on-light);--color-text-light:var(--color-text-on-light-secondary);--color-border:var(--color-border-light);--color-background:var(--color-bg-light);--color-background-dark:var(--color-bg-light-secondary)}