body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body.links-page-body{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)!important;background:-o-linear-gradient(135deg,#667eea 0,#764ba2 50%,#f093fb 100%)!important;background-attachment:fixed!important;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #00000026;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='1' fill='%23fff' fill-opacity='.05'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem;position:relative;z-index:1}.header-container,.header-logo{align-items:center;display:flex}.header-logo{gap:1rem}.logo-image{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:3px solid #ffffff4d;border-radius:50%;height:60px;object-fit:cover;width:60px}.site-title{color:#fff;font-family:Hiragino Sans,Yu Gothic Medium,Meiryo,sans-serif;margin:0}.title-main{display:block;font-size:1.8rem;font-weight:700;margin-bottom:.2rem;text-shadow:2px 2px 4px #0000004d}.title-sub{display:block;font-size:.9rem;font-weight:400;opacity:.9;text-shadow:1px 1px 2px #0000004d}.header-nav{align-items:center;display:flex}.nav-list{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.nav-item,.nav-link{position:relative}.nav-link{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1f;border:1px solid #fff3;border-radius:25px;box-shadow:0 2px 10px #0000001a;color:#fff;display:block;font-size:.95rem;font-weight:500;overflow:hidden;padding:.8rem 1.2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover:not(.active){background:#ffffff38;border-color:#ffffff4d;box-shadow:0 6px 20px #00000040;transform:translateY(-1px) scale(1.02)}.nav-link.active:hover{background:linear-gradient(45deg,#fff6,#ffffff4d);box-shadow:0 6px 20px #0000004d,0 0 25px #fff6;transform:translateY(-3px)}.nav-link.active{background:linear-gradient(45deg,#ffffff59,#ffffff40);border:2px solid #fff9;box-shadow:0 4px 15px #00000040,0 0 20px #ffffff4d;transform:translateY(-2px)}.nav-link.active:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #ffffffe6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:0;top:-3px;width:0}.nav-link.active:after,.nav-link.active:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.nav-link.active:after{background:linear-gradient(90deg,#0000,#ffffffe6,#0000);border-radius:2px;bottom:-6px;box-shadow:0 0 8px #fff9;height:3px;width:12px}@media (max-width:768px){.header-container{padding:.8rem 1rem}.header-container,.header-logo{justify-content:center}.header-nav{display:none}.title-main{font-size:1.5rem}.title-sub{font-size:.8rem}}@media (max-width:480px){.header-container{padding:.6rem .8rem}.logo-image{height:45px;width:45px}.title-main{font-size:1.2rem}.title-sub{font-size:.7rem}}.hero-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-container{margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:2}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;min-height:80vh}.hero-image{align-items:center;display:flex;justify-content:center;position:relative}.profile-image{filter:drop-shadow(0 20px 40px rgba(0,0,0,.2));height:auto;max-height:500px;object-fit:contain;position:relative;transition:transform .3s ease;width:350px;z-index:2}.profile-image:hover{transform:scale(1.05)}.image-glow{animation:glow-pulse 3s ease-in-out infinite;background:radial-gradient(ellipse,#ffffff26 0,#0000 60%);height:500px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.hero-text{color:#fff;text-align:left}.hero-title{font-family:Hiragino Sans,Yu Gothic Medium,Meiryo,sans-serif;margin:0 0 2rem}.title-greeting{font-size:1.2rem;font-weight:400;opacity:.9;text-shadow:1px 1px 2px #0000004d}.title-greeting,.title-name{display:block;margin-bottom:.5rem}.title-name{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;text-shadow:2px 2px 4px #0000004d}.title-description{display:block;font-size:1.1rem;font-weight:400}.hero-description,.title-description{opacity:.9;text-shadow:1px 1px 2px #0000004d}.hero-description{font-size:1rem;line-height:1.8;margin-bottom:2rem}.hero-stats{display:flex;gap:2rem;margin-bottom:2rem}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;min-width:120px;padding:1rem;text-align:center}.stat-number{color:#fff;display:block;font-size:1.8rem;margin-bottom:.3rem;text-shadow:1px 1px 2px #0000004d}.stat-label{color:#fff;display:block;opacity:.95;text-shadow:1px 1px 2px #0006}.hero-actions{display:flex;gap:1rem}.btn-primary,.btn-secondary{border:none;border-radius:30px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);box-shadow:0 4px 15px #ff6b6b66;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #ff6b6b99;transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#fff3;box-shadow:0 6px 20px #fff3;transform:translateY(-2px)}.floating-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.floating-heart,.floating-star{animation:float 6s ease-in-out infinite;font-size:2rem;position:absolute}.star-1{animation-delay:0s;left:10%;top:20%}.star-2{animation-delay:2s;right:10%;top:60%}.star-3{animation-delay:4s;left:20%;top:80%}.heart-1{animation-delay:1s;right:25%;top:30%}.heart-2{animation-delay:3s;left:80%;top:70%}@media (max-width:768px){.hero-section{align-items:flex-start}.hero-content{gap:1.5rem;grid-template-columns:1fr;min-height:auto;text-align:center}.hero-container{padding:1.5rem}.profile-image{height:auto;max-height:250px;width:180px}.image-glow{height:280px;width:220px}.title-name{font-size:2.5rem}.hero-stats{flex-wrap:nowrap;gap:.8rem;justify-content:center}.stat-item{min-width:90px;padding:.8rem .5rem}.stat-number{font-size:1.4rem;margin-bottom:.2rem}.stat-label{font-size:.8rem}.hero-actions{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.hero-container{padding:1rem}.hero-content{gap:1rem}.profile-image{height:auto;max-height:200px;width:150px}.image-glow{height:220px;width:180px}.title-name{font-size:2rem}.hero-description{font-size:1rem}.hero-stats{gap:.5rem}.stat-item{min-width:80px;padding:.6rem .3rem}.stat-number{font-size:1.2rem}.stat-label{font-size:.7rem}.btn-primary,.btn-secondary{font-size:.9rem;padding:.8rem 1.5rem}.floating-heart,.floating-star{font-size:1.5rem}}.profile-section{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#7877c633 0,#0000 50%),linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:6rem 0;position:relative}.profile-section:before{background:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff0d 0,#0000 50%);bottom:0;left:0;right:0;top:0}.profile-section:after,.profile-section:before{content:"";pointer-events:none;position:absolute}.profile-section:after{animation:float 20s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;height:200%;left:-50%;top:-50%;width:200%}.profile-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:2}.profile-header{margin-bottom:2rem;position:relative;text-align:center}.profile-title{color:#fff;font-size:4rem;font-weight:900;letter-spacing:-.02em;margin-bottom:1.5rem;position:relative;text-shadow:0 4px 20px #0000004d,0 2px 4px #0003}.profile-title:after{background:linear-gradient(90deg,#0000,#fffc,#0000);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.profile-subtitle{color:#ffffffe6;font-size:1.4rem;font-weight:300;letter-spacing:.05em;margin:0}.profile-content{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.profile-card{backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;box-shadow:0 8px 32px #667eea26,inset 0 1px 0 #fff6,inset 0 -1px 0 #0000000d;display:flex;flex-direction:column;height:430px;overflow:visible;padding:1.2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.profile-card.mobile-hidden,.profile-card.mobile-visible{display:flex}.profile-card:before{background:linear-gradient(90deg,#0000,#fff9,#0000);border-radius:20px 20px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.profile-card:hover{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:#ffffff40;border-color:#fff6;box-shadow:0 20px 50px #667eea40,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000000d;transform:translateY(-12px) scale(1.03)}.profile-section .card-header{align-items:center;display:flex!important;flex-shrink:0;gap:.8rem;margin-bottom:1rem;width:100%}.profile-section .card-icon{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff4d;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 20px #667eea33,inset 0 1px 0 #ffffff80;display:flex!important;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px}.profile-section .card-icon:after{background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border-radius:11px;bottom:1px;content:"";left:1px;pointer-events:none;position:absolute;right:1px;top:1px}.profile-section .card-icon .icon{color:#667eea;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.3rem}.profile-section .card-title{color:#fffffff2;display:inline-block;flex:1 1;font-size:1.1rem;font-weight:700;margin:0!important;padding:0!important;text-shadow:0 2px 4px #0000001a}.info-list{display:flex;flex-direction:column;gap:1.2rem}.info-item{align-items:center;background:none;border:none;display:flex;justify-content:space-between;padding:0;transition:all .3s ease}.info-item:hover{transform:translateX(5px)}.info-label{color:#fffc;font-size:1rem;font-weight:600;min-width:60px}.info-value{color:#fffffff2;font-size:1.1rem;font-weight:500;text-align:right}.story-content{display:flex;flex:1 1;flex-direction:column;line-height:1.7}.story-text{color:#ffffffd9;font-size:1.1rem;font-weight:400;line-height:1.5;margin-bottom:1.5rem}.heritage-title{align-items:center;color:#fffffff2;display:flex;font-size:.95rem;font-weight:700;gap:.4rem;margin-bottom:.6rem;text-shadow:0 1px 2px #0000001a}.heritage-title:before{content:"👑";font-size:1rem}.heritage-text{color:#fffc;font-size:.8rem;font-weight:400;line-height:1.5;margin:0}.appearance-grid{grid-gap:.8rem;display:grid;flex:1 1;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.appearance-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;display:flex;gap:.6rem;overflow:hidden;padding:.8rem;position:relative;transition:all .3s ease}.appearance-item:before{background:linear-gradient(90deg,#fff9,#ffffff4d);border-radius:10px 10px 0 0;content:"";height:2px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.appearance-item:hover:before{transform:scaleX(1)}.appearance-item:hover{background:#ffffff40;box-shadow:0 6px 20px #667eea26;transform:translateY(-2px)}.feature-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.3rem;min-width:30px}.feature-title{color:#fffffff2;font-size:.85rem;font-weight:700;margin-bottom:.2rem;text-shadow:0 1px 2px #0000001a}.feature-desc{color:#fffc;font-size:.75rem;font-weight:400;margin:0}.personality-content{display:flex;flex:1 1;flex-direction:column}.personality-traits{flex:1 1;margin-bottom:1rem}.trait-item{align-items:center;background:none;border:none;display:flex;justify-content:space-between;margin-bottom:1.2rem;padding:0;transition:all .3s ease}.trait-item:hover{transform:translateX(5px)}.trait-label{color:#fffc;font-size:1rem;font-weight:600;min-width:80px}.trait-value{color:#fffffff2;flex:1 1;font-size:1rem;font-weight:500;text-align:right}.greeting-title{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.greeting-title:before{content:"✨";font-size:1rem}.greeting-text{background:#ffffff80;border:1px solid #ffffff4d;border-radius:10px;color:#4a5568;font-size:1rem;font-style:italic;font-weight:500;line-height:1.6;margin:0;padding:.8rem;text-align:center}.talents-grid{display:flex;flex:1 1;flex-direction:column;gap:.6rem}.talent-item{align-items:flex-start;background:none;border:none;display:flex;gap:.6rem;margin-bottom:.4rem;padding:0;transition:all .3s ease}.talent-item:hover{transform:translateX(5px)}.talent-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:1.2rem;min-width:25px}.talent-title{color:#fffffff2;font-size:.9rem;font-weight:600;margin-bottom:.3rem}.talent-desc{color:#fffc;font-size:.75rem;font-weight:400;line-height:1.3;margin:0}.timeline{--tl-offset:16px;flex:1 1;position:relative}.timeline:before{background:linear-gradient(180deg,#fff9,#ffffff4d);border-radius:1px;bottom:0;box-shadow:0 0 8px #fff3;content:"";left:var(--tl-offset);position:absolute;top:0;width:2px}.timeline-item{margin-bottom:1.2rem;padding-left:calc(var(--tl-offset) + 1.5rem);position:relative}.timeline-item:before{background:#ffffffe6;border:2px solid #fff9;border-radius:50%;box-shadow:0 2px 6px #0003;content:"";height:12px;left:calc(var(--tl-offset) - 6px);position:absolute;width:12px;z-index:2}.timeline-date{color:#ffffffe6;font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:.3rem;text-transform:uppercase}.timeline-event{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fffffff2;font-size:.85rem;font-weight:500;padding:.4rem .8rem}.mobile-toggle-container{display:none;margin-top:1.5rem;text-align:center}.mobile-toggle-button{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 20px #667eea33;color:#fffffff2;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.8rem;margin:0 auto;padding:1rem 1.5rem;transition:all .3s ease}.mobile-toggle-button:hover{background:#ffffff4d;box-shadow:0 6px 25px #667eea4d;transform:translateY(-2px)}.mobile-toggle-button:active{transform:translateY(0)}.button-text{flex:1 1;text-align:center}.button-arrow{font-size:.9rem}@media (max-width:768px){.profile-section{padding:3rem 0 2rem}.profile-container{padding:0 1rem}.profile-header{margin-bottom:1rem}.profile-title{font-size:3rem;margin-bottom:.8rem}.profile-subtitle{font-size:1.2rem}.profile-content{gap:1.5rem;grid-template-columns:1fr}.profile-card{height:auto;padding:1rem}.mobile-toggle-container{display:block;margin-bottom:.5rem;margin-top:1rem}.profile-card.mobile-hidden{display:none}.profile-card.mobile-visible{animation:slideInFromTop .3s ease-out;display:flex}.profile-card.always-visible{display:flex!important}.appearance-grid,.info-grid{grid-template-columns:1fr}.trait-item{align-items:flex-start;flex-direction:column;gap:.8rem}.trait-value{text-align:left}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.profile-section{padding:2.5rem 0 1.5rem}.profile-header{margin-bottom:.8rem}.profile-title{font-size:2.5rem;margin-bottom:.6rem}.profile-card{height:auto;padding:.8rem}.card-icon{height:50px;width:50px}.card-icon .icon{font-size:1.5rem}.card-title{font-size:1.3rem}.timeline{--tl-offset:12px}.mobile-toggle-button{font-size:.9rem;padding:.8rem 1.2rem}.button-icon{font-size:1rem}.button-arrow{font-size:.8rem}}.video-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.video-card:hover{box-shadow:0 8px 30px #0003;transform:translateY(-5px)}.video-thumbnail{background:#f0f0f0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.thumbnail-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.video-card:hover .thumbnail-image{transform:scale(1.05)}.video-duration{background:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:.75rem;font-weight:700;padding:4px 8px;position:absolute;right:8px}.video-overlay{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.video-card:hover .video-overlay{opacity:1}.play-button{align-items:center;background:#ffffffe6;border-radius:50%;color:#333;display:flex;height:60px;justify-content:center;text-decoration:none;transform:scale(.8);transition:all .3s ease;width:60px}.video-card:hover .play-button{background:#fff;transform:scale(1)}.play-button:hover{background:#f0f0f0}.video-info{padding:1rem}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:1rem;font-weight:700;line-height:1.4;margin:0 0 .5rem;min-height:2.8rem;overflow:hidden}.video-stats{color:#666;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.5rem;margin-bottom:.75rem}.like-count,.published-date,.view-count{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;gap:.25rem;padding:.25rem .5rem;white-space:nowrap}.view-count{background:linear-gradient(45deg,#e3f2fd,#bbdefb)}.like-count{background:linear-gradient(45deg,#fce4ec,#f8bbd9)}.published-date{background:linear-gradient(45deg,#f3e5f5,#e1bee7)}.video-tags{display:flex;flex-wrap:wrap;gap:.25rem}.video-tag{background:#667eea1a;border:1px solid #667eea33;border-radius:8px;color:#667eea;font-size:.7rem;padding:.2rem .5rem;white-space:nowrap}@media (max-width:768px){.video-card{border-radius:12px}.video-info{padding:.75rem}.video-title{font-size:.9rem;min-height:2.4rem}.video-stats{font-size:.75rem;gap:.3rem}.like-count,.published-date,.view-count{padding:.2rem .4rem}.play-button{height:50px;width:50px}}@media (max-width:480px){.video-info{padding:.5rem}.video-title{font-size:.85rem;min-height:2rem}.video-stats{font-size:.7rem}.video-tag{font-size:.65rem}.play-button{height:45px;width:45px}}.video-card{animation:fadeInUp .6s ease-out}.video-card.loading{animation:pulse 1.5s ease-in-out infinite;background:#f5f5f5}.video-section{background:linear-gradient(180deg,#f8fafc,#fff);padding:4rem 0;position:relative;scroll-margin-top:120px}.video-section-container{margin:0 auto;max-width:1200px;padding:0 2rem}.video-section .section-header{margin-bottom:3rem;text-align:center}.video-section .section-title{align-items:center;color:#333;display:flex;font-family:Hiragino Sans,Yu Gothic Medium,Meiryo,sans-serif;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin:0 0 1rem}.title-icon{font-size:2rem}.video-section .section-description{color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.video-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.tab-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:25px;box-shadow:0 2px 10px #0000000d;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.tab-button:hover{border-color:#667eea;box-shadow:0 4px 20px #667eea33;color:#667eea;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 20px #667eea4d;color:#fff}.tab-icon{font-size:1.2rem}.video-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.loading-placeholder{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px}.video-thumbnail.loading-placeholder{border-radius:15px 15px 0 0;height:200px}.loading-title{height:1.5rem;margin-bottom:.5rem}.loading-stats{height:1rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.section-footer{margin:3rem 0;text-align:center}.view-all-button{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:30px;box-shadow:0 4px 20px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.view-all-button:hover{box-shadow:0 6px 30px #667eea66;transform:translateY(-2px)}.button-arrow{font-size:1.2rem;transition:transform .3s ease}.view-all-button:hover .button-arrow{transform:translateX(5px)}.video-stats-summary{grid-gap:1.5rem;border-top:2px solid #f0f0f0;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:3rem;padding-top:3rem}.stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:15px;box-shadow:0 4px 20px #00000014;padding:2rem;text-align:center;transition:transform .3s ease}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.stat-icon{font-size:2.5rem;margin-bottom:1rem}.stat-info{display:flex;flex-direction:column;gap:.5rem}.video-stats-summary .stat-label{color:gray}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2rem;font-weight:700}.stat-label{color:#e4e4e4;font-size:.9rem;font-weight:500}@media (max-width:768px){.video-section-container{margin-bottom:50px;padding:0 1rem}.video-section .section-title{flex-direction:column;font-size:2rem;gap:.5rem}.title-icon{font-size:1.5rem}.video-section .section-description{font-size:1rem}.video-tabs{gap:.5rem;justify-content:center}.tab-button{flex:1 1;font-size:.9rem;justify-content:center;max-width:200px;padding:.8rem 1rem}.video-grid{gap:1.5rem;grid-template-columns:1fr}.video-stats-summary{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}}@media (max-width:480px){.video-section{padding:2rem 0}.video-section .section-title{font-size:1.8rem}.video-section .section-description{font-size:.9rem;padding:0 1rem}.tab-button{font-size:.9rem;padding:.7rem 1.2rem}.view-all-button{font-size:1rem;padding:.8rem 1.5rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.stat-icon{font-size:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.video-section{animation:fadeInUp .8s ease-out}.video-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23667eea' opacity='.1'/%3E%3Ccircle cx='80' cy='20' r='2' fill='%23764ba2' opacity='.1'/%3E%3Ccircle cx='40' cy='60' r='2' fill='%23667eea' opacity='.1'/%3E%3Ccircle cx='70' cy='80' r='2' fill='%23764ba2' opacity='.1'/%3E%3C/svg%3E") repeat;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.mobile-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -4px 20px #00000026;display:none;left:0;margin:0;position:fixed;right:0;width:100%;z-index:9999}.mobile-nav-container{align-items:center;display:flex;justify-content:space-around;margin:0;max-width:100%;padding:.5rem 0;width:100%}.mobile-nav-item{align-items:center;border-radius:12px;color:#ffffffb3;display:flex;flex-direction:column;min-width:60px;overflow:hidden;padding:.5rem .8rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-nav-item:before{background:#ffffff1a;border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.mobile-nav-item:hover:not(.active):before{opacity:.7}.mobile-nav-item.active:before{opacity:1}.mobile-nav-item.active{background:#ffffff26;box-shadow:0 4px 12px #0003;color:#fff;transform:translateY(-3px)}.mobile-nav-icon{height:24px;margin-bottom:.25rem;position:relative;width:24px;z-index:1}.mobile-nav-icon svg{height:100%;transition:transform .3s ease;width:100%}.mobile-nav-item.active .mobile-nav-icon svg,.mobile-nav-item:hover .mobile-nav-icon svg{transform:scale(1.1)}.mobile-nav-label{font-size:.7rem;font-weight:500;line-height:1;position:relative;text-align:center;z-index:1}.mobile-nav-item.active .mobile-nav-label{font-weight:600}.mobile-nav-item.active:after{background:linear-gradient(90deg,#0000,#ffffffe6,#0000);border-radius:2px;box-shadow:0 0 10px #ffffffb3;content:"";height:3px;left:50%;position:absolute;top:-4px;transform:translateX(-50%);width:24px}.mobile-nav-item.active .mobile-nav-icon{background:#ffffff1a;border-radius:8px;padding:2px}@media (max-width:768px){.mobile-nav{display:block}}body.chat-overlay-open .mobile-nav{display:none!important}@media (max-width:480px){.mobile-nav-container{margin:0;padding:.4rem 0}.mobile-nav-item{min-width:50px;padding:.4rem .6rem}.mobile-nav-icon{height:20px;width:20px}.mobile-nav-label{font-size:.65rem}}.scroll-to-top{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:50%;bottom:20px;box-shadow:0 4px 20px #00000026;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;position:fixed;right:20px;transform:translateY(20px) scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:50px;z-index:999}.scroll-to-top.visible{opacity:1;transform:translateY(0) scale(1);visibility:visible}.scroll-to-top:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 25px #00000040;transform:translateY(-2px) scale(1.05)}.scroll-to-top:active{box-shadow:0 2px 10px #0003;transform:translateY(0) scale(.95)}.scroll-icon{height:24px;transition:transform .3s ease;width:24px}.scroll-to-top:hover .scroll-icon{transform:translateY(-2px)}.scroll-to-top:before{background:linear-gradient(45deg,#ffffff4d,#0000);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.scroll-to-top:hover:before{opacity:1}@media (max-width:768px){.scroll-to-top{bottom:90px;height:45px;right:15px;width:45px}.scroll-icon{height:20px;width:20px}}@media (max-width:480px){.scroll-to-top{bottom:85px;height:42px;right:12px;width:42px}.scroll-icon{height:18px;width:18px}}.scroll-to-top:focus{outline:2px solid #667eea;outline-offset:2px}.scroll-to-top.visible{animation:pulse 2s infinite}.scroll-to-top:hover{animation:none}.error-boundary{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.error-boundary__container{margin:0 auto;max-width:600px;width:100%}.error-boundary__content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000004d;padding:3rem 2rem;text-align:center}.error-boundary__icon{margin-bottom:2rem}.error-emoji{animation:shake 2s ease-in-out infinite}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-boundary__message{margin-bottom:2.5rem}.error-boundary__title{font-size:2rem;font-weight:700;margin:0 0 1rem;text-shadow:2px 2px 4px #0000004d}.error-boundary__description{font-size:1.1rem;line-height:1.6;margin:0;opacity:.9}.error-boundary__actions{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.error-boundary__button{border:none;border-radius:50px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.error-boundary__button.primary{background:linear-gradient(45deg,#fff,#f1f2f6);box-shadow:0 10px 20px #fff3;color:#333}.error-boundary__button.primary:hover{box-shadow:0 15px 30px #ffffff4d;transform:translateY(-2px)}.error-boundary__button.secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.error-boundary__button.secondary:hover{background:#ffffff4d;transform:translateY(-1px)}.error-boundary__details{background:#0000004d;border-radius:10px;margin-bottom:2rem;overflow:hidden;text-align:left}.error-boundary__details-summary{background:#0003;cursor:pointer;font-weight:600;list-style:none;outline:none;padding:1rem}.error-boundary__details-summary::-webkit-details-marker{display:none}.error-boundary__details-summary:before{content:"▶ ";display:inline-block;transition:transform .2s ease}.error-boundary__details[open] .error-boundary__details-summary:before{transform:rotate(90deg)}.error-boundary__details-content{max-height:300px;overflow-y:auto;padding:1rem}.error-detail{margin-bottom:1.5rem}.error-detail h3{color:gold;font-size:1rem;margin:0 0 .5rem}.error-detail pre{background:#0006;border-radius:5px;font-size:.8rem;line-height:1.4;margin:0;overflow-x:auto;padding:.8rem;white-space:pre-wrap;word-break:break-word}.error-boundary__feedback{border-top:1px solid #fff3;padding-top:1.5rem}.feedback-text{font-size:.9rem;line-height:1.5;margin:0;opacity:.8}@media (min-width:768px){.error-boundary__content{padding:4rem 3rem}.error-emoji{font-size:5rem}.error-boundary__title{font-size:2.5rem}.error-boundary__actions{flex-direction:row;gap:1.5rem;justify-content:center}}@media (max-width:767px){.error-boundary{padding:1rem}.error-boundary__content{padding:2rem 1.5rem}.error-emoji{font-size:3rem}.error-boundary__title{font-size:1.8rem}.error-boundary__description{font-size:1rem}.error-boundary__button{font-size:.9rem;min-width:180px;padding:.8rem 1.5rem}.error-detail pre{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.error-emoji{animation:none}.error-boundary__button{transition:none}}@media (prefers-color-scheme:dark){.error-boundary__button.primary{background:linear-gradient(45deg,#2c2c2c,#3c3c3c);color:#fff}}.link-card{-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);background:#ffffff1f;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a,inset 0 1px 0 #ffffff26;cursor:pointer;isolation:isolate;min-height:100px;overflow:hidden;padding:1.25rem;position:relative;transform-style:preserve-3d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.link-card.has-background-image{background-image:var(--card-bg-image);background-position:right 10px bottom 10px;background-repeat:no-repeat;background-size:80px 80px}.link-card.has-background-image:after{background-image:var(--card-bg-image);background-origin:content-box;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:12px;box-shadow:0 2px 8px #00000026;content:"";height:60px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;will-change:transform;z-index:2}.link-card.has-background-image{background-image:none!important}.link-card.has-background-image:hover:after{background-size:contain;border-radius:14px;box-shadow:0 4px 16px #00000040;height:68px;right:6px;transform:translateY(-50%);width:68px}.link-card-background-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff14;border-radius:inherit;inset:0;pointer-events:none;position:absolute;transition:all .3s ease;z-index:1}.link-card.has-background-image .link-card-background-overlay{background:#ffffff1f}.link-card:hover .link-card-background-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e}.link-card:before{background:linear-gradient(135deg,#fff3,#ffffff0d 30%,#ffffff26 60%,#ffffff14);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;opacity:0;padding:1px;position:absolute;transition:opacity .3s ease;z-index:0}.link-card:hover{background:#ffffff2e;border-color:#ffffff40;box-shadow:0 12px 32px #00000026,0 4px 16px #0000001a,inset 0 1px 0 #ffffff40;transform:translateY(-4px) scale(1.01)}.link-card.has-background-image:hover{background-position:right 6px bottom 6px;background-size:88px 88px}.link-card:hover:before{opacity:1}.link-card:focus{box-shadow:0 0 0 2px #ffffff4d,0 8px 24px #0000001f;outline:none}.link-card:active{transform:translateY(-2px) scale(1.005);transition-duration:.1s}.link-card-accent{border-radius:0 2px 2px 0;height:100%;left:0;opacity:.8;position:absolute;top:0;transition:all .3s ease;width:3px;z-index:3}.link-card:hover .link-card-accent{box-shadow:0 0 12px currentColor;box-shadow:0 0 12px var(--accent-color,currentColor);opacity:1;width:4px}.link-card-content{align-items:flex-start;display:flex;gap:.75rem;height:100%;justify-content:space-between;padding-right:80px;position:relative;z-index:2}.link-card-info{flex:1 1;min-width:0}.link-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .4rem;overflow:hidden;text-shadow:0 1px 3px #0006;transition:all .3s ease}.link-card:hover .link-card-title{color:#fff;text-shadow:0 2px 6px #00000080;transform:translateX(2px)}.link-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fffc;display:-webkit-box;font-size:.8rem;line-height:1.4;margin:0;overflow:hidden;text-shadow:0 1px 3px #0000004d;transition:all .3s ease}.link-card:hover .link-card-description{color:#fffffff2;text-shadow:0 1px 4px #0006;transform:translateX(2px)}.link-card:not(.has-background-image):after{background:radial-gradient(circle,#fff3 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;width:0;z-index:1}.link-card:not(.has-background-image):hover:after{height:200%;opacity:1;width:200%}.link-card.has-background-image .link-card-content:before{background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;width:0;z-index:0}.link-card.has-background-image:hover .link-card-content:before{height:200%;opacity:1;width:200%}.link-card:not(.has-background-image){background:#ffffff1f}.link-card.has-background-image{background-color:#ffffff14}@media (max-width:768px){.link-card{border-radius:12px;min-height:90px;padding:1rem}.link-card.has-background-image:after{background-size:contain;border-radius:8px;height:36px;right:12px;top:50%;transform:translateY(-50%);width:36px}.link-card.has-background-image:hover:after{background-size:contain;border-radius:10px;height:42px;right:9px;top:50%;transform:translateY(-50%);width:42px}.link-card-content{gap:.5rem;padding-right:56px}.link-card-title{font-size:.95rem;margin-bottom:.3rem}.link-card-description{-webkit-line-clamp:1;font-size:.75rem}.link-card:hover .link-card-description,.link-card:hover .link-card-title{transform:translateX(0)}}@media (max-width:480px){.link-card{border-radius:10px;min-height:80px;padding:.875rem}.link-card.has-background-image:after{background-size:contain;border-radius:6px;height:24px;right:10px;top:50%;transform:translateY(-50%);width:24px}.link-card.has-background-image:hover:after{background-size:contain;border-radius:8px;height:24px;right:8px;top:50%;transform:translateY(-50%);width:24px}.link-card-content{padding-right:50px}.link-card-title{font-size:.9rem}.link-card-description{font-size:.7rem}.link-card-info{max-width:80%}}@media (min-width:769px) and (max-width:1024px){.link-card{min-height:95px;padding:1.125rem}.link-card.has-background-image:after{background-size:contain;border-radius:12px;height:56px;right:10px;top:50%;transform:translateY(-50%);width:56px}.link-card-content{padding-right:76px}.link-card-title{font-size:.975rem}.link-card-description{font-size:.775rem}}@media (prefers-reduced-motion:reduce){.link-card,.link-card-accent,.link-card-background-overlay,.link-card-description,.link-card-title,.link-card:after,.link-card:before{animation:none;transition:none}.link-card:hover{transform:none}.link-card.has-background-image:hover{background-size:64px 64px}}@media (prefers-contrast:high){.link-card{background:#ffffff40;border:2px solid #fff6}.link-card-background-overlay{background:#fff3}.link-card-title{color:#fff;text-shadow:2px 2px 4px #000c}.link-card-description{color:#ffffffe6;text-shadow:1px 1px 2px #0009}}.link-card:focus-visible{outline:2px solid #fff9;outline-offset:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.link-card.has-background-image:after{background-size:contain;border-radius:14px;height:72px;right:8px;top:50%;transform:translateY(-50%);width:72px}.link-card.has-background-image:hover:after{background-size:contain;border-radius:16px;height:80px;right:6px;transform:translateY(-50%);width:80px}}.link-category-section{margin-bottom:3rem;position:relative}.category-header{margin-bottom:2rem;position:relative;text-align:center}.category-title-wrapper{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.category-icon{animation:iconFloat 4s ease-in-out infinite;font-size:2rem;line-height:1}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(3deg)}}.category-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:700;line-height:1.2;margin:0;text-shadow:2px 2px 4px #0000004d}.category-count{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #fff3;border-radius:16px;color:#ffffffd9;font-size:1.25rem;font-weight:600;padding:.2rem .6rem;text-shadow:1px 1px 2px #0000004d}.category-description{color:#ffffffe6;font-size:1rem;font-weight:400;line-height:1.5;margin:0 auto;max-width:600px;text-shadow:1px 1px 2px #0000004d}.category-links-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1400px;padding:0 .5rem}@media (min-width:1200px){.category-links-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width:1600px){.category-links-grid{gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.link-category-section:before{background:linear-gradient(90deg,#0000,#fff6,#0000);border-radius:2px;content:"";height:3px;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:60px}@media (max-width:768px){.link-category-section{margin-bottom:2rem}.category-header{margin-bottom:1.5rem}.category-title-wrapper{flex-direction:column;gap:.5rem}.category-icon,.category-title{font-size:1.75rem}.category-count{font-size:1.125rem;padding:.15rem .5rem}.category-description{font-size:.9rem;padding:0 1rem}.category-links-grid{gap:1rem;grid-template-columns:1fr;padding:0}}@media (max-width:480px){.link-category-section{margin-bottom:1.5rem}.category-links-grid{gap:.875rem}.category-icon,.category-title{font-size:1.5rem}.category-count{font-size:1rem}.category-description{font-size:.85rem}}@media (min-width:481px) and (max-width:768px){.category-links-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1024px){.category-links-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (prefers-reduced-motion:reduce){.category-icon{animation:none}}body .links-page,body:has(.links-page){background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)!important;background:-o-linear-gradient(135deg,#667eea 0,#764ba2 50%,#f093fb 100%)!important;background-attachment:fixed!important}.links-page{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)!important;background:-o-linear-gradient(135deg,#667eea 0,#764ba2 50%,#f093fb 100%)!important;background-attachment:fixed;min-height:100vh;overflow:hidden;padding:2rem 0;position:relative}.links-page:before{animation:backgroundMove 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}@keyframes backgroundMove{0%{transform:translateX(0) translateY(0)}to{transform:translateX(-60px) translateY(-60px)}}.links-page .container{margin:0 auto;max-width:1200px;padding:0 1rem;position:relative;z-index:1}.page-header{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);background:#ffffff26!important;background:-webkit-rgba(255,255,255,.15)!important;background:-moz-rgba(255,255,255,.15)!important;border:1px solid #ffffff4d;border-radius:30px;box-shadow:0 20px 40px #0003,0 0 80px #ffffff1a;margin-bottom:4rem;overflow:hidden;padding:3rem 0;position:relative;text-align:center}.page-header:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff26 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:1}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.page-title{align-items:center;color:#fff!important;display:flex;font-size:3.5rem;font-weight:800;gap:1rem;justify-content:center;line-height:1.2;margin:0 0 1rem;position:relative;text-shadow:2px 2px 4px #0006,0 0 20px #ffffff4d;z-index:2}.title-icon{animation:bounceRotate 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.5));font-size:3.5rem;line-height:1}@keyframes bounceRotate{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.page-description{color:#fffffff2!important;font-size:1.25rem;font-weight:500;line-height:1.7;margin:0 auto;max-width:800px;position:relative;text-shadow:1px 1px 2px #0006,0 0 15px #fff3;z-index:2}.desktop-break{display:block}.category-navigation{flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem;z-index:3}.category-nav-button,.category-navigation{align-items:center;display:flex;position:relative}.category-nav-button{backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;text-shadow:0 1px 2px #0006;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.category-nav-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.category-nav-button:hover:before{left:100%}.category-nav-button:hover{background:#ffffff4d;background:var(--category-color,#ffffff4d);border-color:#ffffff80;box-shadow:0 8px 20px #00000040;text-shadow:0 2px 4px #00000080;transform:translateY(-2px) scale(1.05)}.category-nav-button:active{transform:translateY(0) scale(1.02);transition-duration:.1s}.category-nav-button:focus-visible{outline:2px solid #fff9;outline-offset:2px}.nav-button-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:1.1rem;line-height:1}.nav-button-text{font-weight:600;line-height:1}.categories-container{backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);background:#ffffff1f!important;background:-webkit-rgba(255,255,255,.12)!important;background:-moz-rgba(255,255,255,.12)!important;border:1px solid #ffffff40;border-radius:30px;box-shadow:0 20px 40px #00000040,0 0 60px #ffffff1a;margin-bottom:2rem;overflow:hidden;padding:3rem 2rem;position:relative}.categories-container:before{background:radial-gradient(circle at 20% 50%,#ffffff1f 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0,#0000 50%),radial-gradient(circle at 40% 80%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.page-footer{backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);background:#ffffff1a!important;background:-webkit-rgba(255,255,255,.1)!important;background:-moz-rgba(255,255,255,.1)!important;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 25px #0003,0 0 40px #ffffff1a;padding:2rem;text-align:center}.footer-note{color:#ffffffd9!important;font-size:.875rem;font-weight:500;line-height:1.5;margin:0 0 .5rem}.footer-note,.footer-update{text-shadow:1px 1px 2px #0006}.footer-update{color:#ffffffbf!important;font-size:.75rem;font-weight:400;margin:0}@media (max-width:768px){.links-page{padding:1rem 0}.links-page .container{padding:0 .75rem}.page-header{border-radius:20px;margin-bottom:2.5rem;padding:2rem 1rem}.page-title{flex-direction:column;font-size:2.5rem;gap:.5rem}.title-icon{font-size:3rem}.page-description{font-size:1rem}.desktop-break{display:none}.categories-container{border-radius:20px;padding:2rem 1rem}.page-footer{border-radius:15px;margin-bottom:4rem;padding:1.5rem 1rem}.category-navigation{gap:.75rem;margin-top:1.5rem}.category-nav-button{border-radius:20px;font-size:.8rem;padding:.625rem 1.25rem}.nav-button-icon{font-size:1rem}}@media (max-width:480px){.page-title{font-size:2rem}.title-icon{font-size:2.5rem}.page-description{font-size:.9rem}.categories-container{padding:1.5rem .75rem}.category-navigation{gap:.5rem;margin-top:1.25rem}.category-nav-button{border-radius:18px;font-size:.75rem;padding:.5rem 1rem}.nav-button-text{display:none}.nav-button-icon{font-size:1.2rem}}@media (min-width:769px) and (max-width:1024px){.page-title,.title-icon{font-size:3rem}}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.page-header{background:#ffffff40!important}.categories-container{background:#fff3!important}.page-footer{background:#ffffff26!important}}@media (prefers-reduced-motion:reduce){.links-page:before,.page-header:before,.title-icon{animation:none}.categories-container,.page-footer,.page-header{backdrop-filter:none;-webkit-backdrop-filter:none}}.danmaku-item{align-items:center;display:flex;font-weight:500;opacity:.8;position:absolute;transition:none;white-space:nowrap;will-change:transform}.danmaku-item,.danmaku-text{font-size:20px;text-shadow:2px 2px 4px #000000e6,-1px -1px 2px #000000e6,1px -1px 2px #000000e6,-1px 1px 2px #000000e6}.danmaku-text{border-radius:20px;color:#fff;font-weight:600;padding:8px 16px}@media (max-width:1024px){.danmaku-item,.danmaku-text{font-size:16px}.danmaku-text{padding:6px 12px}}@media (max-width:768px){.danmaku-item,.danmaku-text{font-size:14px}.danmaku-text{padding:4px 10px}}@media (min-width:1600px){.danmaku-item,.danmaku-text{font-size:22px}.danmaku-text{padding:10px 18px}}.skip-vote-button-container{z-index:120}.skip-vote-button-container--mobile{align-items:center;box-sizing:border-box;display:flex;justify-content:flex-end;padding:0;position:absolute;right:8px;top:8px;width:auto;z-index:130}.skip-vote-button-container--pc{display:none;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .3s ease}.skip-vote-start-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;border:2px solid #fff9;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;opacity:.9;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.skip-vote-start-button.voting-active{animation:pulse-vote 1.5s ease-in-out infinite;background:#ff5722e6;border-color:#fffc}@keyframes pulse-vote{0%,to{opacity:.9}50%{opacity:1}}.skip-vote-start-button:hover:not(:disabled){background:#000c;border-color:#fff}.skip-vote-start-button:disabled{cursor:not-allowed;opacity:.6}@media screen and (min-width:1025px){.skip-vote-button-container--mobile{display:none!important}.skip-vote-button-container--pc{display:block!important}.watch-together-page__player-container:hover .skip-vote-button-container--pc{opacity:1}}@media screen and (max-width:1024px){.skip-vote-button-container--pc{display:none!important}.skip-vote-button-container--mobile{display:block!important}.skip-vote-start-button{font-size:13px;padding:10px 12px}}.skip-vote-panel{z-index:120}.skip-vote-panel--pc{display:none;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .3s ease}.skip-vote-panel--mobile{box-sizing:border-box;display:flex;justify-content:flex-end;margin:0;padding:0;position:absolute;right:8px;top:8px;width:auto;z-index:130}.skip-vote-active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 20px #0006;color:#fff;min-width:280px;opacity:.95;padding:16px}.skip-vote-active p{font-size:14px;line-height:1.5;margin:0 0 10px}.skip-vote-active p:first-child{font-size:16px;font-weight:700;margin-bottom:12px}.skip-vote-buttons{display:flex;gap:10px;margin-top:15px}.skip-vote-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .2s ease}.skip-vote-button--skip{background-color:#ef4444;color:#fff}.skip-vote-button--skip:hover{background-color:#dc2626}.skip-vote-button--stay{background-color:#22c55e;color:#fff}.skip-vote-button--stay:hover{background-color:#16a34a}.user-vote-status{color:#a5b4fc;font-weight:700;margin-top:15px!important;text-align:center}@media screen and (min-width:1025px){.skip-vote-panel--mobile{display:none!important}.skip-vote-panel--pc{display:block!important}.watch-together-page__player-container:hover .skip-vote-panel--pc{opacity:1}}@media screen and (max-width:1024px){.skip-vote-panel--pc{display:none!important}.skip-vote-panel--mobile{display:block!important}.skip-vote-active{min-width:250px;padding:12px}.skip-vote-active p{font-size:13px}.skip-vote-active p:first-child{font-size:14px}}.skip-vote-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.skip-vote-modal-content{max-width:400px;width:calc(100% - 40px)}.skip-vote-modal-content .skip-vote-active{background:#000000e6;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #00000080;color:#fff;padding:20px;width:100%}.skip-vote-modal-close{background:#4b5563;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:12px;transition:background-color .2s ease;width:100%}.skip-vote-modal-close:hover{background:#6b7280}@media (min-width:1025px){.skip-vote-modal-overlay{display:none!important}}.video-info-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:0 0 12px 12px;color:#fff;margin:0;padding:12px 16px}@media (min-width:769px){.video-info-section{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f0f0f;border-bottom:1px solid #ffffff1a;border-radius:0;color:#fff;margin:0;padding:20px 0}.video-info__title{-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;color:#fff;display:-webkit-box;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.video-info__meta{align-items:center;color:#aaa;display:flex;flex-wrap:wrap;font-size:.9rem;gap:16px;margin-top:8px;padding-bottom:12px}.video-info__meta-primary{align-items:center;display:flex;gap:8px;margin-bottom:8px}.video-info__viewers{color:#aaa;font-size:.9rem}.video-info__status,.video-info__viewers{align-items:center;display:flex;font-weight:500;gap:6px}.video-info__status{border:1px solid #fff3;border-radius:20px;font-size:.85rem;padding:4px 12px}.video-info__status--connecting{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.video-info__status--connected{background:#10b9811a;border-color:#10b9814d;color:#10b981}.video-info__status--disconnected{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.video-info__status--reconnecting{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.video-info__time{align-items:center;color:#aaa;display:flex;font-size:.9rem;font-weight:500;gap:6px}.video-info__separator{color:#555;margin:0 4px}}.video-info__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#fff;display:-webkit-box;font-size:1.2rem;font-weight:600;line-height:1.4;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.video-info__meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px;opacity:.9}.video-info__viewers{color:#e5e5e5}.video-info__status,.video-info__viewers{align-items:center;display:flex;font-weight:500;gap:4px}.video-info__status{background:#0000004d;border-radius:12px;font-size:.8rem;padding:2px 8px}.video-info__status--connecting{color:#fbbf24}.video-info__status--connected{color:#10b981}.video-info__status--disconnected{color:#ef4444}.video-info__status--reconnecting{color:#f59e0b}.video-info__time{align-items:center;color:#e5e5e5;display:flex;font-weight:500;gap:4px}@media (max-width:768px) and (orientation:landscape){.video-info-section{padding:8px 12px}.video-info__title{-webkit-line-clamp:1;font-size:1.1rem}.video-info__meta{font-size:.8rem;gap:8px}}@media (max-width:480px){.video-info-section{padding:10px 12px}.video-info__title{font-size:1.1rem}.video-info__meta{font-size:.8rem;gap:8px}.video-info__status{font-size:.75rem;padding:1px 6px}}.compact-chat{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:12px;cursor:pointer;margin:8px;max-height:200px;min-height:160px;padding:12px 16px;position:relative;transition:all .3s ease;user-select:none;-webkit-user-select:none}.compact-chat:hover{background:#000000b3;transform:translateY(-1px)}.compact-chat:active{background:#000c;transform:scale(.98)}.compact-chat__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.compact-chat__title{align-items:center;display:flex;gap:6px}.compact-chat__icon{font-size:1.1rem}.compact-chat__count{color:#fff;font-size:.9rem;font-weight:600}.compact-chat__action{align-items:center;display:flex}.compact-chat__tap-hint{color:#ffffffb3;font-size:.75rem;font-weight:500}.compact-chat__preview{margin-bottom:6px;max-height:70px;overflow:hidden;position:relative}.compact-chat__message{align-items:baseline;display:flex;font-size:.8rem;gap:6px;line-height:1.3;margin-bottom:3px}.compact-chat__username{color:#a3a3a3;flex-shrink:0;font-weight:500;max-width:80px}.compact-chat__text,.compact-chat__username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-chat__text{color:#fff;flex:1 1}.compact-chat__timestamp{color:#ffffff80;flex-shrink:0;font-size:.7rem;margin-left:auto}.compact-chat__empty{align-items:center;display:flex;height:40px;justify-content:center}.compact-chat__empty-text{color:#fff9;font-size:.85rem;font-style:italic}.compact-chat__fade{background:linear-gradient(180deg,#0000,#0009);bottom:0;height:15px;left:0;pointer-events:none;position:absolute;right:0}.compact-chat__tap-area{padding-top:2px;text-align:center}.compact-chat__expand-text{color:#fffc;font-size:.75rem;font-weight:500}@media (max-width:768px) and (orientation:landscape){.compact-chat{margin:8px 4px;max-height:160px;min-height:100px;padding:8px 12px}.compact-chat__header{margin-bottom:4px}.compact-chat__count{font-size:.85rem}.compact-chat__tap-hint{font-size:.7rem}.compact-chat__preview{max-height:50px}.compact-chat__message{font-size:.75rem;margin-bottom:2px}}@media (max-width:480px){.compact-chat{margin:4px;padding:10px 12px}.compact-chat__count{font-size:.85rem}.compact-chat__tap-hint{font-size:.7rem}.compact-chat__message{font-size:.75rem}.compact-chat__username{max-width:60px}}@media (hover:none){.compact-chat:hover{transform:none}.compact-chat:active{background:#000c;transform:scale(.98)}}.chat-overlay{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:2000}.chat-overlay--open{opacity:1;pointer-events:auto;visibility:visible}.chat-overlay__backdrop{background:#0000;bottom:0;left:0;position:absolute;right:0;top:0;top:var(--player-section-height,0)}.chat-overlay__content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:12px 12px 0 0;bottom:0;box-shadow:0 -4px 16px #0003;box-sizing:border-box;display:flex;flex-direction:column;height:60vh;left:0;max-height:600px;max-width:100vw;min-height:300px;overflow:hidden;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease;width:100vw}.chat-overlay--open .chat-overlay__content{transform:translateY(0)}.chat-overlay__header{align-items:center;border-bottom:1px solid #fff3;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.chat-overlay__title{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.chat-overlay__close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.chat-overlay__close-button:hover{background:#ffffff4d;transform:scale(1.1)}.chat-overlay__close-button:active{transform:scale(.95)}.chat-overlay__username-section{border-bottom:1px solid #fff3;flex-shrink:0;padding:12px 20px}.chat-overlay__username-input{background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:.9rem;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.chat-overlay__username-input::placeholder{color:#fff9}.chat-overlay__username-input:focus{background:#fff3;border-color:#ffffff80}.chat-overlay__messages{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;padding:16px 20px;position:relative;width:100%}.chat-overlay__messages::-webkit-scrollbar{width:6px}.chat-overlay__messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chat-overlay__messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.chat-overlay__messages::-webkit-scrollbar-thumb:hover{background:#fff6}.chat-overlay__empty{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.chat-overlay__empty p{font-size:.9rem;margin:8px 0}.chat-overlay__message{align-items:baseline;box-sizing:border-box;display:flex;gap:6px;margin-bottom:8px;min-width:0;padding:6px 0;width:100%}.chat-overlay__message-username{flex-shrink:0;font-size:.8rem;font-weight:500;max-width:120px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-overlay__message-username--own{color:#fbbf24}.chat-overlay__message-username--other{color:#a3a3a3}.chat-overlay__message-content{word-wrap:break-word;color:#fff;flex:1 1;font-size:.8rem;line-height:1.3;max-width:100%;min-width:0;overflow-wrap:break-word;word-break:break-word}.chat-overlay__message-timestamp{color:#ffffff80;flex-shrink:0;font-size:.7rem;margin-left:auto}.chat-overlay__scroll-to-bottom{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:none;border-radius:20px;bottom:16px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:8px 16px;position:absolute;right:20px;transition:all .2s ease;z-index:10}.chat-overlay__scroll-to-bottom:hover{background:#ffffff4d;transform:translateY(-2px)}.chat-overlay__input-form{border-top:1px solid #fff3;box-sizing:border-box;display:flex;flex-shrink:0;gap:8px;min-width:0;padding:16px 20px;width:100%}.chat-overlay__input{background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;box-sizing:border-box;color:#fff;flex:1 1;font-size:.9rem;max-width:100%;min-width:0;outline:none;padding:10px 16px;transition:all .2s ease}.chat-overlay__input::placeholder{color:#fff9}.chat-overlay__input:focus{background:#fff3;border-color:#ffffff80}.chat-overlay__input:disabled{cursor:not-allowed;opacity:.5}.chat-overlay__send-button{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.chat-overlay__send-button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.chat-overlay__send-button:active:not(:disabled){transform:scale(.95)}.chat-overlay__send-button:disabled{background:#ffffff1a;border-color:#fff3;color:#ffffff80;cursor:not-allowed}@media (max-width:768px) and (orientation:landscape){.chat-overlay__content{height:70vh;max-height:400px}.chat-overlay__header{padding:12px 16px}.chat-overlay__title{font-size:1.1rem}.chat-overlay__username-section{padding:8px 16px}.chat-overlay__messages{padding:12px 16px}.chat-overlay__scroll-to-bottom{bottom:12px;font-size:.75rem;padding:6px 12px;right:16px}.chat-overlay__input-form{padding:12px 16px}}@media (max-width:480px){.chat-overlay__content{border-radius:16px 16px 0 0;height:65vh}.chat-overlay__header{padding:12px 16px}.chat-overlay__title{font-size:1.1rem}.chat-overlay__close-button{font-size:1rem;height:28px;width:28px}.chat-overlay__username-section{padding:8px 16px}.chat-overlay__messages{padding:12px 16px}.chat-overlay__scroll-to-bottom{bottom:10px;font-size:.7rem;padding:6px 10px;right:12px}.chat-overlay__input-form{gap:6px;padding:12px 16px}.chat-overlay__input{font-size:.85rem;padding:8px 12px}.chat-overlay__send-button{font-size:.85rem;padding:8px 16px}}.watch-together-page{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);box-sizing:border-box;color:#fff;min-height:100vh;padding:1rem}.watch-together-page__container{margin:0 auto;max-width:1800px;padding:20px}.watch-together-page__loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh}.watch-together-page__loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.watch-together-page__header{margin-bottom:30px;text-align:center}.watch-together-page__header-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:0 10px;width:100%}.watch-together-page__header-info{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center}@media (min-width:768px){.watch-together-page__header-info{gap:30px}}.watch-together-page__title{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:15px;margin:0;text-shadow:2px 2px 4px #0000004d}.watch-together-page__title-icon{color:gold;font-size:2.2rem}.connection-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;display:flex;gap:8px;padding:8px 16px;transition:all .3s ease}.connection-status__indicator{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.connection-status--connecting .connection-status__indicator{animation:pulse 1s infinite;background-color:#fbbf24}.connection-status--connected .connection-status__indicator{animation:none;background-color:#10b981}.connection-status--disconnected .connection-status__indicator{animation:none;background-color:#ef4444}.connection-status--reconnecting .connection-status__indicator{animation:pulse .8s infinite;background-color:#f59e0b}.connection-status__text{font-size:.9rem;font-weight:500}.connection-status--connecting .connection-status__text{color:#fbbf24}.connection-status--connected .connection-status__text{color:#10b981}.connection-status--disconnected .connection-status__text{color:#ef4444}.connection-status--reconnecting .connection-status__text{color:#f59e0b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.watch-together-page__status{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.watch-together-page__connection-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;display:flex;gap:8px;padding:8px 16px}.status-icon{font-size:1.2rem}.status-icon.connected{color:#4ade80}.status-icon.disconnected{color:#f87171}.status-text.connected{color:#4ade80;font-weight:600}.status-text.disconnected{color:#f87171;font-weight:600}.watch-together-page__viewer-count{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;display:flex;gap:8px;padding:8px 16px}.viewer-icon{color:gold;font-size:1.2rem}.viewer-count{font-size:1.1rem;font-weight:600}.watch-together-page__main-content{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.watch-together-page__player-section{order:1;position:relative;width:100%}.watch-together-page__player-container{background:#000;border-radius:12px;cursor:pointer;height:0;overflow:visible;padding-bottom:56.25%;position:relative;width:100%}.watch-together-page__player-container .watch-together-page__volume-control--mobile{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:20px;bottom:2px;display:flex!important;flex-direction:row;gap:8px;justify-content:space-between;left:50%;max-width:calc(100% - 16px);opacity:.95;padding:6px 12px;position:absolute;transform:translateX(-50%);width:360px;z-index:125}.watch-together-page__player-container .watch-together-page__volume-control--mobile .volume-slider-container{flex:1 1;margin:0 4px}.watch-together-page__player-container .watch-together-page__volume-control--mobile .volume-slider{align-self:center;height:3px;vertical-align:middle;width:100%}.watch-together-page__player{border-radius:8px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.watch-together-page__player-loading{align-items:center;background:#000c;color:#fff;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:500}.watch-together-page__player-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.watch-together-page__player-loading p{font-size:1.1rem;margin:0;opacity:.9;text-align:center}.watch-together-page__player-container:not(:has(.watch-together-page__initial-play-overlay)) .watch-together-page__player{pointer-events:none}.watch-together-page__volume-control{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:25px;bottom:50%;box-shadow:0 4px 12px #0000004d;display:flex;gap:12px;padding:8px 16px;position:absolute;right:15px;transform:translateY(50%);z-index:1000}.volume-mute-button{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.volume-mute-button:hover{background:#ffffff1a}.volume-slider{align-self:center;background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;outline:none;vertical-align:middle;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:gold;border-radius:50%;cursor:pointer;height:16px;width:16px}.volume-slider::-webkit-slider-thumb:hover{background:#ffed4e;transform:scale(1.1)}.volume-slider::-moz-range-thumb{background:gold;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.volume-slider::-moz-range-thumb:hover{background:#ffed4e}.volume-percentage{color:#fff;font-size:12px;font-weight:600;min-width:35px;text-align:center}.danmaku-toggle-button{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.danmaku-toggle-button:hover:not(:disabled){background:#fff3;transform:scale(1.05)}.danmaku-toggle-button:active:not(:disabled){transform:scale(.95)}.danmaku-toggle-button:disabled{cursor:not-allowed;opacity:.5}.fullscreen-toggle-button{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.fullscreen-toggle-button:hover:not(:disabled){background:#fff3;transform:scale(1.05)}.fullscreen-toggle-button:active:not(:disabled){transform:scale(.95)}.fullscreen-toggle-button:disabled{cursor:not-allowed;opacity:.5}.chat-header-actions{align-items:center;display:flex;gap:10px}.chat-header-actions .danmaku-toggle-button{flex-shrink:0;min-height:36px;min-width:36px;padding:8px}.username-input{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:16px;color:#fff;font-size:14px;outline:none;padding:6px 12px;transition:all .3s ease}.username-input::placeholder{color:#fff9}.username-input:focus{background:#ffffff26;border-color:gold;box-shadow:0 0 0 2px #ffd7004d}.watch-together-page__chat-section{order:3;width:100%}.watch-together-page__chat-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-radius:12px;display:flex;flex-direction:column;height:600px;max-height:600px;padding:5px}.watch-together-page__chat-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:15px;justify-content:space-between;padding:15px 20px}.watch-together-page__chat-header h3{font-size:1.2rem;font-weight:700;margin:0}.settings-button-mobile{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:none;gap:5px;padding:6px 10px}.settings-button-mobile .settings-button-text{font-size:.9rem;font-weight:500}.watch-together-page__username-input{flex-shrink:0}.watch-together-page__chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:15px 20px;position:relative;scroll-behavior:smooth}.scroll-to-bottom-button{align-items:center;animation:slideUp .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff1a;border-radius:25px;bottom:10px;box-shadow:0 8px 32px #667eea40,0 4px 16px #0000001a;color:#fff;cursor:pointer;display:flex!important;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;left:0;letter-spacing:.5px;margin:0 auto!important;padding:12px 20px;position:-webkit-sticky;position:sticky;right:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);white-space:nowrap;width:-webkit-fit-content;width:fit-content;z-index:100}.scroll-to-bottom-button:before{content:"⬇";font-size:1rem;order:-1;transition:transform .3s ease}.scroll-to-bottom-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);border-color:#fff3;box-shadow:0 12px 40px #667eea59,0 6px 20px #00000026;transform:translateY(-3px)!important}.scroll-to-bottom-button:hover:before{transform:translateY(2px)}.scroll-to-bottom-button:active{transform:translateY(-1px)!important;transition-duration:.1s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-empty{align-items:center;color:#fff9;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.chat-empty p{font-size:.9rem;margin:5px 0}.chat-message{align-items:baseline;display:flex;flex-wrap:wrap;line-height:1.3;margin-bottom:1px;padding:2px 4px}.chat-message-header{display:none}.chat-username{flex-shrink:0;font-size:.85rem;font-weight:700;margin-right:6px}.chat-username--own{color:gold}.chat-username--other{color:#ffffffe6}.chat-timestamp{color:#fff9;flex-shrink:0;font-size:.75rem;margin-left:8px}.chat-message-content{word-wrap:break-word;color:#ffffffe6;flex:1 1;font-size:.85rem;line-height:1.3;margin-right:8px;overflow-wrap:break-word;word-break:break-word}.watch-together-page__chat-input{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:10px;justify-content:center;padding:15px 20px}.chat-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;padding:10px 12px;resize:none}.chat-input::placeholder{color:#ffffff80}.chat-input:focus{background:#ffffff26;border-color:gold;outline:none}.chat-send-button{align-items:center;background:gold;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;padding:10px;transition:all .2s ease;width:44px}.chat-send-button:hover:not(:disabled){background:#ffed4e;transform:translateY(-1px)}.chat-send-button:disabled{background:#80808080;color:#ffffff80;cursor:not-allowed;transform:none}.watch-together-page__session-info{margin-bottom:20px}.watch-together-page__session-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:25px}.watch-together-page__session-card h3{font-size:1.3rem;font-weight:700;margin:0 0 20px;text-align:center}.session-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (min-width:769px){.session-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr}.session-detail:first-child{grid-column:1}.session-detail:nth-child(2){grid-column:2}.session-detail:nth-child(3){grid-column:3}}.session-detail{align-items:center;display:flex;margin-bottom:8px}.session-detail .detail-label{min-width:120px}.session-detail .detail-value.active{color:#28a745;font-weight:700}.session-detail .detail-value.inactive{color:#6c757d}@media (min-width:1600px){.watch-together-page__container{max-width:1800px;padding:30px 40px}.watch-together-page__main-content{gap:40px}.watch-together-page__player-section{border-radius:12px;height:700px;max-height:700px}.watch-together-page__player-container{max-height:700px}.watch-together-page__chat-section{height:700px;max-height:700px;min-width:350px}.watch-together-page__chat-container{height:100%;max-height:none;min-height:0}.watch-together-page__chat-messages{flex:1 1;min-height:0;overflow-y:auto}.watch-together-page__player-container:hover .watch-together-page__volume-control{opacity:1}.watch-together-page__volume-control .danmaku-toggle-button,.watch-together-page__volume-control .fullscreen-toggle-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.watch-together-page__volume-control .danmaku-toggle-button:hover,.watch-together-page__volume-control .fullscreen-toggle-button:hover{background:#ffffff1a}}@media (max-width:1024px){.watch-together-page__volume-control{display:none!important}.watch-together-page__chat-header h3{font-size:1.1rem}.username-input{font-size:.85rem;width:150px}.session-details{flex-direction:column;gap:10px}.session-detail{align-items:flex-start;flex-direction:column;gap:5px}.watch-together-page__volume-control--mobile{display:none!important}.watch-together-page__chat-input{flex-direction:row!important;gap:10px;margin-top:10px}.chat-input{flex:1 1;font-size:1rem;min-height:40px;padding:10px}.chat-send-button{flex-shrink:0;height:40px;padding:8px;width:44px}.chat-message{align-items:baseline;display:flex;flex-wrap:wrap;line-height:1.3;margin-bottom:1px;padding:1px 2px}.chat-message-header{display:none}.chat-username{flex-shrink:0;font-size:.8rem;margin-right:4px}.chat-timestamp{display:none}.chat-message-content{flex:1 1;font-size:.8rem;line-height:1.3}.danmaku-toggle-button{font-size:.8rem;padding:8px}.watch-together-page__session-info{margin-bottom:15px;margin-top:15px}.watch-together-page{padding-bottom:80px}}@media (max-width:480px){.watch-together-page__title{font-size:1.6rem;text-align:center}.watch-together-page__header{margin-bottom:10px}.watch-together-page__header-info{gap:12px}.connection-status,.watch-together-page__viewer-count{font-size:.8rem;padding:6px 10px}.connection-status__text{font-size:.8rem}.watch-together-page__status{flex-direction:column;gap:8px}.watch-together-page__connection-status,.watch-together-page__viewer-count{font-size:.85rem;min-width:120px;padding:6px 10px}.status-text,.viewer-count{font-size:.85rem}.watch-together-page__player-container{aspect-ratio:16/9}.watch-together-page__chat-container{height:350px;max-height:350px;padding:0}.watch-together-page__chat-messages{height:180px}.watch-together-page__chat-input{flex-direction:row;gap:8px}.chat-input{flex:1 1;font-size:1rem;padding:10px}.chat-send-button{height:40px;padding:8px;width:44px}.chat-message{align-items:baseline;display:flex;flex-wrap:wrap;line-height:1.3;margin-bottom:1px;padding:1px 2px}.chat-message-header{display:none}.chat-username{flex-shrink:0;font-size:.75rem;margin-right:4px}.chat-timestamp{display:none}.chat-message-content{flex:1 1;font-size:.75rem;line-height:1.3}.watch-together-page__volume-control:not(.watch-together-page__volume-control--mobile){display:none}.watch-together-page__volume-control--mobile{background:#000c;border-radius:25px;box-sizing:border-box;display:flex;justify-content:space-between;margin:12px 0;padding:12px;width:100%}.watch-together-page__volume-control--mobile .danmaku-toggle-button{margin-left:auto}.watch-together-page__volume-control--mobile .volume-slider-container{align-items:center;display:flex;flex-grow:1;justify-content:center;min-height:24px}.watch-together-page__volume-control--mobile .volume-slider{align-self:center;margin:0;vertical-align:middle;width:100%}.settings-button-mobile{font-size:12px;padding:8px 12px}.watch-together-page__player-container .watch-together-page__volume-control--mobile{bottom:1px;gap:6px;padding:4px 10px;width:280px}.watch-together-page__player-container .watch-together-page__volume-control--mobile .volume-percentage{font-size:11px;min-width:25px}.watch-together-page__player-container .watch-together-page__volume-control--mobile .volume-mute-button{align-items:center;display:flex;justify-content:center;padding:2px}.watch-together-page__player-container .watch-together-page__volume-control--mobile .danmaku-toggle-button,.watch-together-page__player-container .watch-together-page__volume-control--mobile .fullscreen-toggle-button{padding:4px}}@media (prefers-reduced-motion:reduce){.watch-together-page__loading-spinner{animation:none}.chat-send-button:hover:not(:disabled){transform:none}}@media (prefers-color-scheme:dark){.watch-together-page{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}}.watch-together-page__chat-messages::-webkit-scrollbar{width:6px}.watch-together-page__chat-messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.watch-together-page__chat-messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.watch-together-page__chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff80}.session-control-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:10px;padding:4px 12px;transition:background-color .2s}.session-control-button:hover{background:#0056b3}.session-control-button:active{background:#004085}@media (min-width:1025px){.watch-together-page__main-content{grid-gap:15px;align-items:flex-start;display:grid;gap:15px;grid-template-columns:1fr 400px;grid-template-rows:auto auto;margin-bottom:60px}.video-info-section{background:#0000;grid-column:1;grid-row:2;margin:0;padding:0 20px}.watch-together-page__player-section{grid-column:1;grid-row:1;height:600px;max-height:600px;min-width:0}.watch-together-page__player-container{aspect-ratio:auto;cursor:default;height:100%;max-height:600px;overflow:visible;padding-bottom:0;position:relative}.watch-together-page__chat-section{grid-column:2;grid-row:1/3;height:600px;max-height:600px;min-width:250px}.watch-together-page__chat-container{height:100%;max-height:600px;min-height:0}.watch-together-page__chat-messages{flex:1 1;min-height:0;overflow-y:auto}.watch-together-page__volume-control{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#000c;border:1px solid #ffffff26;border-radius:30px;bottom:30px;box-shadow:0 4px 20px #0000004d;display:flex!important;justify-content:center;margin-bottom:15px;margin-right:8px;opacity:0;padding:10px 16px;position:absolute;right:12px;transition:all .3s ease;z-index:25}.watch-together-page__player-container:hover .watch-together-page__volume-control{opacity:1}.watch-together-page__player-container .watch-together-page__volume-control--mobile,.watch-together-page__volume-control--mobile{display:none!important}}.volume-controls-group{align-items:center;display:flex;flex-grow:1;gap:10px;justify-content:center;min-height:32px}.watch-together-page__initial-play-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:15}.initial-play-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:none;background:#ffffff1a;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center;transition:all .3s ease}.initial-play-button:hover{background:#fff3;transform:scale(1.05)}.initial-play-button .play-icon svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .2s ease}.initial-play-button:hover .play-icon svg{transform:scale(1.1)}.initial-play-button .play-text{color:#fff;font-size:18px;font-weight:600;text-shadow:0 1px 3px #00000080}.initial-play-button .play-subtext{color:#fffc;font-size:14px;text-shadow:0 1px 2px #00000080}.watch-together-page--fullscreen{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);box-sizing:border-box;height:100svh;height:100vh;height:calc(100vh - env(keyboard-inset-height, 0px));left:0;margin:0;overflow:hidden;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);position:fixed;top:0;width:100vw;z-index:9999}.watch-together-page--fullscreen:before{background:radial-gradient(circle at 30% 70%,#0006 0,#0000 50%),radial-gradient(circle at 70% 30%,#0f346099 0,#0000 60%),radial-gradient(circle at 50% 50%,#16213ecc 0,#0000 70%),linear-gradient(135deg,#0a0a1a,#16213e 30%,#0f3460 70%,#1a1a2e);content:"";filter:blur(80px);height:calc(100% + 200px);left:-100px;opacity:.9;position:absolute;top:-100px;width:calc(100% + 200px);z-index:-1}@keyframes backgroundFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-10px,-20px) scale(1.02)}66%{transform:translate(10px,-10px) scale(.98)}}.watch-together-page--fullscreen~*{display:none!important}body:has(.watch-together-page--fullscreen) .mobile-nav,body:has(.watch-together-page--fullscreen) .scroll-to-top,body:has(.watch-together-page--fullscreen) footer,body:has(.watch-together-page--fullscreen) header{display:none!important}.watch-together-page--fullscreen .watch-together-page__main-content{box-sizing:border-box;display:flex;flex-direction:column;gap:0;height:100%;margin:0;padding:8px;width:100%}.watch-together-page--fullscreen .watch-together-page__player-section{flex:0 0 auto;max-height:50vh;max-height:50svh;width:100%}.watch-together-page--fullscreen .watch-together-page__player-container{height:auto;max-height:50vh;max-height:50svh;padding-bottom:56.25%;width:100%}.watch-together-page--fullscreen .watch-together-page__chat-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000b3;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:12px}.watch-together-page--fullscreen .watch-together-page__chat-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column;height:100%!important;margin:0;max-height:none!important;min-height:0;padding:0}.watch-together-page--fullscreen .watch-together-page__chat-header{align-items:center;border-bottom:1px solid #ffffff1a;box-sizing:border-box;display:flex;flex:0 0 10%;gap:15px;justify-content:space-between;margin-bottom:0;padding:8px 20px}.watch-together-page--fullscreen .watch-together-page__chat-header h3{font-size:1.4rem;font-weight:700;margin:0}.watch-together-page--fullscreen .watch-together-page__username-input{flex-shrink:0;max-width:220px;min-width:140px}.watch-together-page--fullscreen .username-input{background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-sizing:border-box;color:#fff;font-size:1.1rem;padding:10px 12px;width:100%}.watch-together-page--fullscreen .username-input::placeholder{color:#ffffff80}.watch-together-page--fullscreen .username-input:focus{background:#ffffff26;border-color:gold;outline:none}.watch-together-page--fullscreen .watch-together-page__chat-messages{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;flex:0 0 75%;flex-direction:column;gap:12px;margin-bottom:0;min-height:0;overflow-y:auto;padding:10px 20px}.watch-together-page--fullscreen .watch-together-page__chat-input{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#000c;border-radius:12px;border-top:1px solid #ffffff1a;box-sizing:border-box;display:flex;flex:0 0 15%;gap:10px;justify-content:center;margin-bottom:env(keyboard-inset-height,0);margin-top:0;padding:20px;position:relative;z-index:5}.watch-together-page--fullscreen .chat-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;max-height:80px;min-height:44px;padding:12px 15px;resize:none}.watch-together-page--fullscreen .chat-send-button{align-items:center;background:gold;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-weight:600;height:44px;justify-content:center;padding:10px;transition:all .2s ease;width:50px}@media (max-width:768px) and (orientation:portrait){.watch-together-page--fullscreen .watch-together-page__player-container,.watch-together-page--fullscreen .watch-together-page__player-section{max-height:35vh;max-height:35svh}.watch-together-page--fullscreen .watch-together-page__chat-section{height:calc(100% - 35vh);height:calc(100% - 35svh);min-height:0}.watch-together-page--fullscreen .watch-together-page__chat-header{padding:6px 15px}.watch-together-page--fullscreen .watch-together-page__chat-header h3{font-size:1.2rem}.watch-together-page--fullscreen .username-input{border-radius:16px;font-size:1rem;padding:8px 10px}.watch-together-page--fullscreen .watch-together-page__chat-messages{gap:8px;max-height:calc(65vh - 120px);overflow-y:auto;padding:8px 15px}.watch-together-page--fullscreen .watch-together-page__chat-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-radius:12px;border-top:1px solid #ffffff1a;bottom:0;margin-bottom:env(keyboard-inset-height,0);padding:15px;position:-webkit-sticky;position:sticky;z-index:10}.watch-together-page--fullscreen .chat-input{font-size:1rem;min-height:44px;padding:12px 15px}.watch-together-page--fullscreen .chat-send-button{height:44px;padding:8px;width:50px}.watch-together-page--fullscreen .watch-together-page__main-content{height:100vh;height:100svh;max-height:100vh;max-height:100svh;overflow:hidden}}@media (max-width:480px) and (orientation:portrait){.watch-together-page--fullscreen .watch-together-page__player-container,.watch-together-page--fullscreen .watch-together-page__player-section{max-height:35vh;max-height:35svh}.watch-together-page--fullscreen .watch-together-page__main-content{gap:4px;padding:4px}.watch-together-page--fullscreen .watch-together-page__chat-section{height:calc(100% - 30vh);height:calc(100% - 30svh);padding:8px 8px 0}.watch-together-page--fullscreen .watch-together-page__chat-header{padding:4px 10px}.watch-together-page--fullscreen .watch-together-page__chat-header h3{font-size:1.1rem}.watch-together-page--fullscreen .username-input{border-radius:16px;font-size:.9rem;padding:6px 8px}.watch-together-page--fullscreen .watch-together-page__chat-messages{gap:6px;max-height:calc(70vh - 100px);overflow-y:auto;padding:6px 10px}.watch-together-page--fullscreen .watch-together-page__chat-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-radius:12px;border-top:1px solid #ffffff1a;bottom:0;margin-bottom:env(keyboard-inset-height,0);padding:10px;position:-webkit-sticky;position:sticky;z-index:10}.watch-together-page--fullscreen .chat-input{font-size:.95rem;min-height:40px;padding:10px 12px}.watch-together-page--fullscreen .chat-send-button{height:40px;padding:6px;width:44px}}@media (max-width:768px) and (orientation:landscape){.watch-together-page--fullscreen .watch-together-page__main-content{align-items:stretch;flex-direction:row;gap:0;height:100%;overflow:hidden;padding:0}.watch-together-page--fullscreen .watch-together-page__player-section{align-items:center;display:flex;flex:0 0 60%;height:100%;justify-content:center;max-height:100%}.watch-together-page--fullscreen .watch-together-page__player-container{aspect-ratio:16/9;height:auto;max-height:100%;padding-bottom:0;width:100%}.watch-together-page--fullscreen .watch-together-page__chat-section{background:#00000080;border-radius:8px;display:flex;flex:0 0 40%;flex-direction:column;height:100%;min-width:0;opacity:1;padding:8px 8px 0 4px;transform:translateX(0);transition:all .3s ease}.watch-together-page--fullscreen.chat-hidden .watch-together-page__chat-section{flex:0 0;margin:0;opacity:0;padding:0;pointer-events:none;transform:translateX(100%);width:0}.watch-together-page--fullscreen.chat-hidden .watch-together-page__player-section{flex:0 0 100%}.watch-together-page--fullscreen .watch-together-page__chat-header{border-bottom:1px solid #ffffff1a;flex:0 0 auto;margin-bottom:4px;padding:4px 8px}.watch-together-page--fullscreen .watch-together-page__chat-header h3{font-size:.9rem;margin:0}.watch-together-page--fullscreen .username-input{border-radius:8px;font-size:.75rem;min-width:80px;padding:4px 6px}.watch-together-page--fullscreen .watch-together-page__chat-messages{flex:1 1;gap:2px;margin-bottom:4px;overflow-y:auto;padding:4px 8px}.watch-together-page--fullscreen .watch-together-page__chat-input{background:#0000004d;border-radius:8px;border-top:1px solid #ffffff1a;flex:0 0 auto;margin-bottom:0;padding:8px}.watch-together-page--fullscreen .chat-input{border-radius:4px;font-size:.75rem;min-height:28px;padding:4px 6px}.watch-together-page--fullscreen .chat-send-button{border-radius:4px;height:28px;padding:4px;width:32px}}.watch-together-page--fullscreen .chat-toggle-overlay{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:50%;bottom:80px;box-shadow:0 4px 12px #0006;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:absolute;right:20px;transition:all .2s ease;user-select:none;-webkit-user-select:none;width:56px;z-index:1001}.watch-together-page--fullscreen .chat-toggle-overlay:hover{background:#000000d9;box-shadow:0 6px 16px #00000080;transform:scale(1.05)}.watch-together-page--fullscreen .chat-toggle-overlay:active{background:#000000e6;transform:scale(.95)}@media (hover:none){.watch-together-page--fullscreen .chat-toggle-overlay{bottom:90px;height:60px;width:60px}.watch-together-page--fullscreen .chat-toggle-overlay:hover{transform:none}.watch-together-page--fullscreen .chat-toggle-overlay:active{background:#000000e6;transform:scale(.95)}}.watch-together-page--fullscreen .chat-toggle-overlay{display:none}@media (max-width:768px) and (orientation:landscape){.watch-together-page--mobile.watch-together-page--fullscreen .chat-toggle-overlay{display:flex}}@supports not (height:100svh){.watch-together-page--fullscreen{height:100vh;height:calc(var(--real-vh, 1vh)*100);height:calc(100vh - 60px)}}@supports not (height:100svh){@media (max-width:768px){.watch-together-page--fullscreen{height:calc(100vh - 100px)}}}.watch-together-page--mobile{min-height:100vh;padding:0;position:relative}.watch-together-page--mobile .watch-together-page__header{display:none}.watch-together-page--mobile .watch-together-page__player-section{margin:0;padding:0;position:relative;width:100vw}.watch-together-page--mobile .watch-together-page__player-container{aspect-ratio:16/9;border-radius:0;margin:0;position:relative;width:100vw}.watch-together-page--mobile .watch-together-page__player{height:100%;width:100%}.watch-together-page--mobile .watch-together-page__chat-section,.watch-together-page--mobile .watch-together-page__player-container>div:not(.watch-together-page__player):not(.watch-together-page__player-loading):not(.watch-together-page__initial-play-overlay):not(.watch-together-page__volume-control--mobile):not([class*=danmaku]):not(.chat-toggle-overlay),.watch-together-page--mobile .watch-together-page__session-info,.watch-together-page--mobile .watch-together-page__volume-control:not(.watch-together-page__volume-control--mobile){display:none}.watch-together-page--mobile .watch-together-page__content-area{position:relative;z-index:1}.watch-together-page--mobile .video-info-section{margin-top:0}.watch-together-page--mobile .compact-chat{margin-bottom:0}.watch-together-page--mobile.watch-together-page--fullscreen{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.watch-together-page--mobile.watch-together-page--fullscreen .watch-together-page__player-section{align-items:center;display:flex;height:100vh;justify-content:center}.watch-together-page--mobile.watch-together-page--fullscreen .watch-together-page__player-container{aspect-ratio:unset;height:100vh;width:100vw}.watch-together-page--mobile.watch-together-page--fullscreen .compact-chat,.watch-together-page--mobile.watch-together-page--fullscreen .video-info-section{display:none}@media (max-width:768px) and (orientation:landscape){.watch-together-page--mobile .watch-together-page__player-container{aspect-ratio:unset;height:100vh}.watch-together-page--mobile .video-info-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;bottom:0;left:0;position:absolute;right:0;z-index:10}.watch-together-page--mobile .compact-chat{display:none}.watch-together-page--mobile.watch-together-page--fullscreen{display:flex;flex-direction:row;height:100vh;overflow:hidden}.watch-together-page--mobile.watch-together-page--fullscreen .watch-together-page__player-section{align-items:center;display:flex;flex:0 0 60%;height:100vh;justify-content:center;transition:flex .3s ease}.watch-together-page--mobile.watch-together-page--fullscreen .watch-together-page__player-container{aspect-ratio:16/9;height:auto;max-height:100vh;width:100%}.watch-together-page--mobile.watch-together-page--fullscreen .watch-together-page__chat-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;flex:0 0 40%;flex-direction:column;height:100vh;overflow:hidden;transition:all .3s ease}.watch-together-page--mobile.watch-together-page--fullscreen.chat-hidden .watch-together-page__player-section{flex:0 0 100%}.watch-together-page--mobile.watch-together-page--fullscreen.chat-hidden .watch-together-page__chat-section{flex:0 0;opacity:0;pointer-events:none}.watch-together-page--mobile.watch-together-page--fullscreen .compact-chat,.watch-together-page--mobile.watch-together-page--fullscreen .video-info-section,.watch-together-page--mobile.watch-together-page--fullscreen .watch-together-page__content-area{display:none}}@media (max-width:480px){.watch-together-page--mobile .watch-together-page__player-container{border-radius:0}}@media (hover:none){.watch-together-page--mobile .watch-together-page__player-container{-webkit-tap-highlight-color:transparent}}@media (max-width:768px){.watch-together-page--mobile{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.watch-together-page--mobile .watch-together-page__player-section{margin-left:calc(env(safe-area-inset-left)*-1);margin-right:calc(env(safe-area-inset-right)*-1);margin-top:calc(env(safe-area-inset-top)*-1)}}@media (prefers-color-scheme:dark){.watch-together-page--mobile .video-info-section{background:#000000b3}.watch-together-page--mobile .compact-chat{background:#000c}}.date-range-picker{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;font-family:Inter,sans-serif;width:100%}.date-range-picker--modal{left:50%;max-height:90vh;max-width:90vw;max-width:400px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1003}.date-range-picker__header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.date-range-picker__title{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.date-range-picker__icon{font-size:1.2rem}.date-range-picker__close{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:background-color .2s}.date-range-picker__close:hover{background-color:#fff3}.date-range-picker__controls{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.date-range-picker__clear-btn,.date-range-picker__today-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.date-range-picker__clear-btn:hover,.date-range-picker__today-btn:hover{background:#f9fafb;border-color:#9ca3af}.date-range-picker__clear-btn{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.date-range-picker__clear-btn:hover{background:#fecaca}.date-range-picker__inputs{padding:1rem 1.5rem}.date-range-picker__input-group{margin-bottom:1rem}.date-range-picker__input-group:last-child{margin-bottom:0}.date-range-picker__label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.date-range-picker__input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;outline:none;padding:.75rem;transition:border-color .2s;width:100%}.date-range-picker__input:focus{border-color:#667eea}.date-range-picker__info{padding:0 1.5rem 1rem}.date-range-picker__range-info{color:#6b7280;font-size:.75rem;margin:0;text-align:center}.date-range-picker__selection{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1rem 1.5rem}.date-range-picker__selected-date{color:#475569;font-size:.875rem;margin-bottom:.25rem}.date-range-picker__selected-date:last-child{margin-bottom:0}.date-range-picker__actions{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:1rem 1.5rem}.date-range-picker__apply-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.date-range-picker__apply-btn:hover:not(:disabled){background:#2563eb}.date-range-picker__apply-btn:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:767px){.date-range-picker--modal{border-radius:0;height:100vh;left:0;max-height:none;max-width:none;top:0;transform:none;width:100vw;z-index:1003}.date-range-picker__controls,.date-range-picker__header{padding:1rem}.date-range-picker__inputs{padding:1rem 1.5rem}.date-range-picker__input{font-size:1rem;padding:1rem}.date-range-picker__info{padding:0 1.5rem 1rem}.date-range-picker__actions{padding:1rem 1.5rem}}@media (min-width:768px){.date-range-picker{min-width:350px}}.search-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.search-filters--modal{left:50%;max-height:90vh;max-width:90vw;max-width:500px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1001}.search-filters__header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.search-filters__title{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.search-filters__icon{font-size:1.2rem}.search-filters__close{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:background-color .2s}.search-filters__close:hover{background-color:#fff3}.search-filters__content{padding:1.5rem}.search-filters__section{margin-bottom:1.5rem}.search-filters__section:last-child{margin-bottom:0}.search-filters__label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.search-filters__label-icon{color:#667eea;font-size:1rem}.search-filters__search-form{align-items:center;display:flex;position:relative}.search-filters__search-input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;outline:none;padding:.75rem 3rem .75rem 1rem;transition:border-color .2s;width:100%}.search-filters__search-input:focus{border-color:#667eea}.search-filters__search-input::placeholder{color:#9ca3af}.search-filters__search-btn{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:.5rem;transition:background-color .2s}.search-filters__search-btn:hover{background:#5a67d8}.search-filters__suggestions{display:flex;flex-direction:column;gap:1rem}.search-filters__suggestion-group{display:flex;flex-direction:column;gap:.5rem}.search-filters__suggestion-title{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.search-filters__suggestion-tags{display:flex;flex-wrap:wrap;gap:.5rem}.search-filters__suggestion-tag{background:#f3f4f6;border:none;border-radius:20px;color:#374151;cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:all .2s}.search-filters__suggestion-tag:hover{background:#e5e7eb;transform:translateY(-1px)}.search-filters__suggestion-tag--recent{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.search-filters__suggestion-tag--recent:hover{background:#bfdbfe}.search-filters__suggestion-tag--popular{background:#f0fdf4;border-color:#86efac;color:#166534}.search-filters__suggestion-tag--popular:hover{background:#dcfce7}.search-filters__category-group{display:flex;flex-wrap:wrap;gap:.5rem}.search-filters__category-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-weight:500;min-width:80px;padding:.75rem 1rem;transition:all .2s}.search-filters__category-btn:hover{background:#f8fafc;border-color:#667eea}.search-filters__category-btn--active{background:#667eea;border-color:#667eea;color:#fff}.search-filters__category-btn--active:hover{background:#5a67d8;border-color:#5a67d8}.search-filters__date-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:.75rem 1rem;transition:border-color .2s;width:100%}.search-filters__date-btn:hover{border-color:#667eea}.search-filters__date-icon{color:#9ca3af;font-size:1rem}.search-filters__datepicker-container{margin-top:1rem}.search-filters__actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}.search-filters__apply-btn,.search-filters__reset-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.search-filters__reset-btn{background:#f9fafb;border:1px solid #d1d5db;color:#374151}.search-filters__reset-btn:hover{background:#f3f4f6;border-color:#9ca3af}.search-filters__apply-btn{background:#667eea;border:1px solid #667eea;color:#fff}.search-filters__apply-btn:hover{background:#5a67d8;border-color:#5a67d8}.search-filters__btn-icon{font-size:1rem}@media (max-width:767px){.search-filters--modal{border-radius:0;height:100vh;left:0;max-height:none;max-width:none;top:0;transform:none;width:100vw}.search-filters__content{padding:1rem}.search-filters__category-group{flex-direction:column}.search-filters__category-btn{flex:none;min-width:auto}.search-filters__actions{flex-direction:column;gap:.75rem}.search-filters__apply-btn,.search-filters__reset-btn{flex:none}.search-filters__suggestion-tags{gap:.375rem}.search-filters__suggestion-tag{font-size:.8rem;padding:.3rem .6rem}}@media (min-width:768px){.search-filters{max-width:350px}}.search-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding-top:80px}.search-page__container{margin:0 auto;max-width:1400px;padding:2rem 1rem}.search-page__header{margin-bottom:2rem;text-align:center}.search-page__header-content{margin:0 auto;max-width:600px}.search-page__title{align-items:center;color:#1a202c;display:flex;font-size:2.5rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:1rem}.search-page__title-icon{color:#667eea;font-size:2rem}.search-page__description{color:#4a5568;font-size:1.1rem;line-height:1.6;margin:0}.search-page__main{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.search-page__sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px;z-index:10}.search-page__results{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.search-page__toolbar{align-items:center;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem}.search-page__toolbar-left{flex-grow:1}.search-page__toolbar-right{align-items:center;display:flex;gap:.5rem;margin-left:auto}.search-page__results-count{color:#374151;font-size:1rem;font-weight:600}.search-page__filter-btn{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.search-page__filter-btn:hover{background:#5a67d8}.search-page__sort-container{align-items:center;display:flex;position:relative}.search-page__sort-select{appearance:none;-webkit-appearance:none;background-color:initial;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 2.5rem .5rem 1rem;transition:border-color .2s}.search-page__sort-select:hover{border-color:#9ca3af}.search-page__sort-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea66;outline:none}.search-page__sort-icon{color:#6b7280;pointer-events:none;position:absolute;right:.75rem}.search-page__content{padding:1.5rem 1.5rem 0}.search-page__grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.search-page__grid--grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.search-page__item{transition:transform .2s}.search-page__section{margin-bottom:2rem}.search-page__section:last-child{margin-bottom:0}.search-page__section-title{border-bottom:2px solid #667eea;color:#2d3748;display:inline-block;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-left:1rem;padding-bottom:.5rem}.search-page__item:hover{transform:translateY(-2px)}.search-page__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.search-page__loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}.search-page__empty{align-items:center;display:flex;justify-content:center;min-height:400px;padding:2rem}.search-page__empty-content{max-width:400px;text-align:center}.search-page__empty-icon{color:#a0aec0;font-size:4rem;margin-bottom:1rem}.search-page__empty-title{color:#1a202c;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.search-page__empty-description{color:#4a5568;font-size:1rem;line-height:1.6;margin:0}.search-page__filter-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.desktop-only{display:block}.mobile-only{display:none}@media (min-width:768px){.search-page__main{gap:3rem;grid-template-columns:350px 1fr}.search-page__grid--grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width:1024px){.search-page__grid--grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:767px){.search-page__main{margin-bottom:60px}.search-page{padding-top:20px}.search-page__container{padding:1rem}.search-page__header-content{align-items:flex-start;flex-direction:column}.search-page__title{font-size:1.75rem;margin-bottom:.5rem}.search-page__description{font-size:.875rem}.search-page__toolbar{flex-wrap:wrap;gap:1rem;padding:1rem}.search-page__toolbar-right{justify-content:space-between;margin-left:0;width:100%}.search-page__toolbar-left{flex-grow:1}.search-page__view-toggle{display:none}.search-page__content{padding:1rem}.search-page__grid--grid{grid-template-columns:1fr}.search-page__empty{min-height:300px;padding:1rem}.search-page__empty-icon{font-size:3rem}.search-page__empty-title{font-size:1.25rem}.search-page__empty-description{font-size:.9rem}.desktop-only{display:none}.mobile-only{display:block}}.not-found-page-body{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.not-found-page{align-items:center;color:#fff;display:flex;justify-content:center;min-height:calc(100vh - 104px);padding:2rem;text-align:center}.not-found-container{margin:0 auto 60px;max-width:800px;width:100%}.not-found-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;box-shadow:0 20px 40px #0003;padding:3rem 2rem}.not-found-icon{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.error-code{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#feca57);-webkit-background-clip:text;background-clip:text;font-size:6rem;font-weight:900;line-height:1;text-shadow:0 0 30px #ff6b6b80}.error-emoji{animation:bounce 2s ease-in-out infinite;font-size:4rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.not-found-message{margin-bottom:3rem}.not-found-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;text-shadow:2px 2px 4px #0000004d}.not-found-description{font-size:1.1rem;line-height:1.6;margin:0;opacity:.9}.not-found-actions{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.action-button{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:200px;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.action-button.primary{background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 10px 20px #667eea4d;color:#fff}.action-button.primary:hover{box-shadow:0 15px 30px #667eea66;transform:translateY(-2px)}.action-button.secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.action-button.secondary:hover{background:#ffffff4d;transform:translateY(-1px)}.action-button.tertiary{background:#0000;border:1px solid #fff3;color:#fffc}.action-button.tertiary:hover{background:#ffffff1a;color:#fff}.button-icon{font-size:1.2rem}.not-found-suggestions{margin-bottom:3rem}.suggestions-title{font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;opacity:.9}.suggestions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto;max-width:400px}.suggestion-card{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;color:#fff;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1rem;text-decoration:none;transition:all .3s ease}.suggestion-card:hover{background:#fff3;transform:translateY(-2px)}.suggestion-icon{font-size:2rem}.suggestion-text{font-size:.9rem;font-weight:500}.not-found-character{align-items:center;display:flex;flex-direction:column;gap:1rem}.character-image{animation:float 3s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));height:120px;object-fit:cover;width:120px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.character-speech{background:#ffffffe6;border-radius:20px;color:#333;font-size:.9rem;line-height:1.4;max-width:300px;padding:1rem 1.5rem;position:relative}.character-speech:before{border-bottom:8px solid #ffffffe6;border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:0}.character-speech p{margin:0}@media (min-width:768px){.not-found-page{min-height:calc(100vh - 104px)}.not-found-content{padding:4rem 3rem}.error-code{font-size:8rem}.error-emoji{font-size:5rem}.not-found-title{font-size:3rem}.not-found-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.character-image{height:150px;width:150px}}@media (min-width:1024px){.not-found-content{padding:5rem 4rem}.suggestions-grid{max-width:500px}}@media (max-width:767px){.not-found-page{min-height:calc(100vh - 60px);padding:1rem}.not-found-content{padding:2rem 1.5rem}.error-code{font-size:4rem}.error-emoji{font-size:3rem}.not-found-title{font-size:2rem}.not-found-description{font-size:1rem}.action-button{font-size:.9rem;min-width:180px;padding:.8rem 1.5rem}.character-image{height:100px;width:100px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.character-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}*{box-sizing:border-box;margin:0;padding:0}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;display:flex;flex-direction:column;font-family:Hiragino Sans,Yu Gothic Medium,Meiryo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh;scroll-margin-top:0}.main-content{flex:1 1}.footer{background:linear-gradient(135deg,#2d3748,#4a5568);color:#fff;margin-top:auto;padding:3rem 0 1rem}.footer-container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-content{margin-bottom:2rem;text-align:center}.footer-info{margin:0 auto;max-width:600px}.footer-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#81e6d9,#a3bffa);-webkit-background-clip:text;background-clip:text;color:#f7fafc;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-description{color:#cbd5e0;font-size:.95rem;line-height:1.8}.footer-bottom{border-top:1px solid #4a5568;padding-top:1.5rem;text-align:center}.footer-copyright{color:#a0aec0;font-size:.85rem;margin-bottom:.5rem}.footer-note{color:#718096;font-size:.8rem;font-style:italic}@media (max-width:768px){.footer-info{max-width:none}.desktop-footer{display:none}}@media (max-width:480px){.footer{padding:2rem 0 1rem}.footer-container{padding:0 1rem}.footer-title{font-size:1.3rem}.footer-description{font-size:.9rem}}html{scroll-behavior:smooth}::selection{background:#667eea4d;color:#333}::-moz-selection{background:#667eea4d;color:#333}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190)}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.floating-elements,.footer,.header,button{display:none!important}.main-content{margin:0;padding:0}*{background:#fff!important;color:#000!important}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}
/*# sourceMappingURL=main.58cfea61.css.map*/