.tabs{overflow-x:auto;max-width:100%;scrollbar-width:none;flex-shrink:0}.tabs button{white-space:nowrap}.level-badge{display:inline-block;font-size:10px;background:linear-gradient(110deg,#4c43c8,#ad327d);border:1px solid #ffffff28;padding:3px 7px;border-radius:7px;margin-inline:6px;vertical-align:middle;color:white}
.post{position:relative;width:min(100%,520px);margin:0 auto;height:100%;padding:0;gap:0;scroll-snap-stop:always;isolation:isolate}.post .video-wrap{width:100%;max-width:none;height:100%;border-radius:14px}.post .video-wrap video{object-fit:cover}.post.fit-video .video-wrap video{object-fit:contain}.post .actions{position:absolute;z-index:4;left:12px;bottom:95px;gap:17px;padding:0;width:46px}.post .action button{background:#17131b65;backdrop-filter:blur(8px);color:#fff;text-shadow:0 2px 8px #000}.post .action button.on{color:#ff4278}.post .action span{color:#fff;text-shadow:0 2px 6px #000}.post .post-info{left:80px;bottom:30px}.post .caption{margin-top:9px}.post .shade{background:linear-gradient(0deg,#000c,transparent 50%,#0005)}.feed-fit{position:absolute;top:17px;left:61px;width:34px;height:34px;z-index:4;background:#0006;border-radius:50%;font-size:21px}.post .post-controls{left:18px;top:67px}.post .play-indicator{left:calc(50% - 20px)}#feed{padding:0;scroll-behavior:smooth;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom}.post .post-info{transition:transform .28s ease,opacity .28s ease}.post:not(.is-current) .post-info{transform:translateY(10px);opacity:.55}.post.is-current .post-info{transform:translateY(0);opacity:1}.post .action button{transition:transform .18s,background .18s}.post .action button:active{transform:scale(.84)}.post .follow{backdrop-filter:blur(10px)}
.rank-tabs{display:flex;gap:8px}.rank-tab{flex:1;padding:12px;border-radius:12px;background:#252634}.rank-tab.active{background:#ff4278;color:#fff}.ranking-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #ffffff12}.ranking-place{width:24px;font-size:20px;font-weight:900;color:#a6a9c7}.ranking-row:nth-child(-n+3) .ranking-place{color:#ffd277}.ranking-person{min-width:0;flex:1}.ranking-person b,.ranking-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-person small{color:#a6a5b8;font-size:10px;direction:ltr;text-align:right;margin-top:4px}.ranking-score{color:#55e7d7;font-size:15px}.ranking-row .avatar{width:32px;height:32px;flex-shrink:0}.ranking-row .level-badge{margin:0}.ranking-empty{padding:45px 12px;text-align:center;line-height:1.8;color:#a6a5b8}.levels-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.level-card{background:linear-gradient(135deg,#24203e,#211a29);border:1px solid #ffffff18;border-radius:14px;padding:15px}.level-card b{font-size:23px;display:block;margin:12px 0}.level-card small{font-size:10px;color:#c0b9ce;line-height:1.6}.level-card progress{height:6px;margin:0 0 8px}.gift-studio-card{padding:18px 0;border-bottom:1px solid #ffffff1c}.gift-studio-card video{display:block;max-height:230px;width:100%;margin-top:15px;background:#08080c}.gift-studio-card h3{margin:0}.gift-studio-card input{max-width:100%}
.gift-effect-layer{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.gift-effect-video{width:100%;height:100%;object-fit:contain;pointer-events:none}.gift-sender{position:absolute;z-index:2;top:22%;right:15%;left:15%;padding:12px 16px;border-radius:30px;background:linear-gradient(100deg,#c23598df,#fa5166df);color:#fff;text-align:center;animation:gift-arrive .35s ease-out}.gift-sender b,.gift-sender span{display:block}.gift-sender b{font-size:15px}.gift-sender span{font-size:11px;margin-top:5px}.gift-fallback{position:absolute;top:40%;left:0;right:0;text-align:center;font-size:110px;filter:drop-shadow(0 10px 40px #f64e9b);animation:gift-burst 2.2s ease both}.gift-card{transition:transform .18s}.gift-card:not(:disabled):active{transform:scale(.95)}dialog[open]:not(#liveDialog){animation:sheet-in .22s ease-out}.post .video-wrap video{transition:filter .2s}
@keyframes gift-arrive{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes gift-burst{0%{opacity:0;transform:scale(.3) rotate(-12deg)}20%{opacity:1;transform:scale(1.15) rotate(6deg)}75%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.3) translateY(-50px)}}@keyframes sheet-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){body{overflow:hidden}body>header{position:fixed;top:0;right:0;left:0;z-index:7;border:0;background:linear-gradient(#0008,transparent);height:65px;padding:0 12px}body>header .search{background:#ffffff17;border-color:#ffffff25;width:105px;backdrop-filter:blur(10px)}body>header .live-start{background:#0003;border-color:#ffffff55;color:#fff}body>main{height:100dvh;max-height:100dvh;width:100%;margin:0}.center{height:100%;padding:0;position:relative;overflow:hidden}.center>.tabs{position:absolute;top:68px;left:10px;right:10px;z-index:6;height:39px;max-width:calc(100% - 20px);gap:22px;justify-content:flex-start;overflow-x:auto;padding-inline:4px}.tabs button{color:#ffffffbb;font-size:13px;text-shadow:0 2px 7px #000}.tabs button.active{color:#fff;border-bottom:3px solid #fff}#feed{height:100%;width:100%;padding:0}.post{width:100%;max-width:none;height:100dvh;min-height:100dvh;padding:0;scroll-snap-align:start}.post .video-wrap{height:100%;width:100%;border-radius:0;box-shadow:none}.post .video-wrap video{width:100%;height:100%;object-fit:cover}.post.fit-video .video-wrap video{object-fit:contain}.post .actions{bottom:calc(env(safe-area-inset-bottom) + 126px);left:11px;gap:20px;width:43px}.post .action button{width:43px;height:43px;font-size:27px;background:#0002}.post .post-info{bottom:calc(env(safe-area-inset-bottom) + 88px);right:15px;left:77px}.post .handle{font-size:15px}.post .caption{font-size:13px;line-height:1.6;max-height:6.4em;overflow:auto}.post .sound{font-size:10px;opacity:.8}.post .mute{top:119px;left:14px}.post .feed-fit{top:119px;left:58px}.post .post-controls{top:165px;left:15px}.mobile-nav{z-index:8;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#07070cbb;backdrop-filter:blur(16px);border-top:1px solid #ffffff20}.mobile-nav button{font-size:10px;color:#fff}.mobile-nav button:first-child{color:#fff}.mobile-nav span{font-size:20px}.mobile-nav button:nth-child(2){color:#fff}#liveGrid{padding-top:120px;padding-bottom:90px;height:100%;background:#090a0e}.empty{padding:130px 25px 90px}#weeklyRanking{padding:20px 16px}.ranking-row{gap:7px}.ranking-row .level-badge{font-size:9px}.level-badge{font-size:9px;margin-inline:4px}.ranking-score{font-size:13px}}
@media(prefers-reduced-motion:reduce){#feed{scroll-behavior:auto}.post .post-info,.post .action button,.gift-card{transition:none}dialog[open]:not(#liveDialog),.gift-sender,.gift-fallback{animation:none}.gift-fallback{opacity:1}}

.center{min-height:0}#feed{min-height:0;flex:1}body>main>aside{min-height:0;overflow-y:auto}.mobile-nav button.active{color:var(--cyan)}
@media(max-width:700px){body>header{padding-top:env(safe-area-inset-top);height:calc(65px + env(safe-area-inset-top))}.center>.tabs{top:calc(68px + env(safe-area-inset-top))}}