body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:sans-serif;margin:0}body,html{overflow-x:hidden}code{font-family:sans-serif}.modal-backdrop{align-items:center;animation:modalBackdropFadeIn .2s ease-out;background-color:#000000b3;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:10lvh 16px;position:fixed;top:0;width:100%;z-index:30}:root{--color-bg-black:#000;--color-bg-dark:#1a1a1a;--color-bg-gray:#333;--color-bg-gray-light:#2a2a2a;--color-text-primary:#fff;--color-text-secondary:#ccc;--color-text-muted:#999;--color-text-disabled:#666;--color-text-light:#aaa;--color-text-dark:#888;--color-border-dark:#333;--color-border-medium:#444;--color-border-light:#666;--color-accent-primary:#007bff;--color-accent-live:red;--color-accent-live-shadow:#ff00004d;--color-accent-pink:#d86ec6;--gradient-time:linear-gradient(90deg,#ff6bb0e6,#936ef0e6);--max-width:1200px;--transition-default:all 0.3s ease;--transition-fast:all 0.2s ease}.container-max{margin:0 auto;max-width:1200px;max-width:var(--max-width)}.header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#000000bf;border-bottom:1px solid #ffffff0f;position:fixed;top:0;width:100%;z-index:25}.header-inner{box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:1200px;max-width:var(--max-width);width:100%}.header-inner,.logo-container{align-items:center;display:flex}.logo-container{justify-content:flex-start;text-decoration:none}.logo{display:block;height:32px;padding:12px 10px 8px;width:auto}.header-nav{display:flex;gap:0;position:relative}.header-nav:before{background:linear-gradient(90deg,#ff6bb0e6,#936ef0e6);background:var(--gradient-time);bottom:0;content:"";height:2px;left:0;position:absolute;transform:translateX(0);transform:translateX(var(--line-position,0));transition:all .2s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-fast) cubic-bezier(.4,0,.2,1);width:0;width:var(--line-width,0)}.nav-button{background-color:initial;border:none;color:#fff;color:var(--color-text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:14px 10px;position:relative;text-decoration:none;transition:all .3s ease;transition:var(--transition-default);white-space:nowrap}.nav-button:hover{color:#ccc;color:var(--color-text-secondary)}.nav-button-oshi.active,.nav-button-oshi:hover,.nav-button.active{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff608f,#c084fc);-webkit-background-clip:text;background-clip:text;font-weight:700}.ranking-nav-wrapper{align-items:center;display:flex;position:relative}.dropdown-arrow{font-size:10px;margin-left:4px;transition:transform .2s ease;vertical-align:text-bottom}.ranking-dropdown-menu{background:#000;background:var(--color-bg-black);border:1px solid #3a3f4b;box-shadow:0 2px 8px #0000004d;left:0;min-width:140px;position:absolute;top:100%;z-index:27}.dropdown-item{background:#0000;border:none;color:#fff;cursor:pointer;display:block;font-size:14px;line-height:16px;padding:16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#1a1a1a;background-color:var(--color-bg-dark)}.dropdown-item.active{background-color:#333;background-color:var(--color-bg-gray);font-weight:600}.dropdown-item:not(:last-child){border-bottom:1px solid #3a3f4b}.alpha-badge{border:.5px solid #ccc;border:.5px solid var(--color-text-secondary);color:#ccc;color:var(--color-text-secondary);display:inline-block;font-size:10px;font-weight:400;line-height:1;margin-left:8px;padding:2px 6px}.footer{background-color:#000;background-color:var(--color-bg-black);border-top:1px solid #333;border-top:1px solid var(--color-border-dark);color:#fff;color:var(--color-text-primary);margin-top:auto;padding:16px 0}.footer .ad_float{bottom:4px;display:none;position:fixed;right:4px;width:50%;z-index:3}.footer .ad_float img{border-radius:8px;box-shadow:0 8px 8px #00000080;display:block;width:100%}.footer-content{margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 15px;text-align:center}.footer-content .privacy-link{color:#999;color:var(--color-text-muted);display:block;font-size:12px;margin-bottom:8px;text-decoration:none;transition:all .3s ease;transition:var(--transition-default)}.footer-content .privacy-link:hover{color:#fff;color:var(--color-text-primary)}.footer-content .copyright{color:#999;color:var(--color-text-muted);font-size:12px;margin:0}.text-ellipsis{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.text-ellipsis-2{-webkit-line-clamp:2}.text-ellipsis-3{-webkit-line-clamp:3}.btn-transparent{background:none;border:none;cursor:pointer;transition:all .3s ease;transition:var(--transition-default)}.hover-lift:hover{transform:translateY(-5px)}.transition-default{transition:all .3s ease;transition:var(--transition-default)}.transition-fast{transition:all .2s ease;transition:var(--transition-fast)}.fade-in{animation:fadeInFromTop .4s ease-out forwards;animation-delay:0s;animation-delay:var(--animation-delay,0s);opacity:0}@keyframes fadeInFromTop{0%{opacity:0}to{opacity:1}}.skeleton-loader{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#2a2a2a,#ffffff0d 20%,#ffffff0d 60%,#2a2a2a);background:linear-gradient(90deg,var(--color-bg-gray-light) 0,#ffffff0d 20%,#ffffff0d 60%,var(--color-bg-gray-light) 100%);background-size:200% 100%;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#2a2a2a,#ffffff0d 50%,#2a2a2a);background:linear-gradient(90deg,var(--color-bg-gray-light) 0,#ffffff0d 50%,var(--color-bg-gray-light) 100%);background-size:200% 100%;border-radius:4px;height:14px;margin-bottom:8px}.skeleton-text.title{height:20px;width:80%}.skeleton-text.subtitle{height:16px;width:60%}.skeleton-image{transition:opacity .2s ease-out,transform .2s ease-out}.ranking-page-header{background-color:#000;background-color:var(--color-bg-black);position:fixed;top:52px;width:100%;z-index:26}.ranking-filters{box-sizing:border-box;display:flex;justify-content:center;margin:0 auto;max-width:1200px;max-width:var(--max-width);width:100%}.ranking-dropdown{appearance:none;background-color:#1a1a1a;background-color:var(--color-bg-dark);background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 10 6%27><polyline fill=%27none%27 stroke=%27%23ffffff%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 points=%272,2 5,5 8,2%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:10px;border:1px solid #444;border:1px solid var(--color-border-medium);color:#fff;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:14px;line-height:1.4;padding:16px 40px 16px 16px;transition:border-color .2s ease;width:33.33%}.ranking-dropdown:hover{border-color:#666;border-color:var(--color-border-light)}.ranking-dropdown:focus{border-color:#007bff;border-color:var(--color-accent-primary);outline:none}.ranking-dropdown::-moz-focus-inner{border:0}.ranking-dropdown::-ms-expand{display:none}.aspect-16-9{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.avatar-circle{border-radius:50%;overflow:hidden}.stream-status-badge{align-items:center;background-color:#ffffff0d;border:.5px solid #333;border:.5px solid var(--color-border-dark);color:#ccc;color:var(--color-text-secondary);display:inline-flex;font-size:11px;font-weight:500;line-height:16px;padding:1px 6px;transition:all .2s ease}.stream-status-badge.members-only,.stream-status-badge.protected{background-color:#ffffff0d;border-color:#333;border-color:var(--color-border-dark);color:#ccc;color:var(--color-text-secondary)}.ad-banner-footer{margin:8px auto 24px;max-width:360px;padding:0 10vw;position:relative}.ad-banner-footer img{background-color:#2a2a2a;background-color:var(--color-bg-gray-light);border-radius:8px;box-shadow:0 4px 20px #0000001a;display:block;height:auto;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ad-banner-footer:hover img{box-shadow:0 8px 30px #00000026;transform:scale(1.02)}@media (max-width:767px){.ad-banner-footer img{border-radius:8px}}.modal-content{animation:modalContentFadeIn .2s cubic-bezier(.25,.46,.45,.94) forwards;background:#1a1a1a;background:var(--color-bg-dark);box-shadow:0 10px 30px #ffffff1a;height:100%;overflow-y:auto;position:relative;width:100%}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}.modal-header{border-bottom:1px solid #333;border-bottom:1px solid var(--color-border-dark);padding:16px}.modal-datetime{color:#fff;color:var(--color-text-primary);font-size:16px;font-weight:600;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.modal-actions{float:right;position:sticky;right:0;top:0;z-index:31}.close-button{background:none;border:none;color:#ccc;color:var(--color-text-secondary);cursor:pointer;font-size:24px;padding:12px 22px;text-shadow:0 0 4px #1a1a1a;text-shadow:0 0 4px var(--color-bg-dark);transition:opacity .2s ease}.close-button:hover{opacity:.7}.modal-image{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.modal-image-bg{height:120%;left:-10%;position:absolute;top:-10%;width:120%;z-index:0}.modal-image-bg img{filter:blur(16px);height:100%;object-fit:cover;opacity:.3;width:100%}.modal-image>img{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%;z-index:1}.modal-info{padding:16px 16px 60px;position:relative}.streamer-info{margin-bottom:24px}.streamer-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.streamer-avatar{border-radius:40px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.streamer-avatar img{height:100%;object-fit:cover;width:100%}.streamer-name{color:#fff;color:var(--color-text-primary);font-size:16px;font-weight:600;text-align:left}.stream-description,.streamer-name{margin:0;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.stream-description{color:#ccc;color:var(--color-text-secondary);font-size:14px;line-height:1.5;word-break:break-all}.stream-description>div>p{margin:4px 0}.watch-button{align-items:center;background-color:red;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:16px 24px;transition:background-color .2s ease;width:100%;will-change:background-color}.watch-button:hover{background-color:#c00}.watch-button.twitcasting{background-color:#0472fc}.watch-button.twitcasting:hover{background-color:#0362dc}.watch-button.twitch{background-color:#9146ff}.watch-button.twitch:hover{background-color:#7b2fdb}.modal-button-area{bottom:10lvh;position:fixed;width:calc(100% - 32px);z-index:31}@media (min-width:768px){.footer-content{padding:0 20px}.ranking-dropdown{background-position:right 16px center;background-size:12px;font-size:16px;padding:16px 48px 16px 20px}.modal-backdrop{padding:10lvh 15vw}.modal-backdrop .modal-button-area{width:calc(-30vw + 100%)}.stream-status-badge{font-size:12px;line-height:18px;padding:2px 7px}}@media (min-width:1024px){.footer-content{padding:0 25px}.ranking-dropdown{background-position:right 20px center;background-size:14px;font-size:18px;padding:18px 56px 18px 24px}.modal-backdrop{padding:10lvh 20vw}.modal-backdrop .modal-button-area{width:calc(-40vw + 100%)}.stream-status-badge{font-size:13px;line-height:20px;padding:2px 8px}}.page-title-container{display:none;text-align:center}.page-title{color:#fff;font-size:2rem;letter-spacing:.05em;margin:32px 0 40px;text-transform:uppercase;transform:skewX(-10deg)}.schedule-text{color:#fff}@media (min-width:768px){.page-title{font-size:2.5rem}}@media (min-width:1024px){.page-title{font-size:4rem}}.date-selector{align-items:center;background-color:#fff;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;margin:15px 0;padding:10px}.date-nav{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;padding:5px 10px;transition:color .2s}.date-nav:hover{color:#333}.current-date{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:600;margin:0 20px;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.day-label{font-size:1rem;font-weight:400;transform:skewX(-10deg)}.slide-left{animation:slideLeft .2s forwards}.slide-right{animation:slideRight .2s forwards}.date-picker-1{background:linear-gradient(90deg,#ff6bb0e6,#ee5abfe6,#936ef0e6 70%);box-shadow:0 6px 24px #d86ec673,0 2px 8px #936ef04d}.arrow-btn-1,.date-picker-1{align-items:center;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;position:relative}.arrow-btn-1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff0;border:0;color:#fff;cursor:pointer;flex:1 1;font-size:28px;font-weight:700;height:60px;transition:all .2s ease}.arrow-btn-1.disabled{opacity:0;pointer-events:none;transition:opacity .15s ease-out}.arrow-btn-1:not(.disabled){opacity:1;transition:opacity .15s ease-in}.prev{justify-content:flex-end}.next{justify-content:flex-start}.date-display-1{-webkit-touch-callout:none;color:#fff;flex-shrink:0;font-size:1.8rem;font-weight:700;min-width:140px;padding:0 8px 0 10px;text-align:center;text-shadow:0 2px 10px #0003;transition:none;user-select:none;-webkit-user-select:none}.date-display-1.slide-left{animation:slideLeft .2s ease-out}.date-display-1.slide-right{animation:slideRight .2s ease-out}@keyframes slideLeft{0%{opacity:1;transform:translateX(0)}50%{opacity:0;transform:translateX(-15px)}51%{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:1;transform:translateX(0)}50%{opacity:0;transform:translateX(15px)}51%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}@keyframes arrowMoveLeft{0%{opacity:1;transform:translateX(0)}50%{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}@keyframes arrowMoveRight{0%{opacity:1;transform:translateX(0)}50%{opacity:0;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}.arrow-btn-1.gradient-sweep-left .arrow{animation:arrowMoveLeft .2s ease-out}.arrow-btn-1.gradient-sweep-right .arrow{animation:arrowMoveRight .2s ease-out}@media (min-width:768px){.date-selector{margin:20px 0}.current-date{font-size:1.5rem}.date-nav{padding:5px 15px}}@media (min-width:1024px){.date-selector{margin:25px 0}.current-date{font-size:1.8rem}.date-nav{font-size:1.4rem;padding:8px 20px}}.stream-card{background-color:var(--color-bg-dark);border:1px solid #ffffff14;border-radius:10px;box-shadow:0 4px 16px #00000080;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94),border-color .3s ease;will-change:transform,box-shadow}.stream-card:before{background:linear-gradient(90deg,#ff6bb099,#936ef099);content:"";height:2px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:4}.stream-card:hover{border-color:#ffffff2e;box-shadow:0 16px 40px #0009,0 4px 12px #ffffff0a;transform:scale(1.02) translateY(-3px)}.stream-card:hover:before{background:linear-gradient(90deg,#ff6bb0,#936ef0)}.stream-card.live:before{background:var(--color-accent-live);opacity:.9}.stream-card.live{animation:liveCardGlow 2.5s ease-in-out infinite alternate;border:2px solid var(--color-accent-live);box-shadow:0 4px 16px #00000080,0 0 14px #f006,0 0 36px #ff00002e}@keyframes liveCardGlow{0%{box-shadow:0 4px 16px #00000080,0 0 14px #f006,0 0 36px #ff00002e}to{box-shadow:0 4px 16px #00000080,0 0 22px #f009,0 0 56px #ff000047}}.stream-card.live:hover{animation:none;box-shadow:0 16px 40px #0009,0 0 28px #ff00008c,0 0 56px #ff000040;transform:scale(1.02) translateY(-3px)}.stream-thumbnail{height:0;overflow:visible;padding-bottom:56.25%;position:relative;width:100%}.stream-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s cubic-bezier(.25,.46,.45,.94);width:100%;will-change:transform}.stream-card:hover .stream-thumbnail img{transform:scale(1.06)}.stream-time{background:var(--gradient-time);border-radius:0 0 6px 0;color:#fff;font-size:.78rem;font-weight:700;left:0;letter-spacing:.03em;padding:4px 12px;position:absolute;text-shadow:0 1px 3px #0006;top:0;z-index:3}.stream-card.live .stream-time{align-items:center;background:var(--color-accent-live);color:#fff;display:flex;gap:5px}.live-dot{animation:livePulse 1.4s ease-in-out infinite;background-color:#fff;border-radius:50%;display:inline-block;flex-shrink:0;height:7px;width:7px}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.channel-avatar{border:2px solid #fff3;border-radius:52px;bottom:-24px;box-shadow:0 2px 12px #000000b3;height:52px;left:14px;overflow:hidden;position:absolute;width:52px;z-index:11}.channel-avatar img{height:100%;object-fit:cover;width:100%}.stream-info{padding:30px 14px 14px;position:relative;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.stream-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;line-height:1.4;margin:8px 0}.stream-streamer,.stream-title{font-family:sans-serif;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.stream-streamer{color:var(--color-text-muted);font-size:.82rem;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-platform{align-items:center;display:inline-flex;gap:6px;margin-top:4px}.stream-platform .platform-icon{height:18px;object-fit:contain;opacity:.9;vertical-align:middle;width:18px}.stream-status-badge{margin-left:6px}.favorite-button{background:none;border:none;color:var(--color-text-disabled);cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:15px;transition:color .3s}.grid-view .stream-card{box-sizing:border-box}.list-view .stream-card{border-radius:8px;display:flex;flex-direction:row;width:100%}.list-view .stream-thumbnail{flex-shrink:0;height:120px;padding-bottom:0;width:200px}.list-view .stream-info{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.streams-list{background:#000;padding:16px 8px;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.grid-view{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.list-view{display:flex;flex-direction:column;gap:2rem}.no-streams{background-color:#fff;background:#000;box-shadow:0 1px 3px #0000001a;color:#999;font-size:1.1rem;padding:90px 30px 50px;text-align:center;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.no-streams.fade-out,.streams-list.fade-out{animation:fadeOut .15s ease-out forwards}.no-streams.slide-left,.streams-list.slide-left{animation:fadeInFromRight .2s ease-out forwards;opacity:0;transform:translateX(10px)}.no-streams.slide-right,.streams-list.slide-right{animation:fadeInFromLeft .2s ease-out forwards;opacity:0;transform:translateX(-10px)}@keyframes fadeOut{0%{background-color:#000;opacity:1}to{background-color:#000;opacity:0}}@keyframes fadeInFromLeft{0%{background-color:#000;opacity:0;transform:translateX(-10px)}to{background-color:#000;opacity:1;transform:translateX(0)}}@keyframes fadeInFromRight{0%{background-color:#000;opacity:0;transform:translateX(10px)}to{background-color:#000;opacity:1;transform:translateX(0)}}@media (min-width:768px){.grid-view{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.grid-view{grid-template-columns:1fr 1fr 1fr}}.modal-title-overlay{color:var(--color-text-primary);margin:0 0 16px}.modal-title-overlay h2{font-size:18px;font-weight:600;margin:0}.modal-title-overlay h2,.stream-description p{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.modal-buttons{display:flex;gap:12px}@media (min-width:768px){.close-button{padding:10px 17px}.modal-header{padding:12px 16px}.modal-datetime{font-size:14px}.modal-info{padding:16px 16px 66px}.streamer-info{gap:12px;margin-bottom:20px}.streamer-avatar{height:50px;width:50px}.streamer-name{font-size:16px}.modal-button-area{left:15vw;right:15vw}.watch-button{font-size:14px}}@media (min-width:1024px){.modal-button-area{left:20vw;right:20vw}}.streams-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#000;box-shadow:0 1px 3px #0000000d;margin-bottom:40px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.loading-message{align-items:center;display:flex;justify-content:center;min-height:200px;padding:2rem}.loading-message p{color:#666;font-size:1.1rem;margin:0}.ad-carousel-container{animation:adCarouselFadeIn .6s ease-out .3s forwards;margin:-16px auto 24px;max-width:600px;opacity:0;padding:0 10vw;position:relative}.ad-carousel-wrapper{border-radius:8px;box-shadow:0 4px 20px #0000001a;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.ad-carousel-wrapper.dragging{cursor:grabbing!important}.ad-carousel-wrapper.dragging.actually-dragging .ad-carousel-link{pointer-events:none}div.ad-carousel-link{cursor:default;display:block;height:100%;width:100%}.ad-carousel-slide{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%;z-index:1}.ad-carousel-slide.active{opacity:1;z-index:2}.ad-carousel-slide.fade-effect{transition:opacity .8s cubic-bezier(.4,0,.2,1)}.ad-carousel-link{display:block;height:100%;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.ad-carousel-link:hover{transform:scale(1.02)}.ad-carousel-image{background-color:var(--color-bg-gray-light);display:block;height:100%;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ad-carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:16px;padding:0}.ad-carousel-dot{background-color:#fff6;border:none;border-radius:50%;cursor:pointer;height:8px;outline:none;padding:0;transition:all .3s ease;width:8px}.ad-carousel-dot:hover{background-color:#fff9;transform:scale(1.2)}.ad-carousel-dot.active{background-color:#ffffffe6;transform:scale(1.3)}.ad-carousel-dot:focus{outline:2px solid #ffffff80;outline-offset:2px}.ad-carousel-loading{align-items:center;background-color:var(--color-bg-gray-light);border-radius:8px;color:var(--color-text-secondary);display:flex;height:200px;justify-content:center}.ad-carousel-loading p{font-size:14px;margin:0}@keyframes adCarouselFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ad-carousel-container:hover .ad-carousel-wrapper{box-shadow:0 8px 30px #00000026}@media (max-width:767px){.ad-carousel-container{padding:0 5vw}.ad-carousel-wrapper{border-radius:6px}.ad-carousel-dots{gap:6px;margin-top:12px}.ad-carousel-dot{height:6px;width:6px}.ad-carousel-dot:hover{transform:scale(1.1)}.ad-carousel-dot.active{transform:scale(1.2)}}@media (min-width:768px) and (max-width:1023px){.ad-carousel-container{max-width:500px;padding:0 8vw}}@media (min-width:1024px){.ad-carousel-container{padding:0 12vw}.ad-carousel-dots{gap:10px;margin-top:20px}.ad-carousel-dot{height:10px;width:10px}}@media (prefers-reduced-motion:reduce){.ad-carousel-dot,.ad-carousel-link,.ad-carousel-slide,.ad-carousel-slide.fade-effect{transition:none}.ad-carousel-container{animation:none;opacity:1}}@media (prefers-color-scheme:dark){.ad-carousel-loading{background-color:var(--color-bg-dark)}}.archive-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#000;box-shadow:0 1px 3px #0000000d;margin-bottom:40px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.archive-header{align-items:center;background:linear-gradient(90deg,#ff6bb0d9,#ee5abfd9,#936ef0d9 70%);box-shadow:0 10px 30px #ff6b6b4d;box-sizing:border-box;display:flex;height:60px;justify-content:center;overflow:hidden;position:relative}.archive-header h2{-webkit-touch-callout:none;color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-align:center;text-shadow:0 2px 10px #0003;user-select:none;-webkit-user-select:none}@media (max-width:768px){.archive-header h2{font-size:1.5rem}}.ranking-modal-content{animation:modalContentFadeIn .2s cubic-bezier(.25,.46,.45,.94) forwards;background:var(--color-bg-dark);box-shadow:0 10px 30px #ffffff1a;height:100%;overflow-y:auto;position:relative;width:100%}.platform-icon{font-size:12px}.ranking-page-container{background-color:initial;color:var(--color-text-primary);margin:0 auto;padding:60px 16px 16px}.ranking-loading-message{color:var(--color-text-secondary);padding:40px;text-align:center}.ranking-list{animation:fadeIn .4s ease-out;display:flex;flex-direction:column}.ranking-item{align-items:flex-start;border-bottom:.5px solid var(--color-border-light);border-left:2px solid #0000;cursor:pointer;display:flex;padding:8px 0 8px 4px;position:relative;transition:transform .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s cubic-bezier(.25,.46,.45,.94),background-color .2s ease;will-change:transform,box-shadow}.ranking-item:hover{background-color:#ffffff05;border-left-color:var(--color-accent-pink);box-shadow:0 8px 20px #0006,0 4px 10px #ffffff0d;transform:scale(1.02) translateY(-2px)}.ranking-thumbnail{aspect-ratio:16/9;flex-shrink:0;overflow:hidden;position:relative;width:134px}.ranking-thumbnail-bg{height:120%;left:-10%;position:absolute;top:-10%;width:120%;z-index:0}.ranking-thumbnail-bg img{filter:blur(16px);height:100%;object-fit:cover;opacity:.3;width:100%}.ranking-thumbnail>img{height:100%;object-fit:contain;position:relative;transition:transform .2s cubic-bezier(.25,.46,.45,.94);width:100%;will-change:transform;z-index:1}.ranking-item:hover .ranking-thumbnail>img{transform:scale(1.05)}.ranking-content-area{box-sizing:border-box;flex:1 1;margin:0 0 0 8px;min-width:0}.ranking-info{display:flex;flex-direction:column;gap:4.7px;min-width:0}.ranking-streamer-name{color:var(--color-text-light);display:block;font-size:12px;line-height:12px;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;-webkit-user-select:text;user-select:text;white-space:nowrap}.ranking-channel-icon{border-radius:50%;display:inline-block;flex-shrink:0;height:14px;margin-right:4px;object-fit:cover;vertical-align:middle;width:14px}.ranking-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-text-primary);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;margin-top:4px;overflow:hidden;text-overflow:ellipsis;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.ranking-meta{align-items:center;color:#777;display:none;font-size:12px;gap:16px}.ranking-live{background:var(--color-accent-live);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase}.ranking-viewers{align-items:baseline;display:flex}.ranking-viewer-count{color:var(--color-accent-pink);font-size:12px;font-weight:600;line-height:12px;margin-right:4px}.ranking-viewer-label{color:var(--color-text-disabled);font-size:8px;text-transform:uppercase}.ranking-status-badges{display:flex;position:absolute;right:0;top:7px;z-index:2}@media (max-width:767px){.ranking-status-badges .stream-status-badge{font-size:10px;line-height:14px;padding:1px 4px}}.ranking-actions{display:none;gap:8px;margin-top:8px}.ranking-bookmark{background:none;border:none;color:var(--color-text-disabled);cursor:pointer;font-size:14px}.ranking-bookmark:hover{color:var(--color-text-primary)}.ranking-tweet-btn:hover{background:#0d8bd9}.ranking-last-updated{background-color:var(--color-bg-dark);color:var(--color-text-dark);font-size:.9rem;margin-top:30px;padding:15px;text-align:center}@media (min-width:768px){.ranking-page-container{padding:65px 18px 18px}.ranking-thumbnail{aspect-ratio:16/9;width:233px}.ranking-title{-webkit-line-clamp:3;font-size:18px;margin-top:8px}.ranking-viewer-count{font-size:16px;line-height:16px}.ranking-viewer-label{font-size:9px}.ranking-meta{display:flex}.ranking-streamer-name{font-size:14px;line-height:14px}.ranking-channel-icon{height:24px;margin-right:7.7px;width:24px}.ranking-content-area{margin:0 0 0 12px}.ranking-info{gap:6px}.ranking-meta{font-size:18px;gap:24px}.ranking-live{font-size:15px;padding:3px 9px}.ranking-page-title{font-size:2rem}}@media (min-width:1024px){.ranking-page-container{max-width:var(--max-width);padding:70px 20px 20px}.ranking-thumbnail{aspect-ratio:16/9;width:304px}.ranking-title{font-size:24px}.ranking-viewer-count{font-size:20px;line-height:20px}.ranking-viewer-label{font-size:12px}.ranking-actions{display:flex}.ranking-streamer-name{font-size:16px;line-height:16px}.ranking-channel-icon{height:32px;width:32px}.ranking-content-area{margin:0 0 0 16px}.ranking-info{gap:8.2px}.ranking-meta{font-size:20px;gap:28px}.ranking-live{font-size:16px;padding:4px 10px}.ranking-page-title{font-size:2.5rem}}.privacy-page{background-color:initial;color:#fff;margin:0 auto;min-height:calc(100vh - 200px);padding:16px}.privacy-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:24px;text-align:center}.privacy-content{background-color:#1a1a1a;margin:0 auto;max-width:800px;padding:20px}.privacy-text{color:#ccc;display:block;font-size:14px;line-height:1.8;word-break:break-all}.privacy-text a{color:#d86ec6;text-decoration:none;transition:color .2s ease}.privacy-text a:hover{color:#9a6eec;text-decoration:underline}.privacy-text h2{color:#fff;font-size:1.1rem;margin:24px 0 4px}.privacy-text h2,.privacy-text h3{display:block;font-weight:700;line-height:1.8}.privacy-text h3{font-size:1em;margin:1em 0 0}.privacy-text ul{list-style-type:disc;margin:8px 0;padding-left:16px}.privacy-text li{line-height:1.8}@media (min-width:768px){.privacy-page{padding:24px}.privacy-title{font-size:2rem;margin-bottom:32px}.privacy-content{padding:32px}.privacy-text{font-size:16px;line-height:1.8}.privacy-text h2{font-size:1.3rem;margin-top:32px}.privacy-text ul{padding-left:24px}}@media (min-width:1024px){.privacy-page{padding:40px}.privacy-title{font-size:2.5rem;margin-bottom:40px}.privacy-content{padding:40px}.privacy-text{font-size:16px;line-height:1.8}.privacy-text h2{font-size:1.4rem;margin-top:40px}.privacy-text ul{padding-left:32px}}.oshi3-page{background-color:#0d0d0d;min-height:100vh;overflow-x:hidden;position:relative}.oshi3-bg-fixed{inset:0;position:fixed;z-index:1}.oshi3-bg-tile{background-repeat:repeat;background-size:140px}.oshi3-bg-panels{display:flex;flex-direction:column;inset:0;position:fixed;z-index:1}@media (min-width:640px){.oshi3-bg-panels{flex-direction:row}}.oshi3-bg-panel{flex:1 1;overflow:hidden;position:relative;transition:all .7s ease-in-out}.oshi3-bg-panel img{filter:brightness(.65) saturate(1.2);height:100%;object-fit:cover;object-position:top;width:100%}.oshi3-bg-panel img,.oshi3-bg-panel-overlay{inset:0;position:absolute}.oshi3-bg-panel-separator{height:1px;left:0;position:absolute;right:0;top:0}@media (min-width:640px){.oshi3-bg-panel-separator{inset-y:0;height:auto;right:auto;width:1px}}.oshi3-ui-overlay{inset:0;pointer-events:none;position:fixed;transition:background .7s ease;z-index:2}.oshi3-content{margin:0 auto;max-width:640px;padding:68px 12px 120px;position:relative;z-index:10}@media (min-width:640px){.oshi3-content{padding:76px 16px 120px}}@media (min-width:1024px){.oshi3-content{max-width:960px;padding:80px 24px 120px}}.oshi3-header{margin-bottom:24px;text-align:center;transition:color .7s ease}@media (min-width:640px){.oshi3-header{margin-bottom:40px}}.oshi3-title{-webkit-text-fill-color:#0000;animation:oshi3TitleShimmer 4s linear infinite;background:linear-gradient(110deg,#ff608f,#c084fc 50%,#ff608f);-webkit-background-clip:text;background-clip:text;background-size:200% auto;filter:drop-shadow(0 2px 8px rgba(255,96,143,.35));font-size:1.5rem;font-weight:900;letter-spacing:-.02em;margin-bottom:6px}@keyframes oshi3TitleShimmer{0%{background-position:0}to{background-position:200%}}@media (min-width:640px){.oshi3-title{font-size:2.25rem}}@media (min-width:1024px){.oshi3-title{font-size:2.75rem}}.oshi3-subtitle{font-size:.75rem;font-weight:600;text-shadow:0 1px 4px #fff9,0 0 8px #fff6;transition:color .7s ease}@media (min-width:640px){.oshi3-subtitle{font-size:.875rem}}.oshi3-group{margin-bottom:24px}@media (min-width:640px){.oshi3-group{margin-bottom:32px}}.oshi3-group-label-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.oshi3-group-logo{border-radius:6px;flex-shrink:0;height:28px;object-fit:contain;width:28px}@media (min-width:640px){.oshi3-group-logo{height:32px;width:32px}}@media (min-width:1024px){.oshi3-group-logo{height:36px;width:36px}}.oshi3-group-label{font-size:10px;font-weight:900;letter-spacing:.15em;margin:0;text-transform:uppercase;transition:color .7s ease,text-shadow .7s ease}@media (min-width:640px){.oshi3-group-label{font-size:12px;margin-bottom:12px}}.oshi3-creator-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}@media (min-width:640px){.oshi3-creator-grid{gap:12px;grid-template-columns:repeat(5,1fr)}}@media (min-width:1024px){.oshi3-creator-grid{gap:14px;grid-template-columns:repeat(6,1fr)}}.oshi3-creator-card{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #fff3;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:0;overflow:visible;padding:12px 8px;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.oshi3-creator-card:hover{transform:scale(1.05)}.oshi3-creator-card.selected{transform:scale(1.07)}.oshi3-creator-card-rank{align-items:center;border-radius:50%;box-shadow:0 2px 6px #0000004d;color:#fff;display:flex;font-size:11px;font-weight:900;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px;z-index:10}.oshi3-creator-avatar{border-radius:50%;flex-shrink:0;height:72px;overflow:hidden;position:relative;width:72px}@media (min-width:640px){.oshi3-creator-avatar{height:64px;width:64px}}@media (min-width:1024px){.oshi3-creator-avatar{height:80px;width:80px}.oshi3-creator-name{font-size:13px}.oshi3-group-label{font-size:13px;margin-bottom:14px}}.oshi3-creator-avatar img{height:100%;object-fit:cover;object-position:top;width:100%}.oshi3-creator-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;font-weight:700;line-height:1.35;overflow:hidden;padding:0 2px;text-align:center;text-shadow:0 1px 2px #ffffff80;width:100%;word-break:break-all}.oshi3-sticky-footer{background:linear-gradient(0deg,#0003 0,#0000);bottom:0;left:0;padding:16px 16px 24px;position:fixed;right:0;text-align:center;z-index:20}.oshi3-count-text{font-size:12px;font-weight:700;margin-bottom:8px;text-shadow:0 1px 6px #00000080;transition:color .7s ease}@media (min-width:640px){.oshi3-count-text{font-size:14px;margin-bottom:12px}}.oshi3-share-btn{border:none;border-radius:9999px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:900;max-width:320px;padding:14px 32px;transition:filter .3s ease,transform .15s ease;width:100%}@media (min-width:640px){.oshi3-share-btn{font-size:1.125rem}}.oshi3-share-btn:hover:not(:disabled){filter:brightness(1.1)}.oshi3-share-btn:active:not(:disabled){transform:scale(.95)}.oshi3-share-btn:disabled{cursor:not-allowed;opacity:.4}.oshi3-intro{animation:oshi3IntroOut .45s ease-in 1.5s both;display:flex;flex-direction:column;inset:0;overflow:hidden;position:fixed;z-index:30}@media (min-width:640px){.oshi3-intro{flex-direction:row}}.oshi3-intro-panel{flex:1 1;overflow:hidden;position:relative}.oshi3-intro-panel img{filter:brightness(.72) saturate(1.5);height:100%;object-fit:cover;object-position:top;width:100%}.oshi3-intro-panel img,.oshi3-intro-panel-overlay{inset:0;position:absolute}.oshi3-intro-gradient-top{background:linear-gradient(180deg,#0009,#0000);height:40%;inset-inline:0;position:absolute;top:0}.oshi3-intro-gradient-bottom{background:linear-gradient(0deg,#000000bf,#0000);inset-inline:0;bottom:0;height:40%;position:absolute}.oshi3-intro-separator{bottom:0;display:none;left:0;position:absolute;top:0;width:1px}@media (min-width:640px){.oshi3-intro-separator{display:block}}.oshi3-intro-rank-badge{border-radius:9999px;color:#111;font-size:13px;font-weight:900;left:12px;letter-spacing:.03em;padding:3px 10px;position:absolute;top:12px}.oshi3-intro-name-wrap{bottom:0;inset-inline:0;padding:0 12px 8px;position:absolute}.oshi3-intro-name{color:#fff;display:block;font-size:.875rem;font-weight:900;line-height:1.3;text-align:center;text-shadow:0 1px 6px #000}@media (min-width:640px){.oshi3-intro-name{font-size:1rem}}.oshi3-bubbles{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:10}.oshi3-bubble{border-radius:50%;bottom:0;opacity:0;overflow:hidden;position:absolute}.oshi3-bubble img{height:100%;object-fit:cover;object-position:top;width:100%}.oshi3-share-content{margin:0 auto;max-width:480px;padding:92px 16px 40px;position:relative;z-index:20}.oshi3-share-header{animation:oshi3FadeIn .5s ease-out both;margin-bottom:32px;text-align:center}.oshi3-share-title{font-size:1.5rem;font-weight:700;margin-bottom:4px}.oshi3-share-subtitle{font-size:.875rem}.oshi3-ranking-card{animation:oshi3FadeIn .4s ease-out .05s both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 20px 60px #0000004d;margin-bottom:32px;padding:24px}.oshi3-ranking-podium{align-items:flex-end;display:flex;gap:16px;justify-content:center}.oshi3-ranking-item{align-items:center;display:flex;flex-direction:column;gap:8px}.oshi3-ranking-rank-num{font-size:1.5rem;font-weight:900}.oshi3-ranking-avatar{background:#e5e7eb;border-radius:50%;overflow:hidden;position:relative}.oshi3-ranking-avatar.rank-1{height:96px;width:96px}.oshi3-ranking-avatar.rank-2,.oshi3-ranking-avatar.rank-3{height:80px;width:80px}.oshi3-ranking-avatar img{height:100%;object-fit:cover;object-position:top;width:100%}.oshi3-ranking-name{font-size:.875rem;font-weight:600;text-align:center}.oshi3-share-actions{animation:oshi3FadeIn .5s ease-out .6s both;display:flex;flex-direction:column;gap:12px}.oshi3-tweet-btn{align-items:center;border-radius:9999px;box-shadow:0 4px 24px #0003;color:#fff;display:flex;font-size:1.125rem;font-weight:700;gap:8px;justify-content:center;padding:12px;text-decoration:none;transition:filter .3s ease,transform .15s ease;width:100%}.oshi3-tweet-btn:hover{filter:brightness(1.1)}.oshi3-tweet-btn:active{transform:scale(.95)}.oshi3-tweet-btn svg{fill:currentColor;height:20px;width:20px}.oshi3-back-link{display:block;font-size:.875rem;padding:8px;text-align:center;text-decoration:none;transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s}.oshi3-back-link:hover{text-decoration:underline}@keyframes oshi3SlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes oshi3PopIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes oshi3FadeIn{0%{opacity:0}to{opacity:1}}@keyframes oshi3CutInLeft{0%{transform:translateX(-105%)}to{transform:translateX(0)}}@keyframes oshi3CutInRight{0%{transform:translateX(105%)}to{transform:translateX(0)}}@keyframes oshi3CutInBottom{0%{transform:translateY(105%)}to{transform:translateY(0)}}@media (max-width:639px){@keyframes oshi3CutInLeft{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes oshi3CutInRight{0%{transform:translateY(105%)}to{transform:translateY(0)}}}@keyframes oshi3IntroOut{to{opacity:0;pointer-events:none}}@keyframes oshi3Float{0%{opacity:0;transform:translateY(0) translateX(0)}8%{opacity:.55}85%{opacity:.35}to{opacity:0;transform:translateY(-115vh) translateX(30px);transform:translateY(-115vh) translateX(var(--wx,30px))}}.App{background-color:#000;background-image:radial-gradient(ellipse 100% 50% at 50% 0,#9366f024 0,#0000 65%),radial-gradient(ellipse 70% 40% at 85% 70%,#ff6bb014 0,#0000 60%);color:#fff;display:flex;flex-direction:column;font-family:sans-serif;max-width:100vw;min-height:100vh}.App,.main-content{box-sizing:border-box}.main-content{background-color:initial;flex:1 1;margin:0 auto;max-width:1200px;padding-top:52px;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content.fade-in{animation:fadeIn .3s ease-out forwards}
/*# sourceMappingURL=main.d91e6ef8.css.map*/