.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,.1) 0,rgba(74,144,184,.15) 50%,rgba(123,167,212,.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,.3)}body[data-season=tsuyu] .cta-button.primary:hover{box-shadow:0 8px 25px rgba(74,144,184,.4)}body[data-season=tsuyu] .hero-title{text-shadow:2px 2px 4px rgba(0,0,0,.7),0 0 10px rgba(123,167,212,.3)}body[data-season=tsuyu] .section-title{text-shadow:3px 3px 5px rgba(0,0,0,.7),-1px -1px 3px rgba(255,255,255,.15),0 0 16px rgba(0,0,0,.5),0 0 24px rgba(123,167,212,.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,.7),-1px -1px 3px rgba(255,255,255,.15),0 0 14px rgba(0,0,0,.5),0 0 20px rgba(123,167,212,.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,.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}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!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 .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:focus,a:hover{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:.02em;text-shadow:2px 2px 3px rgba(0,0,0,.45),-1px -1px 2px rgba(255,255,255,.12),0 0 14px rgba(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:.03em;margin-bottom:var(--space-12);max-width:600px;margin-left:auto;margin-right:auto;text-shadow:2px 2px 3px rgba(0,0,0,.45),-1px -1px 2px rgba(255,255,255,.12),0 0 12px rgba(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,.15);box-shadow:0 4px 6px rgba(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:0 0;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:focus,.logo a:hover{color:var(--accent);outline:0;outline-offset:0}.logo a:focus::after,.logo a:hover::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,.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,.08)}.menu-toggle.active span:first-child{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:.05em}.nav-menu a:focus,.nav-menu a:hover{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,.05);padding:8px 16px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.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:#fff;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:767.98px){.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,.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,.15) 0,rgba(255,255,255,.08) 100%);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 14px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1),0 0 20px rgba(255,255,255,.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,.9);color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s,visibility .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,.9);opacity:0;visibility:hidden;transition:opacity .3s,visibility .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,.25) 0,rgba(255,255,255,.15) 100%);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 22px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.2),0 0 30px rgba(255,255,255,.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,.2),0 10px 24px rgba(0,0,0,.5)}.social-links a:active{transform:translateY(0);background:rgba(255,255,255,.06);box-shadow:inset 0 2px 4px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.3)}.footer-section .social-links a img,.footer-section .social-links a svg,.social-links a img,.social-links a svg{display:block;width:28px;height:28px;filter:drop-shadow(0 1px 0 rgba(0, 0, 0, .4)) drop-shadow(0 4px 8px rgba(0, 0, 0, .25))}.social-link.disabled{pointer-events:none;filter:grayscale(100%);opacity:.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:#000}[data-theme=dark] .social-link.tiktok{color:#fff}@media (max-width:767.98px){.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,.05);border:1px solid rgba(255,255,255,.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,.1);border-color:var(--primary)}.season-dropdown-trigger .dropdown-arrow{font-size:.8em;opacity:.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,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:var(--space-2);margin-top:var(--space-2);box-shadow:0 10px 25px rgba(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:0 0;border-radius:var(--radius-sm)}.nav-menu .season-option:hover{background:rgba(255,255,255,.1);transform:none}.nav-menu .season-option.active{background:var(--primary);color:#fff}}.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 .2s ease}.season-option:hover{background:var(--primary-hover,rgba(99,102,241,.15));border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(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,.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,.6),0 4px 12px rgba(0,0,0,.2);font-weight:600}.season-option[data-season=none]:hover{background:rgba(148,163,184,.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,.3)}.season-option[data-season=spring]:hover{background:rgba(244,114,182,.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,.3)}.season-option[data-season=summer]:hover{background:rgba(34,211,238,.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,.3)}.season-option[data-season=autumn]:hover{background:rgba(251,146,60,.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,.3)}.season-option[data-season=winter]:hover{background:rgba(165,180,252,.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,.4),rgba(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:767.98px){.hero{background-attachment:scroll;height:100dvh;background-image:linear-gradient(rgba(0,0,0,.4),rgba(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,.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 0 rgba(0,0,0,.5),-1px -1px 0 rgba(0,0,0,.5),1px -1px 0 rgba(0,0,0,.5),-1px 1px 0 rgba(0,0,0,.5),2px 2px 4px rgba(0,0,0,.3)}.artist-name .jp{font-size:.7em;font-weight:700}.tagline{display:block;font-size:var(--text-2xl);font-weight:400;color:rgba(255,255,255,.7);margin-top:var(--space-3);line-height:1.3;white-space:nowrap}@media (max-width:767.98px){.tagline{font-size:clamp(.9rem, 4vw, 1.25rem)}}.hero-subtitle{font-size:var(--text-base);color:rgba(255,255,255,.6);font-weight:300;margin-bottom:var(--space-10);text-shadow:1px 1px 2px rgba(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:#fff;box-shadow:0 4px 15px var(--shadow-lg);transition:background-position .4s ease}.cta-button.primary:hover{background-position:100% 0}.cta-button.primary:focus,.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-lg)}.cta-button.secondary{background:0 0;color:#fff;border:2px solid #fff}.cta-button.secondary:focus,.cta-button.secondary:hover{background:#fff;color:var(--primary);transform:translateY(-2px)}.about{padding:var(--space-24) 0;background:linear-gradient(180deg,rgba(17,24,39,.9),rgba(17,24,39,.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:767.98px){.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:767.98px){.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:#fff;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,.8);border-radius:8px;cursor:pointer;font-family:var(--ff-mincho);box-shadow:0 8px 24px rgba(0,0,0,.25),0 4px 8px rgba(0,0,0,.15);transition:all .3s cubic-bezier(.4, 0, .2, 1);overflow:hidden}.season-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0,rgba(0,0,0,.1) 60%,transparent 100%);transition:opacity .3s ease;pointer-events:none}.season-btn:focus-visible,.season-btn:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 16px 40px rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.2)}.season-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.season-btn:focus-visible::after,.season-btn:hover::after{opacity:1}.season-btn.active{transform:translateY(-4px) scale(1.02);border-color:gold;border-width:4px;box-shadow:0 0 20px rgba(255,215,0,.4),0 12px 32px rgba(0,0,0,.3),0 6px 12px rgba(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,.8),0 0 20px rgba(209,213,217,.6),0 12px 32px rgba(0,0,0,.3),0 6px 12px rgba(0,0,0,.2)}.season-btn[data-season=all]:hover::before{background:linear-gradient(135deg,rgba(229,231,235,.35),rgba(209,213,217,.25))}.season-btn[data-season=none].active{border-color:#94a3b8;border-width:4px;box-shadow:0 0 30px rgba(203,213,225,.8),0 0 20px rgba(148,163,184,.6),0 12px 32px rgba(0,0,0,.3),0 6px 12px rgba(0,0,0,.2)}.season-btn[data-season=none]:hover::before{background:linear-gradient(135deg,rgba(203,213,225,.35),rgba(148,163,184,.25))}.season-btn[data-season=spring].active{border-color:#f472b6;box-shadow:0 0 20px rgba(244,114,182,.5),0 12px 32px rgba(0,0,0,.3),0 6px 12px rgba(0,0,0,.2)}.season-btn[data-season=spring]:hover::before{background:linear-gradient(135deg,rgba(244,114,182,.25),rgba(236,72,153,.15))}.season-btn[data-season=summer].active{border-color:#22d3ee;box-shadow:0 0 20px rgba(34,211,238,.5),0 12px 32px rgba(0,0,0,.3),0 6px 12px rgba(0,0,0,.2)}.season-btn[data-season=summer]:hover::before{background:linear-gradient(135deg,rgba(34,211,238,.25),rgba(6,182,212,.15))}.season-btn[data-season=autumn].active{border-color:#fb923c;box-shadow:0 0 20px rgba(251,146,60,.5),0 12px 32px rgba(0,0,0,.3),0 6px 12px rgba(0,0,0,.2)}.season-btn[data-season=autumn]:hover::before{background:linear-gradient(135deg,rgba(251,146,60,.25),rgba(249,115,22,.15))}.season-btn[data-season=winter].active{border-color:#a5b4fc;box-shadow:0 0 20px rgba(165,180,252,.5),0 12px 32px rgba(0,0,0,.3),0 6px 12px rgba(0,0,0,.2)}.season-btn[data-season=winter]:hover::before{background:linear-gradient(135deg,rgba(165,180,252,.25),rgba(129,140,248,.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,.08),rgba(255,255,255,.02))}.season-btn::before{opacity:.35}.season-btn{border-color:rgba(150,150,150,.6)}.season-btn::before{background:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(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 .15s ease,box-shadow .15s ease}.season-btn:active{transform:scale(.98);box-shadow:0 2px 8px rgba(0,0,0,.15)}.season-name{font-size:var(--text-base);letter-spacing:.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 .15s ease,box-shadow .15s ease}.season-btn:active{transform:scale(.98);box-shadow:0 2px 8px rgba(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(.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:.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:.15em;text-shadow:1px 1px 2px rgba(0,0,0,.2),0 0 4px rgba(0,0,0,.1);-webkit-text-stroke:0.5px rgba(0,0,0,0.15);color:rgba(255,255,255,.7);line-height:1.3;background:rgba(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,.4);border:1px solid rgba(255,255,255,.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:focus-within,.mv-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(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,.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:focus-visible,.mv-thumb button:hover{transform:scale(1.05);box-shadow:0 12px 30px rgba(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,.08);font-size:var(--text-sm);letter-spacing:.08em}.mv-chip .dot{width:8px;height:8px;border-radius:50%}.mv-date{color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:.02em}.mv-duration{position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:6px;background:rgba(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,.5);z-index:0;transition:right .4s cubic-bezier(.34, 1.56, .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,.2)}.album-wrapper:hover .album-disc{right:-20px}@keyframes spin-record{from{transform:rotate(0)}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,.08);background:rgba(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,.4);border:1px solid rgba(255,255,255,.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,.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,.6);display:flex;flex-direction:column;overflow-y:auto;border-top:1px solid rgba(255,255,255,.1)}@media (min-width:768px){.album-tracklist-area{width:45%;height:100%;border-top:none;border-left:1px solid rgba(255,255,255,.1)}}.album-tracklist-area::-webkit-scrollbar{width:6px}.album-tracklist-area::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.album-tracklist-area::-webkit-scrollbar-thumb{background:rgba(255,255,255,.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,.2);padding-bottom:var(--space-1);cursor:pointer;transition:all .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,.6);border:1px solid rgba(255,255,255,.3);color:#fff;padding:1em 4em;border-radius:var(--radius-full);font-size:var(--text-base);letter-spacing:.2em;cursor:pointer;transition:all .4s cubic-bezier(.2, .8, .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,.4)}.load-more-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);transition:transform .6s ease}.load-more-btn:hover{background:rgba(255,255,255,.15);border-color:#fff;transform:translateY(-4px);box-shadow:0 12px 40px rgba(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,.5)}.load-more-btn .icon{width:14px;height:14px;fill:#fff;transition:transform .3s ease;filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .5))}.load-more-btn:hover .icon{transform:translateY(3px)}.load-more-btn.loading{pointer-events:none;opacity:.8}.load-more-btn.loading .icon{display:none}.load-more-spinner{display:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .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 .8s cubic-bezier(.2,.8,.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 .2s;font-size:var(--text-sm);color:var(--text-secondary)}.album-track:hover{background:rgba(255,255,255,.1);color:var(--text)}.album-track.active{background:rgba(255,255,255,.15);color:#a78bfa;font-weight:600}.album-track.active::before{content:'▶';margin-right:8px;font-size:.8em}.track-number{margin-right:8px;opacity:.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,.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:focus,.social-link:hover{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,.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:.05em}.footer-description{color:var(--neutral-400);margin:0;line-height:1.6}.footer-section-title{color:#fff;margin-bottom:var(--space-4);font-size:var(--text-lg);font-weight:600;font-family:var(--ff-mincho);letter-spacing:.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:0 0;color:var(--neutral-200);text-decoration:none;transition:all .2s ease;border:none}.footer-social .social-link:focus,.footer-social .social-link:hover{transform:translateY(-1px);background:rgba(255,255,255,.06);opacity:.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 .6s ease-out forwards}.animate-slide-in-right{animation:slideInRight .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,.social-links,audio{display:none}.hero{background:0 0;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,.4) 0,rgba(105,105,105,.25) 40%,rgba(128,128,128,.1) 70%,transparent 100%);border-radius:50%;transform:scale(0);animation:inkSpread ease-out forwards;filter:blur(.8px)}.floating-leaf{position:absolute;pointer-events:none;background:linear-gradient(var(--leaf-angle,45deg),rgba(34,139,34,.3) 0,rgba(107,142,35,.25) 30%,rgba(85,107,47,.15) 60%,transparent 100%);border-radius:50% 0 50% 0;transform:scale(0) rotate(0);animation:leafFloat ease-out forwards;filter:blur(.3px)}.subtle-glow{position:absolute;pointer-events:none;background:radial-gradient(circle,rgba(240,248,255,.12) 0,rgba(230,230,250,.08) 30%,rgba(211,211,211,.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,.6);border-radius:50%;transform:scale(0);animation:tranquilDotExpand ease-out forwards;filter:blur(.2px)}@keyframes inkSpread{0%{transform:scale(0);opacity:.6}40%{transform:scale(1.2) translate(calc(var(--dx) * .3),calc(var(--dy) * .3));opacity:.4}80%{transform:scale(.8) translate(calc(var(--dx) * .8),calc(var(--dy) * .8));opacity:.1}100%{transform:scale(.3) translate(var(--dx),var(--dy));opacity:0}}@keyframes leafFloat{0%{transform:scale(0) rotate(0);opacity:.5}25%{transform:scale(1) rotate(45deg) translate(calc(var(--dx) * .2),calc(var(--dy) * .2));opacity:.4}60%{transform:scale(.8) rotate(90deg) translate(calc(var(--dx) * .6),calc(var(--dy) * .6));opacity:.2}100%{transform:scale(.4) rotate(180deg) translate(var(--dx),var(--dy));opacity:0}}@keyframes subtleGlowExpand{0%{transform:scale(0);opacity:.15}40%{transform:scale(1.8);opacity:.08}80%{transform:scale(2.5);opacity:.03}100%{transform:scale(3);opacity:0}}@keyframes tranquilDotExpand{0%{transform:scale(0) translate(0,0);opacity:.8}30%{transform:scale(2) translate(calc(var(--dx) * .3),calc(var(--dy) * .3));opacity:.4}100%{transform:scale(.8) translate(var(--dx),var(--dy));opacity:0}}.gold-sparkle{position:absolute;pointer-events:none;background:radial-gradient(circle,gold 0,rgba(255,235,59,.95) 15%,rgba(255,193,7,.8) 35%,rgba(255,175,0,.4) 60%,transparent 85%);border-radius:50%;transform:scale(0) rotate(0);animation:goldSparkleIntense .6s cubic-bezier(.68,-.55,.265,1.55) forwards;box-shadow:0 0 30px rgba(255,215,0,.9),0 0 60px rgba(255,215,0,.6),0 0 100px rgba(255,235,59,.3),inset 0 0 15px rgba(255,235,59,.7)}.gold-particle{position:absolute;pointer-events:none;background:linear-gradient(var(--particle-angle,45deg),gold 0,rgba(255,235,59,.95) 25%,rgba(255,193,7,.8) 50%,rgba(255,175,0,.4) 75%,transparent 100%);border-radius:2px;transform:scale(0) rotate(0);animation:goldParticleFloatIntense ease-out forwards;box-shadow:0 0 12px rgba(255,215,0,.8),0 0 24px rgba(255,235,59,.4)}.gold-flake{position:absolute;pointer-events:none;background:linear-gradient(var(--flake-angle,60deg),rgba(255,215,0,.95) 0,rgba(255,235,59,.9) 30%,rgba(255,193,7,.7) 60%,transparent 100%);border-radius:50% 10% 50% 10%;transform:scale(0) rotate(0);animation:goldFlakeScatter ease-out forwards;box-shadow:0 0 8px rgba(255,215,0,.6),inset 0 0 4px rgba(255,235,59,.5)}.gold-shimmer{position:absolute;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,215,0,.8) 45deg,#ffeb3b 90deg,rgba(255,193,7,.8) 135deg,transparent 180deg,rgba(255,215,0,.6) 225deg,rgba(255,235,59,.9) 270deg,rgba(255,193,7,.6) 315deg,transparent 360deg);border-radius:50%;transform:scale(0) rotate(0);animation:goldShimmerIntense 1s ease-out forwards;mix-blend-mode:screen;box-shadow:0 0 40px rgba(255,215,0,.5),0 0 80px rgba(255,235,59,.3)}.gold-burst{position:absolute;pointer-events:none;width:4px;height:4px;background:gold;border-radius:50%;transform:scale(0);animation:goldBurstExplosion ease-out forwards;box-shadow:0 0 20px gold,0 0 40px rgba(255,235,59,.6)}@keyframes goldSparkleIntense{0%{transform:scale(0) rotate(0);opacity:1}15%{transform:scale(1.2) rotate(60deg);opacity:1}50%{transform:scale(1.8) rotate(180deg);opacity:.8}100%{transform:scale(3) rotate(720deg);opacity:0}}@keyframes goldParticleFloatIntense{0%{transform:scale(0) rotate(0);opacity:1}20%{transform:scale(1.2) rotate(90deg) translate(calc(var(--dx) * .2),calc(var(--dy) * .2));opacity:.9}60%{opacity:.7;transform:scale(1) rotate(270deg) translate(var(--dx),var(--dy))}100%{transform:scale(.1) rotate(540deg) translate(calc(var(--dx) * 1.8),calc(var(--dy) * 1.8));opacity:0}}@keyframes goldFlakeScatter{0%{transform:scale(0) rotate(0);opacity:1}30%{transform:scale(1.5) rotate(180deg) translate(calc(var(--dx) * .3),calc(var(--dy) * .3));opacity:.8}70%{transform:scale(1) rotate(360deg) translate(calc(var(--dx) * .8),calc(var(--dy) * .8));opacity:.4}100%{transform:scale(.3) rotate(720deg) translate(calc(var(--dx) * 1.5),calc(var(--dy) * 1.5));opacity:0}}@keyframes goldShimmerIntense{0%{transform:scale(0) rotate(0);opacity:.8}30%{transform:scale(2) rotate(180deg);opacity:.9}70%{transform:scale(3.5) rotate(360deg);opacity:.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:.7;transform:translate(0,0) scale(.6);animation:refinedParticleFloat ease-out forwards;will-change:transform,opacity;filter:blur(.5px)}.gentle-glow{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,rgba(240,248,255,.08) 30%,rgba(230,230,250,.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(.6);opacity:.7}30%{opacity:.5;transform:translate(calc(var(--dx) * .3),calc(var(--dy) * .3)) scale(.8)}100%{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@keyframes gentleGlow{0%{transform:scale(.8);opacity:.2}50%{transform:scale(1.2);opacity:.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:.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,.9) 0,rgba(255,105,180,.6) 40%,rgba(255,192,203,.3) 70%,transparent 100%);border-radius:70% 90% 70% 90%;transform:scale(0) rotate(0);animation:sakuraBurst ease-out forwards;filter:drop-shadow(0 0 3px rgba(255, 192, 203, .5))}@keyframes sakuraBurst{0%{transform:translate(0,0) scale(0) rotate(0);opacity:.9}80%{opacity:.6}100%{transform:translate(var(--dx),var(--dy)) scale(.4) rotate(360deg);opacity:0}}.click-flash{position:absolute;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.8) 0,rgba(255,215,0,.4) 40%,rgba(255,215,0,.1) 70%,transparent 100%);transform:scale(0);mix-blend-mode:screen;animation:clickFlash .6s ease-out forwards}@keyframes clickFlash{0%{transform:scale(0);opacity:.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,.9);border-right-color:rgba(255,215,0,.6);border-radius:50%;mix-blend-mode:screen;width:40px;height:40px;transform:scale(0) rotate(0);animation:kabukiSwirlSpin .8s ease-out forwards;filter:blur(.2px)}@keyframes kabukiSwirlSpin{0%{transform:scale(0) rotate(0);opacity:1}50%{opacity:.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:0}.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:#fff}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-subtitle,.hero-title{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:.05em}.nav-menu a:focus,.nav-menu a:hover{border-color:currentColor}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}:focus,:focus-visible{transition:outline .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(0)}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:0}@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important}a[href]:after{content:" (" attr(href) ")";font-size:smaller;color:#666}.hero-actions,.nav-menu,.season-nav{display:none}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-weight:700}.feature,.season-panel,.track{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:767.98px){.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:.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,.contact,.gallery{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:767.98px){.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(.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){.about-image,.hero{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(.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:.75rem}}@media print{.hero{height:auto;min-height:auto;background:0 0;color:#000;padding:var(--space-8) 0}.hero-actions,.nav-menu,.season-nav,.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,.feature:hover,.season-btn:hover,.social-link:hover{transform:none}.cta-button:active{transform:scale(.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,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.15);box-shadow:0 4px 6px rgba(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:767.98px){.nav-menu{display:none}}.hero{height:100vh;min-height:600px;background:linear-gradient(rgba(0,0,0,.4),rgba(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:#fff;position:relative}@media (prefers-reduced-motion:reduce){.hero{background-attachment:scroll}}@media (max-width:767.98px){.hero{background-attachment:scroll;background-image:linear-gradient(rgba(0,0,0,.4),rgba(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,.7)}.hero-subtitle{font-size:var(--text-xl);margin-bottom:var(--space-8);text-shadow:1px 1px 2px rgba(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:#fff;box-shadow:0 4px 15px rgba(0,0,0,.15)}.cta-button.secondary{background:0 0;color:#fff;border:2px solid #fff}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,.12);box-shadow:0 -4px 6px rgba(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:0 0;transition:all .2s ease}.footer-social .social-link:hover{transform:translateY(-1px);background:rgba(255,255,255,.06);opacity:.8}.footer a{color:currentColor;transition:color .2s ease-in-out}.footer a:focus,.footer a:hover{color:#8c3d08}.footer-bottom{margin-top:var(--space-12);border-top:1px solid rgba(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:767.98px){.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,.05),rgba(0,0,0,.35));opacity:.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,.82);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px rgba(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,.12);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),rgba(255,255,255,.06));box-shadow:0 10px 28px rgba(0,0,0,.35)}.footer-bottom{margin-top:var(--space-8);border-top:1px solid rgba(255,255,255,.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) - .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:.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:.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:767.98px){.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,.9);box-shadow:0 4px 14px rgba(0,0,0,.35)}.nav-menu{position:fixed;inset:0;background:rgba(10,14,22,.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,.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:767.98px){:root{--header-height:64px}.nav-container{width:100%;max-width:none}.header{background:linear-gradient(135deg,rgba(16,20,30,.96),rgba(16,23,42,.9));border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px rgba(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:.05em}.menu-toggle{display:inline-flex;width:46px;height:46px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.14),rgba(255,255,255,.04));box-shadow:0 10px 28px rgba(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,.16),transparent 40%),radial-gradient(circle at 80% 0,rgba(236,72,153,.12),transparent 45%),linear-gradient(180deg,rgba(8,12,20,.96),rgba(10,14,22,.94));box-shadow:0 14px 40px rgba(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,.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,.04) 1px,transparent 0);background-size:18px 18px;opacity:.25;pointer-events:none}.nav-menu::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.24),transparent 42%),radial-gradient(circle at 80% 0,rgba(236,72,153,.18),transparent 46%);opacity:.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,.12);background:linear-gradient(140deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:0 10px 32px rgba(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,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 32px rgba(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,.08);border-radius:var(--radius-lg);background:rgba(12,18,30,.55);box-shadow:0 10px 28px rgba(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,.08);background:rgba(255,255,255,.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,.08);border-radius:var(--radius-lg);background:rgba(12,18,30,.55);box-shadow:0 10px 28px rgba(0,0,0,.32);display:flex;align-items:center;justify-content:space-between}.nav-main-link{letter-spacing:.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:0 0;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.active,.lang-switch-btn:hover{color:var(--primary);font-weight:700}.lang-separator{color:var(--text-muted);font-size:var(--text-xs)}@media (max-width:767.98px){.lang-switch-item{width:100%;margin-top:var(--space-4);justify-content:center}.lang-switch{background:rgba(255,255,255,.03);padding:8px 24px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.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,.05);border:1px solid rgba(255,255,255,.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,.1);border-color:var(--primary)}.lang-dropdown-trigger .dropdown-arrow{font-size:.8em;opacity:.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,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:var(--space-2);margin-top:var(--space-2);box-shadow:0 10px 25px rgba(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:0 0;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,.1);color:var(--text)}.lang-option.active{background:var(--primary);color:#fff}@media (max-width:767.98px){.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)}}@media (max-width:896px) and (orientation:landscape){.hero{min-height:300px;height:auto;padding-top:calc(var(--header-height) + var(--space-6));padding-bottom:var(--space-6)}.hero-content{padding-top:var(--space-4);padding-bottom:var(--space-4);gap:var(--space-3)}.artist-name{font-size:clamp(2rem, 6vw, 3.5rem)}.hero-subtitle{font-size:var(--text-base)}.hero-actions{margin-top:var(--space-3);gap:var(--space-3)}.season-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.season-nav::-webkit-scrollbar{height:4px}.season-nav::-webkit-scrollbar-track{background:0 0}.season-nav::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.season-btn{flex-shrink:0;width:140px;height:90px;scroll-snap-align:start}.mv-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.about-content{gap:var(--space-4)}.feature-cards{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.feature-card{padding:var(--space-3)}.footer-content{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.footer-bottom-content{flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-4)}}@media (max-width:896px) and (orientation:landscape) and (max-height:400px){.hero{min-height:250px;padding-top:calc(var(--header-height) + var(--space-3));padding-bottom:var(--space-3)}.artist-name{font-size:clamp(1.5rem, 5vw, 2.5rem)}.hero-subtitle{font-size:var(--text-sm)}.hero-actions{margin-top:var(--space-2)}.cta-button{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}}