:root{--main-color: #63889d;--main-color-dark: #124d6f;--accent-color: orange;--bg-color: #f6f6f6;--text-color: #353535;--text-color-light: #63889d}:root{--z-loading: 9999;--z-modal: 1000;--z-header: 999;--z-navigation: 998;--z-overlay: 500;--z-menu: 302;--z-menu-item: 301;--z-content: 50;--z-content-high: 51;--z-background: 1;--z-background-low: -1}:root{--font-family-primary: "Shippori Mincho", "Shippori Mincho B1", serif;--font-family: var(--font-family-primary);--font-size-base: 1rem;--line-height-normal: 1.5}:root{--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem}:root{--container-sm: 576px;--container-md: 768px;--container-lg: 992px;--container-xl: 1200px;--container-padding: 1rem;--border-radius: 0.5rem;--transition-normal: 250ms ease-in-out;--transition-fast: 150ms ease-in-out;--transition-slow: 500ms ease-in-out;--touch-target: 44px}:root{--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--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-weight-light: 300;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-relaxed: 1.75}:root{--mask_page-regular: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.1) 25%, transparent 26%, transparent 74%, rgba(255, 255, 255, 0.1) 75%, transparent 100%);--mask_page-wave: radial-gradient(ellipse at center, transparent 0%, rgba(99, 136, 157, 0.15) 40%, transparent 70%), linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%);--mask_page-hexagon: radial-gradient(circle at 20% 50%, rgba(255, 165, 0, 0.1) 0%, transparent 40%), radial-gradient(circle at 80% 50%, rgba(99, 136, 157, 0.1) 0%, transparent 40%), linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.05) 50%, transparent 70%);--mask_page-organic: radial-gradient(ellipse at top left, rgba(255, 165, 0, 0.12) 0%, transparent 50%), radial-gradient(ellipse at bottom right, rgba(99, 136, 157, 0.12) 0%, transparent 50%), linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.03) 100%);--mask_page-depth: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.1) 100%), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, transparent 20%, transparent 80%, rgba(255, 255, 255, 0.05) 100%), radial-gradient(circle at center, transparent 0%, rgba(99, 136, 157, 0.08) 100%);--mask_page-spiral: conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(255, 165, 0, 0.08) 90deg, transparent 180deg, rgba(99, 136, 157, 0.08) 270deg, transparent 360deg), radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 40%), radial-gradient(circle at 70% 70%, rgba(18, 77, 111, 0.1) 0%, transparent 40%)}.mask--regular{position:relative}.mask--regular::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--mask_page-regular);pointer-events:none;z-index:1}.mask--wave{position:relative}.mask--wave::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--mask_page-wave);pointer-events:none;z-index:1}.mask--hexagon{position:relative}.mask--hexagon::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--mask_page-hexagon);pointer-events:none;z-index:1}.mask--organic{position:relative}.mask--organic::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--mask_page-organic);pointer-events:none;z-index:1}.mask--depth{position:relative}.mask--depth::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--mask_page-depth);pointer-events:none;z-index:1}.mask--spiral{position:relative}.mask--spiral::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--mask_page-spiral);pointer-events:none;z-index:1}:root{--transition-duration: 500ms;--transition-easing: cubic-bezier(0.77, 0, 0.18, 1);--overlay-bg: #f6f6f6}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);z-index:9999;opacity:1;visibility:visible;transition:all var(--transition-duration) var(--transition-easing);pointer-events:none}body.page-transitioning::before{opacity:1;visibility:visible}body.page-loaded::before{opacity:0;visibility:hidden}@media(prefers-reduced-motion: reduce){:root{--transition-duration: 400ms}}