.three-js-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}body[data-season="tsuyu"]{--background:#1a2332;--surface:#253142;--text:#d1dae6;--text-secondary:#a8b8c8;--text-muted:#7a8ba3;--border:#3a4a5c;--shadow:rgba(123,167,212,0.2);--shadow-lg:rgba(123,167,212,0.3)}body[data-season="tsuyu"] .hero{position:relative}body[data-season="tsuyu"] .hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(123,167,212,0.1) 0%,rgba(74,144,184,0.15) 50%,rgba(123,167,212,0.2) 100%);pointer-events:none;z-index:1}body[data-season="tsuyu"] .hero-content{z-index:2;position:relative}body[data-season="tsuyu"] .cta-button.primary{background:linear-gradient(120deg,#4A90B8 0%,#7BA7D4 100%);box-shadow:0 4px 15px rgba(74,144,184,0.3)}body[data-season="tsuyu"] .cta-button.primary:hover{box-shadow:0 8px 25px rgba(74,144,184,0.4)}body[data-season="tsuyu"] .hero-title{text-shadow:2px 2px 4px rgba(0,0,0,0.7),0 0 10px rgba(123,167,212,0.3)}body[data-season="tsuyu"] .section-title{text-shadow:3px 3px 5px rgba(0,0,0,0.7),-1px -1px 3px rgba(255,255,255,0.15),0 0 16px rgba(0,0,0,0.5),0 0 24px rgba(123,167,212,0.2);-webkit-text-stroke:0.7px rgba(0,0,0,0.35)}body[data-season="tsuyu"] .section-subtitle{text-shadow:2px 2px 4px rgba(0,0,0,0.7),-1px -1px 3px rgba(255,255,255,0.15),0 0 14px rgba(0,0,0,0.5),0 0 20px rgba(123,167,212,0.2);-webkit-text-stroke:0.7px rgba(0,0,0,0.35)}body[data-season="tsuyu"] .section-title::after{background:linear-gradient(90deg,var(--primary-tsuyu),var(--accent-tsuyu));box-shadow:0 2px 8px rgba(74,144,184,0.3)}:root{--primary:#6366f1;--primary-light:#8b5cf6;--primary-dark:#4f46e5;--secondary:#f59e0b;--secondary-light:#fbbf24;--secondary-dark:#d97706;--accent:#ec4899;--accent-light:#f472b6;--accent-dark:#db2777;--neutral-50:#f9fafb;--neutral-100:#f3f4f6;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--neutral-400:#9ca3af;--neutral-500:#6b7280;--neutral-600:#4b5563;--neutral-700:#374151;--neutral-800:#1f2937;--neutral-900:#111827;--background:#111827;--surface:#1f2937;--text:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--border:#374151;--shadow:rgba(0,0,0,0.3);--shadow-lg:rgba(0,0,0,0.4);--text-xs:clamp(0.75rem,0.7rem + 0.2vw,0.875rem);--text-sm:clamp(0.875rem,0.8rem + 0.3vw,1rem);--text-base:clamp(1rem,0.9rem + 0.4vw,1.125rem);--text-lg:clamp(1.125rem,1rem + 0.5vw,1.25rem);--text-xl:clamp(1.25rem,1.1rem + 0.6vw,1.5rem);--text-2xl:clamp(1.5rem,1.3rem + 0.8vw,2rem);--text-3xl:clamp(1.875rem,1.6rem + 1vw,2.5rem);--text-4xl:clamp(2.25rem,1.9rem + 1.4vw,3rem);--text-5xl:clamp(3rem,2.5rem + 2vw,4rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:0.25rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out;--z-dropdown:1000;--z-sticky:1010;--z-fixed:1020;--z-modal-backdrop:1030;--z-modal:1040;--z-nav-toggle:1045;--z-popover:1050;--z-tooltip:1060;--header-height:72px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}body{font-family:var(--ff-body);font-size:var(--text-base);line-height:1.6;color:var(--text);background-color:var(--background);overflow-x:hidden;min-height:100dvh;position:relative;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.menu-open{overflow:hidden}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-image:url('../images/backgrounds/背景_春模様.webp');background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;opacity:1;pointer-events:none;transition:opacity 0.5s ease-in-out;z-index:-1;mix-blend-mode:normal}body[data-season="spring"]::before{background-image:url('../images/backgrounds/背景_春模様.webp')}body[data-season="summer"]::before{background-image:url('../images/backgrounds/背景_夏模様.webp')}body[data-season="autumn"]::before{background-image:url('../images/backgrounds/背景_秋模様.webp')}body[data-season="winter"]::before{background-image:url('../images/backgrounds/背景_冬模様.webp')}body[data-season="tsuyu"]::before{background-image:url('../images/backgrounds/和紙-梅雨.webp');opacity:1}body[data-season="all"]::before,body[data-season="none"]::before{background-image:url('../images/backgrounds/和紙-梅雨.webp');opacity:1}@media (max-width:768px){body::before{background-attachment:scroll;background-size:cover}}@media (prefers-reduced-motion:reduce){body::before{transition:none;background-attachment:scroll}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body::before{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}h1,h2,h3,h4,h5,h6{font-family:var(--ff-heading);font-weight:700;line-height:1.2;margin-bottom:var(--space-4);color:var(--text)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover,a:focus{color:var(--primary-dark);outline:2px solid var(--primary);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media (min-width:768px){.container{padding:0 var(--space-6)}}.section-title{text-align:center;margin-bottom:var(--space-8);position:relative;font-weight:700;letter-spacing:0.02em;text-shadow:2px 2px 3px rgba(0,0,0,0.45),-1px -1px 2px rgba(255,255,255,0.12),0 0 14px rgba(0,0,0,0.35);-webkit-text-stroke:0.6px rgba(0,0,0,0.25)}.section-title::after{content:'';position:absolute;bottom:-var(--space-4);left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:var(--radius-full)}.section-subtitle{text-align:center;font-size:var(--text-lg);color:var(--text);font-weight:600;letter-spacing:0.03em;margin-bottom:var(--space-12);max-width:600px;margin-left:auto;margin-right:auto;text-shadow:2px 2px 3px rgba(0,0,0,0.45),-1px -1px 2px rgba(255,255,255,0.12),0 0 12px rgba(0,0,0,0.35);-webkit-text-stroke:0.6px rgba(0,0,0,0.25)}.header{position:fixed;top:0;left:0;right:0;background-image:url('../images/backgrounds/背景_黒和紙.webp');background-size:cover;background-repeat:repeat;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.15);box-shadow:0 4px 6px rgba(0,0,0,0.4);z-index:var(--z-fixed);transition:all var(--transition-normal)}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4);max-width:1200px;margin:0 auto}.logo{font-size:var(--text-xl);font-weight:700;color:var(--primary);margin:0;white-space:nowrap;flex-shrink:0}.logo a{position:relative;display:inline-block;color:inherit;text-decoration:none;background:none;transition:color var(--transition-fast)}.logo a::after{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:2px;background-image:linear-gradient(90deg,var(--primary),var(--accent));border-radius:var(--radius-full);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-fast)}.logo a:hover,.logo a:focus{color:var(--accent);outline:none;outline-offset:0}.logo a:hover::after,.logo a:focus::after{transform:scaleX(1);transform-origin:left}.logo-jp{font-family:var(--ff-mincho);color:var(--text);font-weight:400}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:44px;height:44px;position:relative;z-index:var(--z-nav-toggle);border-radius:var(--radius);border:1px solid var(--border);background:rgba(255,255,255,0.04);color:var(--text);cursor:pointer;transition:all var(--transition-fast)}.menu-toggle span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transform-origin:center;transition:transform var(--transition-fast),opacity var(--transition-fast)}.menu-toggle span+span{margin-top:0}.menu-toggle.active{background:rgba(255,255,255,0.08)}.menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-menu{display:flex;align-items:center;gap:var(--space-8);list-style:none;margin:0}.nav-menu a{font-weight:500;color:var(--text);transition:color var(--transition-fast);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-family:var(--ff-mincho);letter-spacing:0.05em}.nav-menu a:hover,.nav-menu a:focus{color:var(--primary);background-color:var(--neutral-800)}.effect-toggle-item{display:none;align-items:center;justify-content:center;padding:var(--space-2) 0}.effect-toggle-container{display:flex;align-items:center;gap:var(--space-3);background:rgba(255,255,255,0.05);padding:8px 16px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.1)}.effect-toggle-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.effect-toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.effect-toggle-switch input{opacity:0;width:0;height:0}.effect-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--neutral-600);transition:.4s;border-radius:34px}.effect-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:.4s;border-radius:50%}input:checked+.effect-toggle-slider{background-color:var(--primary)}input:focus+.effect-toggle-slider{box-shadow:0 0 1px var(--primary)}input:checked+.effect-toggle-slider:before{transform:translateX(20px)}@media (max-width:767px){.effect-toggle-item{display:flex;width:100%;margin-top:var(--space-4)}.effect-toggle-container{width:100%;justify-content:space-between;padding:12px 20px;background:rgba(255,255,255,0.03)}.effect-toggle-text{font-size:var(--text-base)}}.social-links{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:60px;height:48px;border-radius:12px;font-size:20px;color:var(--accent);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);background:linear-gradient(135deg,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.08) 100%);border:1px solid rgba(255,255,255,0.3);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 4px 14px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.1),0 0 20px rgba(255,255,255,0.05);backdrop-filter:blur(6px);position:relative}.social-links a::after{content:attr(aria-label);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.9);color:white;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;pointer-events:none;z-index:1000;margin-bottom:8px}.social-links a::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0,0,0,0.9);opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;pointer-events:none;z-index:1000;margin-bottom:4px}.social-links a:hover::after,.social-links a:hover::before{opacity:1;visibility:visible}.social-links a:hover{opacity:1;transform:translateY(-2px);background:linear-gradient(135deg,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.15) 100%);border:1px solid rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 8px 22px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.2),0 0 30px rgba(255,255,255,0.15)}.social-links a:focus-visible{outline:3px solid color-mix(in oklab,var(--primary) 70%,white 30%);outline-offset:2px;box-shadow:0 0 0 6px rgba(99,102,241,0.2),0 10px 24px rgba(0,0,0,0.5)}.social-links a:active{transform:translateY(0);background:rgba(255,255,255,0.06);box-shadow:inset 0 2px 4px rgba(0,0,0,0.35),0 2px 8px rgba(0,0,0,0.3)}.social-links a svg,.social-links a img,.footer-section .social-links a svg,.footer-section .social-links a img{display:block;width:28px;height:28px;filter:drop-shadow(0 1px 0 rgba(0,0,0,0.4)) drop-shadow(0 4px 8px rgba(0,0,0,0.25))}.social-link.disabled{pointer-events:none;filter:grayscale(100%);opacity:0.5}@media (prefers-reduced-motion:reduce){.social-links a{transition:none}}.social-link.instagram{color:#E4405F}.social-link.spotify{color:#1DB954}.social-link.tiktok{color:#000000}[data-theme="dark"] .social-link.tiktok{color:#ffffff}@media (max-width:767px){.nav-container{flex-wrap:nowrap;gap:var(--space-3);align-items:center}.menu-toggle{display:inline-flex;margin-left:auto}.nav-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--neutral-900);border-top:1px solid var(--border);flex-direction:column;gap:0;padding:calc(var(--space-12) + 40px) var(--space-4) var(--space-8);transform:translateY(-100%);opacity:0;visibility:hidden;display:none;transition:all var(--transition-normal);z-index:var(--z-modal)}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible;display:flex}.nav-menu li{width:100%;margin-bottom:var(--space-3)}.nav-menu a{display:block;padding:var(--space-4);text-align:center;font-size:var(--text-lg)}.nav-menu .season-select{width:100%;display:flex;justify-content:center;margin-top:auto;padding-top:var(--space-6)}.season-dropdown-trigger{display:none}}@media (min-width:768px){.nav-menu .season-select{margin-left:var(--space-4);position:relative}.season-dropdown-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);color:var(--text);font-family:var(--ff-mincho);cursor:pointer;transition:all var(--transition-fast)}.season-dropdown-trigger:hover{background:rgba(255,255,255,0.1);border-color:var(--primary)}.season-dropdown-trigger .dropdown-arrow{font-size:0.8em;opacity:0.7;transition:transform var(--transition-fast)}.season-dropdown-trigger[aria-expanded="true"] .dropdown-arrow{transform:rotate(180deg)}.nav-menu .season-selector-buttons{display:flex;flex-direction:column;position:absolute;top:100%;right:0;width:200px;background:rgba(17,24,39,0.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);padding:var(--space-2);margin-top:var(--space-2);box-shadow:0 10px 25px rgba(0,0,0,0.5);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal);z-index:var(--z-dropdown)}.nav-menu .season-select.active .season-selector-buttons{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu .season-option{width:100%;justify-content:flex-start;border:none;background:transparent;border-radius:var(--radius-sm)}.nav-menu .season-option:hover{background:rgba(255,255,255,0.1);transform:none}.nav-menu .season-option.active{background:var(--primary);color:white}}.season-selector-buttons{display:flex;gap:var(--space-2)}.season-option{background:var(--background);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:var(--text-base);min-width:44px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s ease}.season-option:hover{background:var(--primary-hover,rgba(99,102,241,0.15));border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.season-option.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px rgba(99,102,241,0.3)}.season-option[data-season="all"].active{background:var(--neutral-800);color:var(--primary);border-color:var(--neutral-600);border-width:1px;box-shadow:none;font-weight:500;text-shadow:none}.season-option[data-season="all"]:hover{background:var(--neutral-800);color:var(--primary);border-color:var(--neutral-600)}.season-option[data-season="none"].active{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#1e293b;border-color:#64748b;border-width:2px;box-shadow:0 0 12px rgba(203,213,225,0.6),0 4px 12px rgba(0,0,0,0.2);font-weight:600}.season-option[data-season="none"]:hover{background:rgba(148,163,184,0.15);border-color:#94a3b8}.season-option[data-season="spring"].active{background:#f472b6;color:#fff;border-color:#f472b6;box-shadow:0 2px 8px rgba(244,114,182,0.3)}.season-option[data-season="spring"]:hover{background:rgba(244,114,182,0.15);border-color:#f472b6}.season-option[data-season="summer"].active{background:#22d3ee;color:#fff;border-color:#22d3ee;box-shadow:0 2px 8px rgba(34,211,238,0.3)}.season-option[data-season="summer"]:hover{background:rgba(34,211,238,0.15);border-color:#22d3ee}.season-option[data-season="autumn"].active{background:#fb923c;color:#fff;border-color:#fb923c;box-shadow:0 2px 8px rgba(251,146,60,0.3)}.season-option[data-season="autumn"]:hover{background:rgba(251,146,60,0.15);border-color:#fb923c}.season-option[data-season="winter"].active{background:#a5b4fc;color:#fff;border-color:#a5b4fc;box-shadow:0 2px 8px rgba(165,180,252,0.3)}.season-option[data-season="winter"]:hover{background:rgba(165,180,252,0.15);border-color:#a5b4fc}@media (max-width:1024px){.season-selector-buttons{flex-wrap:wrap;justify-content:center}.season-option{flex:1 1 120px;text-align:center}}.hero{margin-top:0;height:85vh;min-height:480px;background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('../images/portraits/秀歌-メインビジュアル.webp');background-size:cover;background-position:center top;background-attachment:fixed}@media (max-width:600px){.hero{background-position:center top;height:90vh}}@media (prefers-reduced-motion:reduce){.hero{background-attachment:scroll}}@media (max-width:767px){.hero{background-attachment:scroll;height:100dvh;background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('../images/portraits/秀歌-メインビジュアル-スマホ版.webp');justify-content:flex-end !important}.hero-content{padding-top:0 !important;padding-bottom:var(--space-8) !important}.hero-actions{display:none !important}}.hero-content{padding-top:calc(var(--header-height) + env(safe-area-inset-top));max-width:800px;padding:var(--space-4);z-index:2;position:relative}.hero-title{font-size:var(--text-5xl);font-weight:800;margin-bottom:var(--space-6);text-shadow:2px 2px 4px rgba(0,0,0,0.7);white-space:normal}.artist-name{display:inline-block;margin-top:var(--space-4);font-size:clamp(3rem,8vw,6rem);font-weight:900;display:block;line-height:1.1;color:#f0f0f0;text-shadow:1px 1px 0px rgba(0,0,0,0.5),-1px -1px 0px rgba(0,0,0,0.5),1px -1px 0px rgba(0,0,0,0.5),-1px 1px 0px rgba(0,0,0,0.5),2px 2px 4px rgba(0,0,0,0.3)}.artist-name .jp{font-size:0.7em;font-weight:700}.tagline{display:block;font-size:var(--text-2xl);font-weight:400;color:rgba(255,255,255,0.7);margin-top:var(--space-3);line-height:1.3;white-space:nowrap}@media (max-width:767px){.tagline{font-size:clamp(0.9rem,4vw,1.25rem)}}.hero-subtitle{font-size:var(--text-base);color:rgba(255,255,255,0.6);font-weight:300;margin-bottom:var(--space-10);text-shadow:1px 1px 2px rgba(0,0,0,0.5)}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.cta-button.primary{background:linear-gradient(120deg,var(--accent) 0%,var(--primary) 100%);background-size:200% 100%;color:white;box-shadow:0 4px 15px var(--shadow-lg);transition:background-position .4s ease}.cta-button.primary:hover{background-position:100% 0}.cta-button.primary:hover,.cta-button.primary:focus{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-lg)}.cta-button.secondary{background:transparent;color:white;border:2px solid white}.cta-button.secondary:hover,.cta-button.secondary:focus{background:white;color:var(--primary);transform:translateY(-2px)}.about{padding:var(--space-24) 0;background:linear-gradient(180deg,rgba(17,24,39,0.9),rgba(17,24,39,0.8));backdrop-filter:blur(1px)}.about-content{display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:center}@media (min-width:768px){.about-content{grid-template-columns:2fr 1fr}}.about-intro{font-size:var(--text-lg);margin-bottom:var(--space-8);color:var(--text)}@media (max-width:767px){.about-intro{text-align:center}}.features{display:grid;gap:var(--space-8)}.feature{padding:var(--space-6);background:var(--background);border-radius:var(--radius-lg);box-shadow:0 2px 10px var(--shadow);transition:box-shadow var(--transition-normal)}.feature:hover{box-shadow:0 6px 16px var(--shadow-lg)}.feature-title{margin-bottom:var(--space-3);color:var(--text);font-size:var(--text-xl)}.feature p{margin:0}.about-image{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:0 10px 30px var(--shadow-lg)}@media (max-width:767px){.about-visual{display:none}}.gallery{padding:var(--space-24) 0;backdrop-filter:blur(0.5px)}.season-nav{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-16);flex-wrap:wrap;padding:var(--space-4)}.season-btn{position:relative;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;padding:var(--space-4);width:240px;height:140px;color:white;background-size:cover;background-position:center top;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:brightness(1.2) contrast(1.1);border:3px solid rgba(255,255,255,0.8);border-radius:8px;cursor:pointer;font-family:var(--ff-mincho);box-shadow:0 8px 24px rgba(0,0,0,0.25),0 4px 8px rgba(0,0,0,0.15);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden}.season-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.1) 60%,transparent 100%);transition:opacity 0.3s ease;pointer-events:none}.season-btn:hover,.season-btn:focus-visible{transform:translateY(-8px) scale(1.05);box-shadow:0 16px 40px rgba(0,0,0,0.3),0 8px 16px rgba(0,0,0,0.2)}.season-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.15) 50%,transparent 70%);opacity:0;transition:opacity 0.3s ease;pointer-events:none}.season-btn:hover::after,.season-btn:focus-visible::after{opacity:1}.season-btn.active{transform:translateY(-4px) scale(1.02);border-color:#ffd700;border-width:4px;box-shadow:0 0 20px rgba(255,215,0,0.4),0 12px 32px rgba(0,0,0,0.3),0 6px 12px rgba(0,0,0,0.2)}.season-btn[data-season="all"].active{border-color:#d1d5db;border-width:4px;box-shadow:0 0 30px rgba(229,231,235,0.8),0 0 20px rgba(209,213,217,0.6),0 12px 32px rgba(0,0,0,0.3),0 6px 12px rgba(0,0,0,0.2)}.season-btn[data-season="all"]:hover::before{background:linear-gradient(135deg,rgba(229,231,235,0.35),rgba(209,213,217,0.25))}.season-btn[data-season="none"].active{border-color:#94a3b8;border-width:4px;box-shadow:0 0 30px rgba(203,213,225,0.8),0 0 20px rgba(148,163,184,0.6),0 12px 32px rgba(0,0,0,0.3),0 6px 12px rgba(0,0,0,0.2)}.season-btn[data-season="none"]:hover::before{background:linear-gradient(135deg,rgba(203,213,225,0.35),rgba(148,163,184,0.25))}.season-btn[data-season="spring"].active{border-color:#f472b6;box-shadow:0 0 20px rgba(244,114,182,0.5),0 12px 32px rgba(0,0,0,0.3),0 6px 12px rgba(0,0,0,0.2)}.season-btn[data-season="spring"]:hover::before{background:linear-gradient(135deg,rgba(244,114,182,0.25),rgba(236,72,153,0.15))}.season-btn[data-season="summer"].active{border-color:#22d3ee;box-shadow:0 0 20px rgba(34,211,238,0.5),0 12px 32px rgba(0,0,0,0.3),0 6px 12px rgba(0,0,0,0.2)}.season-btn[data-season="summer"]:hover::before{background:linear-gradient(135deg,rgba(34,211,238,0.25),rgba(6,182,212,0.15))}.season-btn[data-season="autumn"].active{border-color:#fb923c;box-shadow:0 0 20px rgba(251,146,60,0.5),0 12px 32px rgba(0,0,0,0.3),0 6px 12px rgba(0,0,0,0.2)}.season-btn[data-season="autumn"]:hover::before{background:linear-gradient(135deg,rgba(251,146,60,0.25),rgba(249,115,22,0.15))}.season-btn[data-season="winter"].active{border-color:#a5b4fc;box-shadow:0 0 20px rgba(165,180,252,0.5),0 12px 32px rgba(0,0,0,0.3),0 6px 12px rgba(0,0,0,0.2)}.season-btn[data-season="winter"]:hover::before{background:linear-gradient(135deg,rgba(165,180,252,0.25),rgba(129,140,248,0.15))}.season-btn[data-season="spring"]{background-image:url('../images/buttons/秀歌-春-btn.webp')}.season-btn[data-season="summer"]{background-image:url('../images/buttons/秀歌-夏-btn.webp')}.season-btn[data-season="autumn"]{background-image:url('../images/buttons/秀歌-秋-btn.webp')}.season-btn[data-season="winter"]{background-image:url('../images/buttons/秀歌-冬-btn.webp')}.season-btn[data-season="all"],.season-btn[data-season="none"]{background-image:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02))}.season-btn::before{opacity:0.35}SURF_END SeasonTextColor */ .season-btn{border-color:rgba(150,150,150,0.6)}.season-btn::before{background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 60%,transparent 100%)}@media (max-width:1024px){.season-nav{display:flex;flex-direction:row;gap:var(--space-3);padding:var(--space-2);justify-content:center;flex-wrap:nowrap}.season-btn{width:200px;height:120px;padding:var(--space-3);flex-shrink:0}}@media (max-width:768px){.season-btn{width:170px;height:110px;padding:var(--space-3);transition:transform 0.15s ease,box-shadow 0.15s ease}.season-btn:active{transform:scale(0.98);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.season-name{font-size:var(--text-base);letter-spacing:0.1em;padding:3px 8px;font-weight:800}.season-nav{gap:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--space-3)}}@media (max-width:480px){.season-nav{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:var(--space-3);padding:var(--space-3)}.season-btn[data-season="all"]{grid-row:1;grid-column:1}.season-btn[data-season="none"]{grid-row:1;grid-column:2}.season-btn[data-season="spring"]{grid-row:2;grid-column:1}.season-btn[data-season="summer"]{grid-row:2;grid-column:2}.season-btn[data-season="autumn"]{grid-row:3;grid-column:1}.season-btn[data-season="winter"]{grid-row:3;grid-column:2}.season-btn{width:100%;height:100px;min-height:80px;padding:var(--space-2);transition:transform 0.15s ease,box-shadow 0.15s ease}.season-btn:active{transform:scale(0.98);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.season-name{font-size:var(--text-sm);padding:2px 6px;font-weight:800}}@media (max-width:360px){.hero-title{font-size:clamp(1rem,6vw,1.5rem);line-height:1.4;margin-bottom:var(--space-2);white-space:normal}.hero-title br{display:none}.hero-subtitle{font-size:clamp(0.75rem,3vw,1rem);margin-bottom:var(--space-3)}.hero-content{padding:var(--space-1)}.season-btn{width:100%;height:90px;min-height:75px;padding:var(--space-1)}.season-name{font-size:0.75rem;padding:2px 4px}.season-nav{gap:var(--space-2);padding:var(--space-2)}}.season-icon{display:none}.season-name{position:relative;z-index:10;font-size:var(--text-xl);font-weight:400;letter-spacing:0.15em;text-shadow:1px 1px 2px rgba(0,0,0,0.2),0 0 4px rgba(0,0,0,0.1);-webkit-text-stroke:0.5px rgba(0,0,0,0.15);color:rgba(255,255,255,0.7);line-height:1.3;background:rgba(0,0,0,0.4);padding:var(--space-1) var(--space-2);border-radius:var(--radius);backdrop-filter:blur(4px)}.season-content{position:relative;min-height:600px}.season-panel{display:none;padding:var(--space-4) 0}.season-panel.active{display:block}.mv-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr);justify-items:stretch;align-items:stretch}.mv-card{display:flex;flex-direction:column;width:100%;max-width:none;background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 10px 30px var(--shadow-lg);backdrop-filter:blur(8px);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.mv-card:hover,.mv-card:focus-within{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.3)}.mv-thumb{position:relative;aspect-ratio:16 / 9;background:#0f0f0f;cursor:pointer;overflow:hidden}.mv-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.mv-thumb button{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;border:none;background:rgba(255,255,255,0.9);color:#000;display:grid;place-items:center;font-size:1.5rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.mv-thumb button:hover,.mv-thumb button:focus-visible{transform:scale(1.05);box-shadow:0 12px 30px rgba(0,0,0,0.35)}.mv-meta{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;height:100%}.mv-title{font-size:var(--text-lg);line-height:1.5}.mv-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 10px;border-radius:999px;background:rgba(255,255,255,0.08);font-size:var(--text-sm);letter-spacing:0.08em}.mv-chip .dot{width:8px;height:8px;border-radius:50%}.mv-date{color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:0.02em}.mv-duration{position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:6px;background:rgba(0,0,0,0.7);color:#fff;font-size:var(--text-xs)}.mv-iframe{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;border-radius:0}.album-wrapper{position:relative;width:100%;margin:0 auto;padding-right:20px}.album-disc{position:absolute;top:10px;bottom:10px;right:10px;aspect-ratio:1 / 1;border-radius:50%;background:#111;background-image:repeating-radial-gradient(#111 0,#111 2px,#222 3px,#222 4px);box-shadow:4px 0 10px rgba(0,0,0,0.5);z-index:0;transition:right 0.4s cubic-bezier(0.34,1.56,0.64,1);animation:spin-record 10s linear infinite;display:flex;align-items:center;justify-content:center}.album-disc::after{content:'';width:35%;height:35%;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;border:2px solid rgba(255,255,255,0.2)}.album-wrapper:hover .album-disc{right:-20px}@keyframes spin-record{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.album-embed{position:relative;z-index:1;width:100%;aspect-ratio:16/9;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,0.08);background:rgba(0,0,0,0.4);transition:transform var(--transition-normal)}.album-wrapper:hover .album-embed{transform:translateX(-5px)}.album-list{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:1200px;margin:0 auto}@media (min-width:1024px){.album-list{grid-template-columns:repeat(2,1fr)}}.album-card{display:flex;flex-direction:column;width:100%;background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.album-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.3)}@media (min-width:768px){.album-card{flex-direction:row;height:300px}}.album-video-area{width:100%;aspect-ratio:16/9;background:#000;flex-shrink:0}@media (min-width:768px){.album-video-area{width:55%;height:100%;aspect-ratio:auto}}.album-video-area iframe{width:100%;height:100%;border:0}.album-tracklist-area{flex:1;width:100%;padding:var(--space-3);background:rgba(0,0,0,0.6);display:flex;flex-direction:column;overflow-y:auto;border-top:1px solid rgba(255,255,255,0.1)}@media (min-width:768px){.album-tracklist-area{width:45%;height:100%;border-top:none;border-left:1px solid rgba(255,255,255,0.1)}}.album-tracklist-area::-webkit-scrollbar{width:6px}.album-tracklist-area::-webkit-scrollbar-track{background:rgba(255,255,255,0.05)}.album-tracklist-area::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}.album-title-small{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-2);color:var(--text);font-family:var(--ff-mincho);border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:var(--space-1);cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(4px)}.load-more-container{display:flex;justify-content:center;margin-top:var(--space-12);width:100%}.load-more-btn{position:relative;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.3);color:#fff;padding:1em 4em;border-radius:var(--radius-full);font-size:var(--text-base);letter-spacing:0.2em;cursor:pointer;transition:all 0.4s cubic-bezier(0.2,0.8,0.2,1);backdrop-filter:blur(12px);overflow:hidden;display:flex;align-items:center;gap:16px;font-family:var(--ff-mincho);text-transform:uppercase;box-shadow:0 4px 20px rgba(0,0,0,0.4)}.load-more-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transform:translateX(-100%);transition:transform 0.6s ease}.load-more-btn:hover{background:rgba(255,255,255,0.15);border-color:#fff;transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.5)}.load-more-btn:hover::before{transform:translateX(100%)}.load-more-btn span{position:relative;z-index:1;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,0.5)}.load-more-btn .icon{width:14px;height:14px;fill:#fff;transition:transform 0.3s ease;filter:drop-shadow(0 2px 2px rgba(0,0,0,0.5))}.load-more-btn:hover .icon{transform:translateY(3px)}.load-more-btn.loading{pointer-events:none;opacity:0.8}.load-more-btn.loading .icon{display:none}.load-more-spinner{display:none;width:14px;height:14px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite}.load-more-btn.loading .load-more-spinner{display:block}@keyframes fadeUpItem{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mv-card.new-item{animation:fadeUpItem 0.8s cubic-bezier(0.2,0.8,0.2,1) forwards}.album-tracks{list-style:none;padding:0;margin:0}.album-track{display:flex;align-items:center;padding:var(--space-2) var(--space-3);margin-bottom:4px;border-radius:var(--radius);cursor:pointer;transition:background 0.2s;font-size:var(--text-sm);color:var(--text-secondary)}.album-track:hover{background:rgba(255,255,255,0.1);color:var(--text)}.album-track.active{background:rgba(255,255,255,0.15);color:#a78bfa;font-weight:600}.album-track.active::before{content:'▶';margin-right:8px;font-size:0.8em}.track-number{margin-right:8px;opacity:0.7;font-variant-numeric:tabular-nums}.track-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-name{text-align:center;margin-top:var(--space-4);font-size:var(--text-lg);font-weight:700;color:var(--text);font-family:var(--ff-mincho);text-shadow:0 2px 4px rgba(0,0,0,0.5)}@media (max-width:640px){.mv-grid{grid-template-columns:1fr;gap:var(--space-4)}.mv-card{display:flex;flex-direction:column;gap:0;min-height:auto;border-radius:var(--radius-xl)}.mv-thumb{height:auto;min-height:200px;aspect-ratio:16 / 9}.mv-thumb button{width:64px;height:64px;font-size:1.4rem}.mv-meta{padding:var(--space-4) var(--space-5);gap:var(--space-2)}.mv-title{font-size:var(--text-base)}.mv-chip{padding:5px 10px}}@media (min-width:768px){.mv-grid{grid-template-columns:repeat(2,1fr)}.mv-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:var(--space-4);min-height:200px}.mv-thumb{min-height:200px;aspect-ratio:16 / 9}.mv-meta{padding:var(--space-6)}}.social-links{display:flex;flex-direction:column;gap:var(--space-4)}.social-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--background);border-radius:var(--radius-lg);color:var(--text);text-decoration:none;transition:all var(--transition-normal);box-shadow:0 2px 10px var(--shadow)}.social-link:hover,.social-link:focus{transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow);color:var(--primary)}.social-icon{font-size:var(--text-xl)}.footer{background-image:url('../images/backgrounds/背景_黒和紙.webp');background-size:cover;background-repeat:repeat;color:var(--neutral-300);padding:var(--space-20) 0 var(--space-10);position:relative;box-shadow:0 -4px 6px rgba(0,0,0,0.4)}.footer-content{display:grid;grid-template-columns:1fr;gap:var(--space-12);margin-bottom:var(--space-12)}@media (min-width:768px){.footer-content{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.footer-content{grid-template-columns:2fr 1fr 1fr}}.footer-brand{max-width:400px}.footer-logo{color:var(--primary);margin-bottom:var(--space-4);font-size:var(--text-xl);font-weight:700;font-family:var(--ff-mincho);letter-spacing:0.05em}.footer-description{color:var(--neutral-400);margin:0;line-height:1.6}.footer-section-title{color:white;margin-bottom:var(--space-4);font-size:var(--text-lg);font-weight:600;font-family:var(--ff-mincho);letter-spacing:0.05em}.footer-nav-list{list-style:none;margin:0;padding:0}.footer-nav-list li{margin-bottom:var(--space-2)}.footer-social{display:flex;gap:var(--space-4);align-items:center;justify-content:flex-start}.footer-social .social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;color:var(--neutral-200);text-decoration:none;transition:all 0.2s ease;border:none}.footer-social .social-link:hover,.footer-social .social-link:focus{transform:translateY(-1px);background:rgba(255,255,255,0.06);opacity:0.8}.footer-social .social-icon{width:28px;height:28px;transition:all var(--transition-normal)}.footer-bottom{border-top:1px solid var(--neutral-700);padding-top:var(--space-8)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.copyright{color:var(--neutral-500);margin:0;font-size:var(--text-sm)}.footer-links{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width:768px){.footer-links{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1024px){.footer-links{grid-template-columns:1fr 1fr 1fr}}.footer-credit{font-size:var(--text-sm);color:var(--neutral-600)}.rain-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-sticky)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}.animate-slide-in-left{animation:slideInLeft 0.6s ease-out forwards}.animate-slide-in-right{animation:slideInRight 0.6s ease-out forwards}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}@media print{.header,.hero-actions,.season-nav,audio,.social-links{display:none}.hero{background:none;color:var(--text);height:auto;padding:var(--space-8) 0}.season-panel{display:block !important;page-break-inside:avoid}}.ink-drop{position:absolute;pointer-events:none;background:radial-gradient(circle,rgba(47,79,79,0.4) 0%,rgba(105,105,105,0.25) 40%,rgba(128,128,128,0.1) 70%,transparent 100%);border-radius:50%;transform:scale(0);animation:inkSpread ease-out forwards;filter:blur(0.8px)}.floating-leaf{position:absolute;pointer-events:none;background:linear-gradient(var(--leaf-angle,45deg),rgba(34,139,34,0.3) 0%,rgba(107,142,35,0.25) 30%,rgba(85,107,47,0.15) 60%,transparent 100%);border-radius:50% 0 50% 0;transform:scale(0) rotate(0deg);animation:leafFloat ease-out forwards;filter:blur(0.3px)}.subtle-glow{position:absolute;pointer-events:none;background:radial-gradient(circle,rgba(240,248,255,0.12) 0%,rgba(230,230,250,0.08) 30%,rgba(211,211,211,0.04) 60%,transparent 100%);border-radius:50%;transform:scale(0);animation:subtleGlowExpand 2s ease-out forwards;mix-blend-mode:overlay;filter:blur(3px)}.tranquil-dot{position:absolute;pointer-events:none;width:2px;height:2px;background:rgba(105,105,105,0.6);border-radius:50%;transform:scale(0);animation:tranquilDotExpand ease-out forwards;filter:blur(0.2px)}@keyframes inkSpread{0%{transform:scale(0);opacity:0.6}40%{transform:scale(1.2) translate(calc(var(--dx) * 0.3),calc(var(--dy) * 0.3));opacity:0.4}80%{transform:scale(0.8) translate(calc(var(--dx) * 0.8),calc(var(--dy) * 0.8));opacity:0.1}100%{transform:scale(0.3) translate(var(--dx),var(--dy));opacity:0}}@keyframes leafFloat{0%{transform:scale(0) rotate(0deg);opacity:0.5}25%{transform:scale(1) rotate(45deg) translate(calc(var(--dx) * 0.2),calc(var(--dy) * 0.2));opacity:0.4}60%{transform:scale(0.8) rotate(90deg) translate(calc(var(--dx) * 0.6),calc(var(--dy) * 0.6));opacity:0.2}100%{transform:scale(0.4) rotate(180deg) translate(var(--dx),var(--dy));opacity:0}}@keyframes subtleGlowExpand{0%{transform:scale(0);opacity:0.15}40%{transform:scale(1.8);opacity:0.08}80%{transform:scale(2.5);opacity:0.03}100%{transform:scale(3);opacity:0}}@keyframes tranquilDotExpand{0%{transform:scale(0) translate(0,0);opacity:0.8}30%{transform:scale(2) translate(calc(var(--dx) * 0.3),calc(var(--dy) * 0.3));opacity:0.4}100%{transform:scale(0.8) translate(var(--dx),var(--dy));opacity:0}}.gold-sparkle{position:absolute;pointer-events:none;background:radial-gradient(circle,rgba(255,215,0,1) 0%,rgba(255,235,59,0.95) 15%,rgba(255,193,7,0.8) 35%,rgba(255,175,0,0.4) 60%,transparent 85%);border-radius:50%;transform:scale(0) rotate(0deg);animation:goldSparkleIntense 0.6s cubic-bezier(0.68,-0.55,0.265,1.55) forwards;box-shadow:0 0 30px rgba(255,215,0,0.9),0 0 60px rgba(255,215,0,0.6),0 0 100px rgba(255,235,59,0.3),inset 0 0 15px rgba(255,235,59,0.7)}.gold-particle{position:absolute;pointer-events:none;background:linear-gradient(var(--particle-angle,45deg),rgba(255,215,0,1) 0%,rgba(255,235,59,0.95) 25%,rgba(255,193,7,0.8) 50%,rgba(255,175,0,0.4) 75%,transparent 100%);border-radius:2px;transform:scale(0) rotate(0deg);animation:goldParticleFloatIntense ease-out forwards;box-shadow:0 0 12px rgba(255,215,0,0.8),0 0 24px rgba(255,235,59,0.4)}.gold-flake{position:absolute;pointer-events:none;background:linear-gradient(var(--flake-angle,60deg),rgba(255,215,0,0.95) 0%,rgba(255,235,59,0.9) 30%,rgba(255,193,7,0.7) 60%,transparent 100%);border-radius:50% 10% 50% 10%;transform:scale(0) rotate(0deg);animation:goldFlakeScatter ease-out forwards;box-shadow:0 0 8px rgba(255,215,0,0.6),inset 0 0 4px rgba(255,235,59,0.5)}.gold-shimmer{position:absolute;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,215,0,0.8) 45deg,rgba(255,235,59,1) 90deg,rgba(255,193,7,0.8) 135deg,transparent 180deg,rgba(255,215,0,0.6) 225deg,rgba(255,235,59,0.9) 270deg,rgba(255,193,7,0.6) 315deg,transparent 360deg);border-radius:50%;transform:scale(0) rotate(0deg);animation:goldShimmerIntense 1s ease-out forwards;mix-blend-mode:screen;box-shadow:0 0 40px rgba(255,215,0,0.5),0 0 80px rgba(255,235,59,0.3)}.gold-burst{position:absolute;pointer-events:none;width:4px;height:4px;background:rgba(255,215,0,1);border-radius:50%;transform:scale(0);animation:goldBurstExplosion ease-out forwards;box-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,235,59,0.6)}@keyframes goldSparkleIntense{0%{transform:scale(0) rotate(0deg);opacity:1}15%{transform:scale(1.2) rotate(60deg);opacity:1}50%{transform:scale(1.8) rotate(180deg);opacity:0.8}100%{transform:scale(3) rotate(720deg);opacity:0}}@keyframes goldParticleFloatIntense{0%{transform:scale(0) rotate(0deg);opacity:1}20%{transform:scale(1.2) rotate(90deg) translate(calc(var(--dx) * 0.2),calc(var(--dy) * 0.2));opacity:0.9}60%{opacity:0.7;transform:scale(1) rotate(270deg) translate(var(--dx),var(--dy))}100%{transform:scale(0.1) rotate(540deg) translate(calc(var(--dx) * 1.8),calc(var(--dy) * 1.8));opacity:0}}@keyframes goldFlakeScatter{0%{transform:scale(0) rotate(0deg);opacity:1}30%{transform:scale(1.5) rotate(180deg) translate(calc(var(--dx) * 0.3),calc(var(--dy) * 0.3));opacity:0.8}70%{transform:scale(1) rotate(360deg) translate(calc(var(--dx) * 0.8),calc(var(--dy) * 0.8));opacity:0.4}100%{transform:scale(0.3) rotate(720deg) translate(calc(var(--dx) * 1.5),calc(var(--dy) * 1.5));opacity:0}}@keyframes goldShimmerIntense{0%{transform:scale(0) rotate(0deg);opacity:0.8}30%{transform:scale(2) rotate(180deg);opacity:0.9}70%{transform:scale(3.5) rotate(360deg);opacity:0.4}100%{transform:scale(5) rotate(540deg);opacity:0}}@keyframes goldBurstExplosion{0%{transform:scale(0) translate(0,0);opacity:1}10%{transform:scale(3) translate(0,0);opacity:1}100%{transform:scale(1) translate(var(--dx),var(--dy));opacity:0}}.refined-particle{position:absolute;pointer-events:none;opacity:0.7;transform:translate(0,0) scale(0.6);animation:refinedParticleFloat ease-out forwards;will-change:transform,opacity;filter:blur(0.5px)}.gentle-glow{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,rgba(240,248,255,0.08) 30%,rgba(230,230,250,0.05) 60%,transparent 100%);animation:gentleGlow 1.2s ease-out forwards;pointer-events:none;filter:blur(2px)}@keyframes refinedParticleFloat{0%{transform:translate(0,0) scale(0.6);opacity:0.7}30%{opacity:0.5;transform:translate(calc(var(--dx) * 0.3),calc(var(--dy) * 0.3)) scale(0.8)}100%{transform:translate(var(--dx),var(--dy)) scale(0.2);opacity:0}}@keyframes gentleGlow{0%{transform:scale(0.8);opacity:0.2}50%{transform:scale(1.2);opacity:0.1}100%{transform:scale(1.8);opacity:0}}.play-note{position:absolute;pointer-events:none;font-size:2.5rem;line-height:1;transform:scale(0);opacity:0.9;color:currentColor;text-shadow:0 0 4px currentColor}.sakura-petal{position:absolute;pointer-events:none;background:radial-gradient(circle at 60% 40%,rgba(255,182,193,0.9) 0%,rgba(255,105,180,0.6) 40%,rgba(255,192,203,0.3) 70%,transparent 100%);border-radius:70% 90% 70% 90%;transform:scale(0) rotate(0deg);animation:sakuraBurst ease-out forwards;filter:drop-shadow(0 0 3px rgba(255,192,203,0.5))}@keyframes sakuraBurst{0%{transform:translate(0,0) scale(0) rotate(0deg);opacity:0.9}80%{opacity:0.6}100%{transform:translate(var(--dx),var(--dy)) scale(0.4) rotate(360deg);opacity:0}}.click-flash{position:absolute;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,0.8) 0%,rgba(255,215,0,0.4) 40%,rgba(255,215,0,0.1) 70%,transparent 100%);transform:scale(0);mix-blend-mode:screen;animation:clickFlash 0.6s ease-out forwards}@keyframes clickFlash{0%{transform:scale(0);opacity:0.9}100%{transform:scale(2.5);opacity:0}}.kabuki-swirl{position:absolute;pointer-events:none;border:2px solid transparent;border-top-color:rgba(255,215,0,0.9);border-right-color:rgba(255,215,0,0.6);border-radius:50%;mix-blend-mode:screen;width:40px;height:40px;transform:scale(0) rotate(0deg);animation:kabukiSwirlSpin 0.8s ease-out forwards;filter:blur(0.2px)}@keyframes kabukiSwirlSpin{0%{transform:scale(0) rotate(0deg);opacity:1}50%{opacity:0.8}100%{transform:scale(3) rotate(720deg);opacity:0}}@media (prefers-contrast:high){:root{--shadow:rgba(0,0,0,0.5);--shadow-lg:rgba(0,0,0,0.7)}.cta-button,.season-btn{border:2px solid currentColor}}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.cta-button:focus-visible,.season-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 2px var(--background),0 0 0 5px var(--accent)}.nav-menu a:focus-visible{outline:3px solid var(--primary);outline-offset:2px;background-color:var(--primary);color:white}audio:focus-visible{outline:3px solid var(--secondary);outline-offset:2px;border-radius:var(--radius)}.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}[role="tablist"]{display:flex;gap:var(--space-2)}[role="tab"]{position:relative}[role="tab"][aria-selected="true"]::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--primary);border-radius:var(--radius-full)}@media (prefers-contrast:high){:root{--shadow:rgba(0,0,0,0.8);--shadow-lg:rgba(0,0,0,0.9)}.cta-button,.season-btn,.social-link{border:2px solid currentColor;font-weight:700}.hero-title,.hero-subtitle{text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}.nav-menu a{border:1px solid transparent;font-family:var(--ff-mincho);letter-spacing:0.05em}.nav-menu a:hover,.nav-menu a:focus{border-color:currentColor}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}:focus,:focus-visible{transition:outline 0.15s ease-in-out !important}.hero{background-attachment:scroll !important}}@media (max-width:768px){.season-btn,.social-link{min-height:44px;min-width:44px}.cta-button{min-height:48px;padding:var(--space-3) var(--space-6)}}.loading{position:relative;pointer-events:none}.loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading::after{animation:none;border:2px solid var(--primary);border-radius:0;width:16px;height:16px;margin:-8px 0 0 -8px}}body:not(.using-mouse):focus{outline:3px solid var(--primary);outline-offset:2px}body.using-mouse:focus{outline:none}@media print{*{background:transparent !important;color:black !important;box-shadow:none !important}a[href]:after{content:" (" attr(href) ")";font-size:smaller;color:#666}.nav-menu,.season-nav,.hero-actions{display:none}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-weight:bold}.feature,.track,.season-panel{page-break-inside:avoid}}[aria-live]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media (max-width:480px){.container{padding:0 var(--space-3)}.hero-content{padding:var(--space-3)}.hero-title{font-size:clamp(1.25rem,6vw,2.5rem);line-height:1.2;margin-bottom:var(--space-4);white-space:normal}.hero-title br{display:none}.hero-subtitle{font-size:clamp(1rem,4vw,1.25rem);margin-bottom:var(--space-6)}.hero-actions{flex-direction:column;gap:var(--space-3);width:100%}.cta-button{width:100%;justify-content:center;min-height:48px}}@media (max-width:767px){.nav-container{padding:var(--space-3) var(--space-4)}.logo{font-size:clamp(1.25rem,5vw,1.5rem)}.nav-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background);border-top:1px solid var(--border);flex-direction:column;gap:0;padding:var(--space-6) var(--space-4);transform:translateY(-100%);opacity:0;visibility:hidden;display:none;transition:all var(--transition-normal);z-index:var(--z-modal)}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible;display:flex}.nav-menu li{width:100%;margin-bottom:var(--space-2)}.nav-menu a{display:block;padding:var(--space-4);text-align:center;font-family:var(--ff-mincho);letter-spacing:0.05em;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--space-2);background:var(--surface)}}@media (max-width:768px){.about,.gallery{padding:var(--space-16) 0}.about-content{grid-template-columns:1fr;gap:var(--space-8)}.about-visual{order:-1}}@media (max-width:480px){.about,.gallery,.contact{padding:var(--space-12) 0}.section-title{margin-bottom:var(--space-6)}.section-subtitle{margin-bottom:var(--space-8)}}@media (max-width:1024px){.season-nav{gap:var(--space-3);margin-bottom:var(--space-12);flex-wrap:nowrap}.season-btn{min-width:200px;padding:var(--space-3) var(--space-4)}}@media (max-width:768px){.season-nav{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:var(--space-2);width:100%;max-width:400px;margin:0 auto var(--space-12);padding:var(--space-2)}.season-btn{width:100%;min-width:unset;max-width:unset;padding:var(--space-2) var(--space-3)}.season-icon{font-size:var(--text-xl)}}@media (max-width:480px){.season-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);max-width:360px;padding:var(--space-2)}.season-btn{width:100%;min-width:unset;height:90px;padding:var(--space-2)}.season-name{font-size:var(--text-xs)}}@media (max-width:767px){.social-links{justify-content:center;gap:var(--space-3)}}@media (max-width:480px){.social-links{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.social-link{width:44px;height:44px;min-width:44px;flex-shrink:0}}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center;gap:var(--space-8)}.footer-links{grid-template-columns:1fr 1fr;gap:var(--space-6)}.footer-social{justify-content:center}.footer-bottom-content{flex-direction:column;text-align:center;gap:var(--space-2)}}@media (max-width:480px){.footer{padding:var(--space-12) 0 var(--space-6)}.footer-links{grid-template-columns:1fr;gap:var(--space-6)}.footer-bottom{padding-top:var(--space-6)}.footer-bottom p{font-size:var(--text-sm)}}@media (max-width:768px){.features{grid-template-columns:1fr;gap:var(--space-6)}.feature{padding:var(--space-4);text-align:center}}@media (min-width:1200px){.container{max-width:1400px}.hero-content{max-width:900px}.about-content{grid-template-columns:1.5fr 1fr;gap:var(--space-16)}.season-panel{grid-template-columns:1.2fr 1fr;gap:var(--space-16)}}@media (min-width:1600px){.container{max-width:1600px}.hero-title{font-size:clamp(3rem,4vw,5rem)}.hero-subtitle{font-size:clamp(1.25rem,1.5vw,2rem)}}@media (min-width:1920px){.hero{background-size:cover;background-position:center top}.container{max-width:1800px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.hero{height:80vh;min-height:500px}.hero-title{font-size:clamp(2.5rem,6vw,3.5rem)}.about-content,.season-panel{grid-template-columns:1fr;gap:var(--space-10)}.season-nav{justify-content:center;max-width:400px;margin:0 auto var(--space-12)}}@media (max-width:896px) and (orientation:landscape) and (max-height:500px){.hero{height:100vh;background-attachment:scroll}.hero-content{padding:var(--space-2)}.hero-title{font-size:clamp(1.25rem,5vw,2rem);margin-bottom:var(--space-3);line-height:1.3}.hero-subtitle{font-size:clamp(0.875rem,2.5vw,1.125rem);margin-bottom:var(--space-4)}.hero-actions{flex-direction:row;gap:var(--space-2)}.cta-button{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.header{padding:var(--space-2) 0}.nav-container{padding:var(--space-2) var(--space-4)}.logo{font-size:var(--text-lg)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero,.about-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (max-width:280px){.container{padding:0 var(--space-2)}.hero-content{padding:var(--space-2)}.hero-title{font-size:clamp(1.25rem,8vw,1.75rem)}.hero-title br{display:none}.hero-subtitle{font-size:clamp(0.875rem,4vw,1rem)}.nav-container{padding:var(--space-2)}.logo{font-size:var(--text-base)}.season-nav{display:flex;flex-direction:row;justify-content:space-between;gap:var(--space-1);flex-wrap:nowrap;padding:0 var(--space-2)}.season-btn{min-width:60px;width:calc((100% - 3 * var(--space-1)) / 4);height:60px;padding:var(--space-1);flex-shrink:0}.season-icon{font-size:var(--text-base)}.season-name{font-size:0.75rem}}@media print{.hero{height:auto;min-height:auto;background:none;color:black;padding:var(--space-8) 0}.hero-actions,.season-nav,.nav-menu,.social-links{display:none}.season-panel{display:block !important;page-break-inside:avoid;margin-bottom:var(--space-8)}}@media (max-width:768px){.feature{will-change:auto}.hero{transform:translateZ(0)}}@media (hover:none) and (pointer:coarse){.cta-button:hover,.season-btn:hover,.social-link:hover,.feature:hover{transform:none}.cta-button:active{transform:scale(0.98)}.season-btn:active{transform:none}.nav-menu a,.season-btn,.social-link{min-height:48px;min-width:48px}}@media (prefers-reduced-data:reduce){.hero{background-image:none;background-color:var(--primary)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#6366f1;--secondary:#f59e0b;--accent:#ec4899;--neutral:#374151;--background:#111827;--text:#f9fafb;--shadow:rgba(0,0,0,0.3);--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--text-2xl:clamp(1.5rem,1.3rem + 0.8vw,2rem);--text-5xl:clamp(3rem,2.5rem + 2vw,4rem);--text-xl:clamp(1.25rem,1.1rem + 0.6vw,1.5rem);--radius-lg:1rem;--transition-normal:300ms ease-in-out}body{font-family:var(--ff-mincho);line-height:1.6;color:var(--text);background-color:var(--background);overflow-x:hidden;min-height:100dvh;position:relative;z-index:0}.header{position:fixed;top:0;left:0;right:0;min-height:var(--header-height);background-image:url('../images/backgrounds/背景_黒和紙.webp');background-size:cover;background-repeat:repeat;background-color:rgba(8,12,20,0.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.15);box-shadow:0 4px 6px rgba(0,0,0,0.4);z-index:var(--z-fixed);transition:all var(--transition-normal);isolation:isolate}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);padding-top:max(var(--space-3),env(safe-area-inset-top));max-width:1200px;margin:0 auto}.logo{font-size:var(--text-2xl);font-weight:800;color:var(--primary);margin:0}.nav-menu{display:flex;align-items:center;gap:var(--space-8);list-style:none;margin:0;z-index:var(--z-modal)}@media (max-width:767px){.nav-menu{display:none}}.hero{height:100vh;min-height:600px;background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('../images/portraits/秀歌-メインビジュアル.webp');background-size:cover;background-position:center top;background-attachment:fixed;display:flex;align-items:center;justify-content:center;text-align:center;color:white;position:relative}@media (prefers-reduced-motion:reduce){.hero{background-attachment:scroll}}@media (max-width:767px){.hero{background-attachment:scroll;background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('../images/portraits/秀歌-メインビジュアル-スマホ版.webp');height:100dvh;justify-content:flex-end !important}.hero-content{padding-top:0 !important;padding-bottom:var(--space-8) !important}.hero-actions{display:none !important}}.hero-content{max-width:800px;padding:var(--space-4);padding-top:calc(var(--header-height) + env(safe-area-inset-top));z-index:2;position:relative}.hero-title{font-size:var(--text-5xl);font-weight:800;margin-bottom:var(--space-6);text-shadow:2px 2px 4px rgba(0,0,0,0.7)}.hero-subtitle{font-size:var(--text-xl);margin-bottom:var(--space-8);text-shadow:1px 1px 2px rgba(0,0,0,0.7)}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border:none;border-radius:var(--radius-lg);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-normal)}.cta-button.primary{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:white;box-shadow:0 4px 15px rgba(0,0,0,0.15)}.cta-button.secondary{background:transparent;color:white;border:2px solid white}body:not(.loaded) *{transition:none !important}.footer{background-image:url('../images/backgrounds/背景_黒和紙.webp');background-size:cover;background-repeat:repeat;border-top:3px double rgba(0,0,0,0.12);box-shadow:0 -4px 6px rgba(0,0,0,0.4);color:var(--neutral-300);line-height:1.8}.footer-content{display:flex;flex-wrap:wrap;gap:var(--space-12);justify-content:space-between}.footer-brand{flex:1 1 260px}.footer-section{margin-left:auto;text-align:right}.footer-section .social-links{flex-direction:row;justify-content:flex-end}.footer-links{flex:1 1 260px;display:flex;flex-direction:column;align-items:center}.footer-logo{font-family:var(--ff-mincho);font-size:1.5rem;letter-spacing:.04em;margin-bottom:var(--space-4)}.footer-description{color:inherit}.footer-section-title{font-family:var(--ff-mincho);font-size:1.125rem;letter-spacing:.05em;color:currentColor;position:relative;margin-bottom:var(--space-6)}.footer-section-title::after{content:'';position:absolute;bottom:-4px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--accent,#8c3d08),transparent)}.footer-social{display:flex;gap:var(--space-4)}.footer-social .social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:transparent;transition:all 0.2s ease}.footer-social .social-link:hover{transform:translateY(-1px);background:rgba(255,255,255,0.06);opacity:0.8}.footer a{color:currentColor;transition:color 0.2s ease-in-out}.footer a:hover,.footer a:focus{color:#8c3d08}.footer-bottom{margin-top:var(--space-12);border-top:1px solid rgba(0,0,0,0.1);padding-top:var(--space-6);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:var(--text-sm)}@media (max-width:767px){.footer{padding:var(--space-12) 0 var(--space-8);position:relative;isolation:isolate}.footer::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(0,0,0,0.35));opacity:0.9;z-index:0}.footer .container{position:relative;z-index:1;padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);background:rgba(17,24,39,0.82);border:1px solid rgba(255,255,255,0.08);box-shadow:0 16px 40px rgba(0,0,0,0.35);backdrop-filter:blur(8px)}.footer-content{display:grid;grid-template-columns:1fr;gap:var(--space-6);text-align:center;justify-items:center}.footer-brand,.footer-section{margin:0;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-logo{margin-bottom:var(--space-3);font-size:1.6rem}.footer-description{margin:0;color:var(--neutral-200)}.footer-section-title{width:100%;text-align:center;margin-bottom:var(--space-3)}.footer-section .social-links,.footer-social{justify-content:center;align-items:center;gap:var(--space-3);width:100%;margin-top:var(--space-3)}.footer .social-link,.footer-social .social-link{width:52px;height:52px;border-radius:14px;border:1px solid rgba(255,255,255,0.12);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.22),rgba(255,255,255,0.06));box-shadow:0 10px 28px rgba(0,0,0,0.35)}.footer-bottom{margin-top:var(--space-8);border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--space-5)}.footer-bottom-content{justify-content:center;text-align:center;gap:var(--space-2)}.creator-info{justify-content:center !important;text-align:center;flex-direction:row;white-space:nowrap}.copyright{width:100%;color:var(--neutral-200)}}@media (max-width:540px){.footer .container{padding:var(--space-6) var(--space-5);border-radius:calc(var(--radius-lg) - 0.25rem)}.footer-logo{font-size:1.5rem}.footer .social-link,.footer-social .social-link{width:48px;height:48px;border-radius:12px}}.creator-info{display:flex;align-items:center;gap:0.5rem;justify-content:flex-start}.creator-avatar{border-radius:50%}.creator-name{font-weight:500;color:var(--text)}.creator-label{color:var(--text-secondary,var(--text))}.creator-info .social-link{font-size:1.8rem;color:var(--accent);transition:opacity .3s;text-decoration:none;margin-left:0.25rem}.creator-info .social-link:hover{opacity:.6}.creator-info .social-icon-img{transition:all var(--transition-normal)}@media (max-width:1024px){.hero-content{text-align:center;margin:0 auto}.hero-title{margin-bottom:var(--space-4)}.hero-subtitle{margin-bottom:var(--space-8)}}@media (max-width:767px){.hero{height:auto;min-height:85vh;padding:var(--space-16) 0 var(--space-12);background-attachment:scroll;display:flex;align-items:center}.hero-content{padding-top:calc(var(--space-12) + 20px)}.nav-container{padding:max(var(--space-3),env(safe-area-inset-top)) var(--space-4) var(--space-3);gap:var(--space-3)}.menu-toggle{display:inline-flex;position:relative;z-index:var(--z-tooltip);background:rgba(12,18,28,0.9);box-shadow:0 4px 14px rgba(0,0,0,0.35)}.nav-menu{position:fixed;inset:0;background:rgba(10,14,22,0.92);backdrop-filter:blur(14px);padding:calc(env(safe-area-inset-top) + var(--header-height) + var(--space-4)) var(--space-5) var(--space-8);flex-direction:column;gap:0;transform:translateY(-100%);opacity:0;visibility:hidden;display:none;z-index:var(--z-modal);overflow-y:auto}.nav-menu.active{display:flex;opacity:1;visibility:visible;transform:translateY(0)}}@media (max-width:768px){.about,.gallery{padding:var(--space-16) 0}.about-content{gap:var(--space-10)}.features{gap:var(--space-6)}.section-title{margin-bottom:var(--space-6)}.section-subtitle{margin-bottom:var(--space-8)}}@media (max-width:1024px){.season-nav{justify-content:flex-start;overflow-x:auto;gap:var(--space-3);padding-inline:var(--space-2);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.season-nav::-webkit-scrollbar{height:8px}.season-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.25);border-radius:var(--radius)}.season-btn{flex:0 0 200px;scroll-snap-align:center}}@media (max-width:768px){.season-btn{flex-basis:170px}}@media (max-width:480px){.season-btn{flex-basis:150px}}@media (max-width:640px){.mv-grid{grid-template-columns:1fr}}@media (max-width:767px){:root{--header-height:64px}.nav-container{width:100%;max-width:none}.header{background:linear-gradient(135deg,rgba(16,20,30,0.96),rgba(16,23,42,0.9));border-bottom:1px solid rgba(255,255,255,0.1);box-shadow:0 12px 30px rgba(0,0,0,0.35)}.nav-container{padding:calc(env(safe-area-inset-top) + var(--space-3)) var(--space-4) var(--space-3);gap:var(--space-3)}.logo{font-size:clamp(1.1rem,4.6vw,1.35rem);letter-spacing:0.05em}.menu-toggle{display:inline-flex;width:46px;height:46px;border:1px solid rgba(255,255,255,0.14);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.14),rgba(255,255,255,0.04));box-shadow:0 10px 28px rgba(0,0,0,0.35)}.menu-toggle span{width:20px}.nav-menu{position:fixed;inset:0;width:100vw;max-width:100vw;height:100vh;height:100dvh;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--space-4);background:radial-gradient(circle at 30% 20%,rgba(100,116,255,0.16),transparent 40%),radial-gradient(circle at 80% 0%,rgba(236,72,153,0.12),transparent 45%),linear-gradient(180deg,rgba(8,12,20,0.96),rgba(10,14,22,0.94));box-shadow:0 14px 40px rgba(0,0,0,0.55);backdrop-filter:blur(16px);padding:calc(env(safe-area-inset-top) + var(--header-height) + var(--space-4)) var(--space-5) calc(env(safe-area-inset-bottom) + var(--space-4));transform:translateY(-6%);opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;overscroll-behavior:contain;z-index:var(--z-modal);border-top:1px solid rgba(255,255,255,0.08);transition:transform var(--transition-normal),opacity var(--transition-normal),visibility var(--transition-normal)}.nav-menu::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.04) 1px,transparent 0);background-size:18px 18px;opacity:0.25;pointer-events:none}.nav-menu::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,0.24),transparent 42%),radial-gradient(circle at 80% 0%,rgba(236,72,153,0.18),transparent 46%);opacity:0.7;pointer-events:none;z-index:-1}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-menu{align-items:center}.nav-menu li{width:100%;margin:0;display:flex;justify-content:center}.nav-menu a{display:block;width:100%;text-align:center;font-size:clamp(1.05rem,3.8vw,1.2rem);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,0.12);background:linear-gradient(140deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));box-shadow:0 10px 32px rgba(0,0,0,0.28)}.nav-menu a:active{transform:translateY(1px)}.nav-menu .lang-switch-item{order:0;max-width:440px}.nav-menu .lang-selector-container{width:100%}.nav-menu .lang-dropdown-trigger{width:100%;justify-content:center;background:linear-gradient(140deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.14);box-shadow:0 10px 32px rgba(0,0,0,0.28)}.nav-menu .lang-dropdown-menu{width:100%;max-width:440px;left:50%;right:auto;transform:translateX(-50%) translateY(8px)}.nav-menu li:not(.season-select):not(.effect-toggle-item):not(.lang-switch-item){order:1;max-width:520px}.nav-menu .season-select{order:2;width:100%;margin-top:var(--space-2);padding:var(--space-4);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);background:rgba(12,18,30,0.55);box-shadow:0 10px 28px rgba(0,0,0,0.32);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-3)}.nav-menu .season-selector-buttons{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;width:100%;max-width:360px;margin:0 auto;gap:var(--space-2)}.nav-menu .season-option[data-season="all"]{grid-row:1;grid-column:1}.nav-menu .season-option[data-season="none"]{grid-row:1;grid-column:2}.nav-menu .season-option[data-season="spring"]{grid-row:2;grid-column:1}.nav-menu .season-option[data-season="summer"]{grid-row:2;grid-column:2}.nav-menu .season-option[data-season="autumn"]{grid-row:3;grid-column:1}.nav-menu .season-option[data-season="winter"]{grid-row:3;grid-column:2}.nav-menu .season-option{width:100%;min-width:unset;max-width:unset;justify-content:center;padding:var(--space-3);min-height:56px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03)}.nav-menu .season-text{font-size:var(--text-base)}.nav-menu .season-icon{font-size:1.2rem}.nav-menu .effect-toggle-item{order:3;width:100%}.nav-menu .effect-toggle-container{width:100%;padding:var(--space-3);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);background:rgba(12,18,30,0.55);box-shadow:0 10px 28px rgba(0,0,0,0.32);display:flex;align-items:center;justify-content:space-between}.nav-main-link{letter-spacing:0.05em}}@media (max-width:480px){.nav-menu{padding:calc(env(safe-area-inset-top) + var(--header-height) + var(--space-3)) var(--space-4) calc(env(safe-area-inset-bottom) + var(--space-3));gap:var(--space-2)}.nav-menu .season-option{min-height:56px;padding:var(--space-2)}.nav-menu .season-text{font-size:var(--text-sm)}.nav-menu .season-icon{font-size:1rem}}.lang-switch-item{display:flex;align-items:center;justify-content:center}.lang-switch{display:flex;align-items:center;gap:4px;font-family:var(--ff-heading);font-weight:500;color:var(--text-secondary)}.lang-switch-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);padding:2px 4px;transition:color var(--transition-fast);font-family:inherit}.lang-switch-btn:hover,.lang-switch-btn.active{color:var(--primary);font-weight:700}.lang-separator{color:var(--text-muted);font-size:var(--text-xs)}@media (max-width:767px){.lang-switch-item{width:100%;margin-top:var(--space-4);justify-content:center}.lang-switch{background:rgba(255,255,255,0.03);padding:8px 24px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.1)}}.lang-selector-container{position:relative}.lang-dropdown-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);color:var(--text);font-family:var(--ff-mincho);cursor:pointer;transition:all var(--transition-fast)}.lang-dropdown-trigger:hover{background:rgba(255,255,255,0.1);border-color:var(--primary)}.lang-dropdown-trigger .dropdown-arrow{font-size:0.8em;opacity:0.7;transition:transform var(--transition-fast)}.lang-dropdown-trigger[aria-expanded="true"] .dropdown-arrow{transform:rotate(180deg)}.lang-dropdown-menu{position:absolute;top:100%;right:0;width:180px;background:rgba(17,24,39,0.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);padding:var(--space-2);margin-top:var(--space-2);box-shadow:0 10px 25px rgba(0,0,0,0.5);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal);z-index:var(--z-dropdown);display:flex;flex-direction:column;gap:4px}.lang-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:var(--ff-mincho);display:flex;align-items:center}.lang-option:hover{background:rgba(255,255,255,0.1);color:var(--text)}.lang-option.active{background:var(--primary);color:white}@media (max-width:767px){.lang-switch-item{width:100%;display:flex;justify-content:center;margin-top:var(--space-4);margin-bottom:var(--space-8)}.lang-dropdown-menu{left:50%;right:auto;top:100%;bottom:auto;margin-top:var(--space-2);margin-bottom:0;transform:translateX(-50%) translateY(8px)}.lang-dropdown-menu.active{transform:translateX(-50%) translateY(0)}}