@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Outfit:wght@300;400;600;700;800&display=swap";:root{--primary-color: #00f2ff;--secondary-color: #0072ff;--accent-color: #ff004c;--bg-dark: #0a0a0c;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-main: #ffffff;--text-muted: #a0a0a0;font-family:Inter,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;overflow-x:hidden;background-color:transparent}.background-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);z-index:-2;opacity:.6;background-color:var(--bg-dark)}:root{background-color:var(--bg-dark)}.content{position:relative;z-index:1}.logo{height:100vh;display:flex;justify-content:center;align-items:center;animation:logoBounceIn 1.2s cubic-bezier(.28,.84,.42,1) forwards}.logo img{max-width:600px;width:80%;filter:drop-shadow(0 0 30px rgba(0,242,255,.3))}@keyframes logoBounceIn{0%{opacity:0;transform:scale(.3) translateY(-800px)}40%{opacity:1;transform:scale(1.05) translateY(40px)}60%{transform:scale(.95) translateY(-20px)}80%{transform:scale(1.02) translateY(10px)}to{transform:scale(1) translateY(0)}}h1,h2,h3{font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:.2rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:20px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}#root{width:100%;margin:0 auto;padding:0;text-align:center}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.top-button{position:absolute;top:10px;left:10px;z-index:2000;cursor:pointer;width:100px;transition:transform .3s ease}.top-button:hover{transform:scale(1.1)}.top-button img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 15px #0000004d}.footer-sns{width:100%;padding:60px 0 40px;display:flex;justify-content:center;align-items:center;clear:both}.x-link{display:block;width:100px;height:100px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.x-link img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px rgba(255,255,255,.5))}.x-link:hover{transform:scale(1.1) rotate(5deg)}.x-link:hover img{filter:drop-shadow(0 0 25px rgba(255,204,0,.8))}.content{min-height:calc(100vh - 200px)}.hamburger-container{z-index:2000}.hamburger-icon{position:absolute;top:30px;right:30px;width:35px;height:24px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:2002;transition:transform .3s ease}.hamburger-icon:hover{transform:scale(1.1)}.hamburger-icon span{display:block;height:3px;width:100%;background-color:#fff;border-radius:3px;transition:all .4s cubic-bezier(.68,-.6,.32,1.6);box-shadow:0 0 10px #00f2ff4d}.hamburger-icon.open span:nth-child(1){transform:translateY(10.5px) rotate(45deg);background-color:var(--primary-color)}.hamburger-icon.open span:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-icon.open span:nth-child(3){transform:translateY(-10.5px) rotate(-45deg);background-color:var(--primary-color)}.menu-nav{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:#0a0a0ccc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--glass-border);transition:right .5s cubic-bezier(.77,0,.175,1);z-index:2001;display:flex;align-items:center;justify-content:center}.menu-nav.open{right:0}.menu-nav ul{list-style:none;padding:0;width:100%}.menu-nav li{margin:30px 0;overflow:hidden}.menu-nav a{color:#fff;text-decoration:none;font-size:1.8rem;font-weight:800;font-family:Outfit,sans-serif;letter-spacing:.3rem;display:block;transition:all .3s ease;position:relative;padding:10px 0}.menu-nav a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-color);transition:all .3s ease;transform:translate(-50%)}.menu-nav a:hover{color:var(--primary-color);letter-spacing:.5rem}.menu-nav a:hover:after{width:50%}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;background:#0006;opacity:0;visibility:hidden;transition:all .5s ease}.menu-nav.open~.menu-overlay{opacity:1;visibility:visible}.character-page{min-height:100vh;padding:100px 20px;display:flex;flex-direction:column;align-items:center}.page-title{font-size:4rem;font-weight:800;margin-bottom:0;letter-spacing:.5rem;color:#fff;text-shadow:0 0 20px rgba(0,242,255,.5)}.page-subtitle{font-size:1rem;color:var(--primary-color);margin-bottom:60px;font-weight:300;letter-spacing:.3rem}.carousel-container{width:95%;max-width:1800px;position:relative;display:grid;grid-template-columns:200px 1fr;gap:40px;padding:0}.character-thumbnails{display:flex;flex-direction:column;gap:15px;max-height:800px;overflow-y:auto;padding-right:15px}.character-thumbnails::-webkit-scrollbar{width:6px}.character-thumbnails::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.character-thumbnails::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px;box-shadow:0 0 10px #00f2ff80}.thumbnail-item{width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s cubic-bezier(.23,1,.32,1);background:var(--glass-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:.6}.thumbnail-item:hover{transform:translate(10px);opacity:1;border-color:#ffffff4d}.thumbnail-item.active{opacity:1;border-color:var(--primary-color);box-shadow:0 0 20px #00f2ff80;transform:scale(1.05) translate(5px)}.thumbnail-image{width:100%;height:100%;object-fit:contain;padding:5px}.character-section{width:100%;display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:60px;border-radius:40px;border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #00000080}.character-image-container{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:20px;background:#ffffff05}.character-image-detail{width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.23,1,.32,1)}.character-image-detail:hover{transform:scale(1.05) translateY(-5px)}.character-info{display:flex;flex-direction:column;gap:20px}.character-cv-detail{font-size:1.5rem;font-weight:800;margin:0;color:#f0ff22;line-height:1.1;text-align:left}.character-name-detail{font-size:3.5rem;font-weight:800;margin:0;color:#fff;line-height:1.1}.character-role-detail{font-size:1.5rem;font-weight:600;color:var(--accent-color);letter-spacing:.1rem;text-transform:uppercase}.character-description{font-size:1.25rem;line-height:1.8;color:#ffffffe6;margin:15px 0}.carousel-indicators{display:flex;gap:12px;margin-top:20px}.dot{width:12px;height:4px;background:#fff3;border-radius:2px;cursor:pointer;transition:all .3s ease}.dot.active{width:30px;background:var(--primary-color);box-shadow:0 0 10px #00f2ff80}@media(max-width:1200px){.carousel-container{grid-template-columns:150px 1fr;gap:20px}}@media(max-width:900px){.carousel-container{grid-template-columns:1fr}.character-thumbnails{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-right:0;padding-bottom:15px;order:2}.thumbnail-item{width:80px;flex-shrink:0}.thumbnail-item:hover{transform:translateY(-5px)}.thumbnail-item.active{transform:scale(1.05) translateY(-5px)}.character-section{grid-template-columns:1fr;padding:30px;order:1}.character-image-container{aspect-ratio:1/1}}@media(max-width:600px){.character-name-detail{font-size:2.2rem}}.story-page-wrapper{min-height:100vh;padding:100px 20px;display:flex;flex-direction:column;align-items:center}.story-title{font-size:6rem;font-weight:800;letter-spacing:.1em;margin-bottom:5px;background:linear-gradient(135deg,var(--primary-color) 0%,#fff 50%,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.story-subtitle{font-size:1.5rem;color:var(--primary-color);margin-bottom:80px;font-weight:300;letter-spacing:.3rem}.story-content-container{width:100%;max-width:1400px;display:flex;flex-direction:column;gap:90px}.story-catchphrase{padding:60px;background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:20px;font-size:2rem;font-weight:600;text-align:center;line-height:1.8;color:#fff;border-left:5px solid var(--primary-color)}.story-section{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:center}.story-section.reverse{grid-template-columns:1.5fr 1fr}.story-image img{width:100%;border-radius:15px;border:1px solid var(--glass-border);box-shadow:0 20px 40px #0006;transition:transform .5s ease}.story-image img:hover{transform:scale(1.03)}.story-text-box{padding:50px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid var(--glass-border)}.story-text-box p{font-size:1.4rem;line-height:2.2;color:#ffffffe6;text-align:justify}@media(max-width:768px){.story-section,.story-section.reverse{grid-template-columns:1fr}.story-title{font-size:3.5rem}.story-catchphrase{font-size:1.4rem}}.event-page{min-height:100vh;padding:100px 5% 50px;display:flex;flex-direction:column;align-items:center}.events-container{width:100%;max-width:1400px;display:flex;flex-direction:column;gap:100px;margin-top:50px}.event-item{display:flex;align-items:center;gap:60px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:60px;border-radius:40px;border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #00000080;transition:transform .4s ease,border-color .4s ease}.event-item:hover{transform:translateY(-10px);border-color:var(--primary-color)}.event-content{flex:1;display:flex;flex-direction:column;gap:15px;text-align:left}.event-year{font-size:1.2rem;font-weight:800;color:var(--primary-color);letter-spacing:.2rem}.event-title{font-size:2.5rem;font-weight:800;margin:0;color:#fff;line-height:1.2}.event-description{font-size:1.1rem;line-height:1.6;color:#ffffffd9;margin-top:10px}.event-image-wrapper{flex:1.5;border-radius:20px;overflow:hidden;position:relative;aspect-ratio:4/3;background:#ffffff0d;display:flex;justify-content:center;align-items:center}.event-image{width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.23,1,.32,1)}.event-item:hover .event-image{transform:scale(1)}@media(max-width:1024px){.event-item{flex-direction:column-reverse;gap:30px;padding:40px}.event-content{text-align:center}.event-title{font-size:2rem}}@media(max-width:600px){.event-item{padding:30px 20px}.event-title{font-size:1.5rem}}.onair-page{position:relative;padding-top:5rem;padding-bottom:5rem;color:#fff;max-width:1400px;margin:0 auto;font-family:Hiragino Kaku Gothic ProN,Meiryo,sans-serif;z-index:10}.title-content-animation{animation:fadeIn .8s ease-out}.title-sidebar{width:230px;flex-shrink:0;position:fixed;top:130px;left:10px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem .5rem;border-radius:12px;z-index:2000}.sidebar-label{font-size:.7rem;color:#ffd70099;letter-spacing:.2rem;font-weight:900;margin-bottom:.2rem}.title-button-track{display:flex;flex-direction:column;gap:.8rem;width:100%;align-items:center}.title-button{background:#ffffff14;border:1px solid rgba(255,255,255,.1);padding:4px;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);border-radius:8px;width:80%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden}.title-button img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) opacity(.5);transition:all .4s}.title-button:hover{background:#ffffff14;transform:translate(5px);border-color:#ffd7004d}.title-button:hover img{filter:grayscale(0) opacity(1)}.title-button.active{background:#ffd7000d;border-color:gold;box-shadow:0 0 15px #ffd70033;transform:scale(1.05) translate(2px)}.title-button.active img{filter:grayscale(0) opacity(1)}.page-intro-container{max-width:1000px;margin:0 auto 3rem;padding:2rem 3rem;background:#0a0f1e66;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 15px 40px #0000004d,inset 0 0 20px #ffffff05;text-align:center;position:relative;overflow:hidden}.page-intro-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.03) 0%,transparent 70%);pointer-events:none}.page-intro-synopsis p{font-size:1.2rem;line-height:2;color:#ffffffe6;margin-bottom:1rem;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.page-intro-synopsis p:last-child{margin-bottom:0}.page-intro-title-image{max-width:500px;margin:0 auto 2rem;filter:drop-shadow(0 0 10px rgba(255,215,0,.2))}.page-intro-title-image img{width:100%;height:auto;display:block;mix-blend-mode:lighten;filter:drop-shadow(0 5px 15px rgba(0,0,0,.5))}.top-thumbnail-nav{width:100%;margin:2rem 0 3rem;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;padding:10px 0}.top-thumbnail-nav::-webkit-scrollbar{height:6px}.top-thumbnail-nav::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.top-thumbnail-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.top-thumbnail-nav::-webkit-scrollbar-thumb:hover{background:#fff9}.thumbnail-track{display:inline-flex;gap:16px;padding:0 5%}.thumbnail-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;opacity:.6;transition:all .3s cubic-bezier(.25,.8,.25,1);flex-shrink:0}.thumbnail-wrapper:hover{opacity:.9;transform:translateY(-2px)}.thumbnail-wrapper.active{opacity:1;transform:scale(1.05);z-index:2}.thumbnail-item{position:relative;width:160px;height:90px;border-radius:8px;overflow:hidden;border:2px solid transparent;box-shadow:0 5px 15px #0000004d}.thumbnail-wrapper.active .thumbnail-item{border-color:gold;box-shadow:0 0 15px #ffd70080}.thumbnail-item img{width:100%;height:100%;object-fit:cover;pointer-events:none}.thumbnail-label{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px #000;transition:color .3s}.thumbnail-wrapper.active .thumbnail-label{color:gold}.episode-detail-container{display:flex;flex-direction:column;align-items:center;background:#0a0f1e66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2.5rem;margin:0 5%;box-shadow:0 20px 40px #0000004d}.episode-image-wrapper{width:100%;max-width:1000px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080;margin-bottom:2rem;border:1px solid rgba(255,255,255,.15);background-color:#000}.episode-large-image{width:100%;height:auto;max-height:85vh;display:block;object-fit:contain}.episode-info{width:100%;max-width:1000px;text-align:center}.episode-title-frame{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;padding:.8rem 2rem;background:#ffffff0d;border:1px solid rgba(255,215,0,.3);border-radius:50px;box-shadow:0 4px 15px #0003;position:relative;overflow:hidden}.episode-title-frame:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:.5s}.episode-detail-container:hover .episode-title-frame:before{left:150%;transition:1s}.episode-number{font-size:1.2rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:.1em;padding-right:1.5rem;border-right:1px solid rgba(255,215,0,.3)}.episode-subtitle{font-size:2rem;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.4);letter-spacing:.05em}.episode-synopsis{font-size:1.3rem;line-height:1.8;color:#ffffffd9;text-align:justify;text-justify:inter-ideograph}.fade-in{animation:fadeIn .6s ease forwards}.fade-up{animation:fadeUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.delay-1{animation-delay:.1s}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.fade-in-left{animation:fadeInLeft .8s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:1024px){.title-sidebar{width:100%;position:fixed;top:auto;bottom:0;left:0;flex-direction:row;padding:.8rem;height:auto;overflow-x:auto;justify-content:center;border-radius:20px 20px 0 0;border-bottom:none;box-shadow:0 -5px 20px #0006}.sidebar-label{font-size:.6rem;margin-right:.5rem}.title-button-track{flex-direction:row;width:auto;gap:.6rem}.title-button{width:80px;padding:2px}.title-button:hover{transform:translateY(-3px)}}@media(max-width:768px){.thumbnail-item{width:120px;height:70px}.episode-title-frame{flex-direction:column;gap:.5rem;padding:.8rem 1.2rem;border-radius:16px}.episode-number{border-right:none;padding-right:0;font-size:1rem}.episode-subtitle{font-size:1.4rem}.episode-synopsis{font-size:1.05rem;line-height:1.6}}.music-page{height:100vh;color:#fff;font-family:Inter,Outfit,sans-serif;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.music-page:before{content:"";position:absolute;inset:0;opacity:.6;z-index:0}.music-container{position:relative;z-index:1;width:100%;max-width:1400px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:0}.music-page .page-title{font-size:4rem;font-weight:800;margin-bottom:0;letter-spacing:.5rem;color:#fff;text-shadow:0 0 20px rgba(0,242,255,.5);animation:fadeIn .8s ease-out}.music-page .page-subtitle{font-size:1rem;color:var(--primary-color);margin-bottom:60px;font-weight:300;letter-spacing:.3rem;animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.carousel-wrapper{position:relative;width:1300px;height:700px;display:flex;justify-content:center;align-items:center;margin-top:100px}.circular-carousel{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.music-item{position:absolute;width:200px;height:200px;cursor:pointer;transition:all .7s cubic-bezier(.34,1.56,.64,1)}.image-frame{width:100%;height:100%;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #00000080;transition:border-color .3s ease,box-shadow .3s ease}.music-item.active .image-frame{border-color:#00e5ff;box-shadow:0 0 50px #00e5ff66}.music-item img{width:100%;height:100%;object-fit:cover}.music-info-panel{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:700px;height:500px;background:#ffffff08;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:200px;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 80px #0000004d;animation:fadeInPanel 1.2s ease-out;z-index:5}.nav-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-btn:hover{background:#00e5ff33;border-color:#00e5ff;transform:scale(1.1);box-shadow:0 0 20px #00e5ff66}.nav-btn .arrow-icon{width:12px;height:12px;border-top:3px solid #fff;border-right:3px solid #fff;display:block}.nav-btn.prev .arrow-icon{transform:rotate(-135deg);margin-left:5px}.nav-btn.next .arrow-icon{transform:rotate(45deg);margin-right:5px}.info-content{flex:1;text-align:center;padding:0 1rem}.song-title{font-size:2.5rem;margin-bottom:.5rem;color:#fff;font-weight:800;letter-spacing:.1rem}.artist-name{font-size:1.5rem;color:#00e5ff;margin-bottom:.5rem;font-weight:500}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin:1rem 0}.description{font-size:1.3rem;line-height:1.6;color:#ddd;font-weight:300}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInPanel{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:1024px){.music-page .page-title{font-size:3rem;letter-spacing:.3rem}}@media(max-width:768px){.music-page .page-title{font-size:2rem;letter-spacing:.2rem}.music-page .page-subtitle{font-size:.8rem;margin-bottom:30px}.carousel-wrapper{width:100%;margin-top:100px}.music-info-panel{width:90%;height:auto;padding:2rem 1rem;border-radius:40px}}:root{--primary-color: #ffcc00;--secondary-color: #ff6600;--bg-dark: #121212;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #cccccc;--card-shadow: 0 10px 30px rgba(0, 0, 0, .5)}.sns-page{position:relative;min-height:100vh;color:var(--text-primary);font-family:Inter,Roboto,sans-serif;overflow-x:hidden;padding:80px 20px}.sns-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(255,204,0,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.sns-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.sns-header{text-align:center;margin-bottom:60px}.page-title{font-size:3rem;font-weight:800;letter-spacing:.1em;margin-bottom:5px;background:linear-gradient(135deg,var(--primary-color) 0%,#fff 50%,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.page-subtitle{font-size:1rem;font-weight:300;color:var(--text-secondary);letter-spacing:.3em;margin-bottom:20px}.header-line{width:100px;height:4px;background:var(--primary-color);margin:0 auto;border-radius:2px;box-shadow:0 0 15px var(--primary-color)}.link-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:20px}.link-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;box-shadow:var(--card-shadow);flex:0 1 calc(50% - 20px);max-width:550px;min-width:300px}.link-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--primary-color);box-shadow:0 20px 40px #ffcc0026}.card-image-wrapper{position:relative;width:100%;height:200px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.link-card:hover .card-image{transform:scale(1.1)}.hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.link-card:hover .hover-overlay{opacity:1}.visit-text{color:#fff;font-weight:700;border:2px solid var(--primary-color);padding:8px 20px;border-radius:30px;transform:translateY(20px);transition:transform .4s ease}.link-card:hover .visit-text{transform:translateY(0)}.card-info{padding:24px;background:#ffffff08;flex-grow:1;display:flex;align-items:center}.link-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0;transition:color .3s ease}.link-card:hover .link-title{color:var(--primary-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.link-card{animation:fadeIn .8s ease backwards}.link-card:nth-child(1){animation-delay:.1s}.link-card:nth-child(2){animation-delay:.2s}.link-card:nth-child(3){animation-delay:.3s}.link-card:nth-child(4){animation-delay:.4s}.link-card:nth-child(5){animation-delay:.5s}@media(max-width:768px){.page-title{font-size:2rem}.link-grid{display:flex;flex-direction:column;align-items:center;max-width:450px;margin:0 auto}.link-card{flex:1 1 100%;width:100%}.sns-page{padding:60px 15px}}