html.rf-lock,html:has(.rf-root){overflow:hidden;overscroll-behavior:none;scrollbar-gutter:auto}.rf-root{position:fixed;top:0;right:0;bottom:calc(49px + env(safe-area-inset-bottom, 0px));left:0;z-index:55;overflow:hidden;overflow:clip;background:#07090d;color:#fff;-webkit-tap-highlight-color:transparent}.rf-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.rf-ambient-img{position:absolute;inset:-12%;background-position:50%;background-size:cover;filter:blur(48px) saturate(1.3) brightness(.6);opacity:.5;transition:background-image .5s ease}.rf-scroller{position:relative;z-index:1;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;outline:none}.rf-scroller::-webkit-scrollbar{display:none}.rf-slide{display:flex;align-items:center;justify-content:center;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.rf-layer{position:absolute;left:0;z-index:1;scroll-snap-align:none;pointer-events:none}.rf-layer[hidden]{display:none}.rf-stage{position:relative;width:100%;height:100%}.rf-frame{overflow:hidden}.rf-frame,.rf-media{position:absolute;inset:0}.rf-media{z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none}.rf-frame--poster{background:#0d1117}@media (max-width:767px) and (min-aspect-ratio:3/5){.rf-media{object-fit:contain}.rf-frame--poster{background:transparent}}@media (max-width:767px) and (max-aspect-ratio:97/200){.rf-media{object-fit:contain}.rf-frame--poster{background:transparent}}.rf-tap{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.rf-tap:focus-visible{outline:2px solid #6fb2ff;outline-offset:-4px}.rf-center{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:9999px;background:rgba(8,10,14,.5);color:#fff;pointer-events:none;backdrop-filter:blur(6px)}.rf-center svg{width:34px;height:34px}.rf-center--paused{animation:rf-pop .18s ease-out both}.rf-center--flash{animation:rf-flash .45s ease-out both}@keyframes rf-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes rf-flash{0%{opacity:.95;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.rf-progress{position:absolute;right:0;bottom:0;left:0;z-index:2;height:3px;background:rgba(255,255,255,.22);pointer-events:none}.rf-progress-fill{width:100%;height:100%;background:linear-gradient(90deg,#0075ff,#6d5cff);transform:scaleX(0);transform-origin:left center;will-change:transform}.rf-actions{position:absolute;right:6px;bottom:30px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.rf-cta{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px 0 14px;border-radius:9999px;background:linear-gradient(90deg,#0075ff,#6d5cff);box-shadow:0 8px 22px rgba(0,117,255,.5),inset 0 0 0 1px rgba(255,255,255,.18);color:#fff;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;transition:transform .15s ease,filter .15s ease}.rf-cta svg{width:16px;height:16px;flex-shrink:0}.rf-cta:hover{filter:brightness(1.1)}.rf-cta:active{transform:scale(.97)}.rf-btn:focus-visible,.rf-close:focus-visible,.rf-cta:focus-visible,.rf-nav-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.rf-item{flex-direction:column;gap:5px}.rf-btn,.rf-item{display:flex;align-items:center}.rf-btn{position:relative;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:9999px;background:rgba(10,12,18,.5);color:#fff;cursor:pointer;backdrop-filter:blur(8px);transition:transform .15s ease,background-color .15s ease}.rf-btn svg{width:20px;height:20px}.rf-btn:hover{background:rgba(40,46,60,.7)}.rf-btn:active{transform:scale(.92)}.rf-btn--fav-on{border-color:transparent;background:#ff2d55;box-shadow:0 6px 18px rgba(255,45,85,.45)}.rf-btn--fav-on:hover{background:#ff4d6f}.rf-btn--sound-on{border-color:transparent;background:#0075ff;box-shadow:0 6px 18px rgba(0,117,255,.45)}.rf-btn--sound-on:hover{background:#2b8cff}.rf-btn--hint:after{position:absolute;inset:-1px;border:2px solid rgba(255,255,255,.75);border-radius:inherit;animation:rf-ring 1.6s ease-out .8s 3 both;content:"";pointer-events:none}@keyframes rf-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.rf-btn-label{display:none;color:#cbd5e1;font-size:11px;font-weight:600;line-height:1.1;text-align:center}.rf-close{position:absolute;top:calc(env(safe-area-inset-top, 0px) + 10px);right:8px;z-index:3;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:9999px;background:rgba(10,12,18,.5);color:#fff;backdrop-filter:blur(8px)}.rf-close svg{width:18px;height:18px}.rf-nav{display:none}@media (min-width:768px){.rf-root{top:var(--rf-top,106px);bottom:0;z-index:30;background:radial-gradient(120% 90% at 50% 0,#131a26 0,#07090d 70%)}.rf-stage{width:auto;height:min(calc(100% - 32px),900px);aspect-ratio:9/16}.rf-frame{border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08)}.rf-layer .rf-frame{box-shadow:none}.rf-actions{right:auto;bottom:4px;left:calc(100% + 18px);align-items:flex-start;gap:16px}.rf-cta{height:48px;padding:0 16px 0 18px;font-size:15px}.rf-cta svg{width:18px;height:18px}.rf-item{flex-direction:row;gap:10px}.rf-btn{width:48px;height:48px;background:rgba(255,255,255,.1)}.rf-btn svg{width:22px;height:22px}.rf-btn:hover{background:rgba(255,255,255,.2)}.rf-btn--fav-on,.rf-btn--fav-on:hover{background:#ff2d55}.rf-btn--sound-on,.rf-btn--sound-on:hover{background:#0075ff}.rf-btn-label{display:block;font-size:13px;text-align:left;white-space:nowrap}.rf-close{display:none}.rf-nav{position:absolute;top:50%;right:28px;z-index:3;display:flex;flex-direction:column;gap:14px;transform:translateY(-50%)}.rf-nav-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:9999px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:transform .15s ease,background-color .15s ease,opacity .15s ease}.rf-nav-btn svg{width:24px;height:24px}.rf-nav-btn:hover:not(:disabled){background:#0075ff;transform:scale(1.06)}.rf-nav-btn:disabled{cursor:default;opacity:.3}}@media (prefers-reduced-motion:reduce){.rf-ambient-img,.rf-btn,.rf-cta,.rf-nav-btn{transition:none}.rf-btn--hint:after,.rf-center--flash,.rf-center--paused{animation:none}.rf-btn--hint:after,.rf-center--flash{display:none}}.rf-badge{position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9999px;background:#0075ff;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px rgba(7,9,13,.9)}.rf-sheet-wrap{position:absolute;inset:0;z-index:6;display:flex;align-items:flex-end;justify-content:center}.rf-sheet-backdrop{position:absolute;inset:0;border:0;padding:0;background:rgba(0,0,0,.45);cursor:default;animation:rf-sheet-fade .2s ease}.rf-sheet{position:relative;display:flex;flex-direction:column;width:100%;max-width:640px;height:min(72%,640px);border-radius:18px 18px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.45);animation:rf-sheet-up .24s cubic-bezier(.2,.8,.2,1)}.rf-sheet-head{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 18px}.rf-sheet-title{display:flex;flex-direction:column;min-width:0;flex:1}.rf-sheet-title strong{font-size:16px;font-weight:700}.rf-sheet-title span{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.rf-sheet-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:9999px;background:transparent}.rf-sheet-close svg{width:20px;height:20px}.rf-sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 16px calc(16px + env(safe-area-inset-bottom, 0px))}@media (min-width:1024px){.rf-sheet-wrap{align-items:stretch;justify-content:flex-end}.rf-sheet{width:440px;max-width:40vw;height:auto;border-radius:0;box-shadow:-12px 0 40px rgba(0,0,0,.45);animation-name:rf-sheet-side}}@keyframes rf-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes rf-sheet-side{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes rf-sheet-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.rf-sheet,.rf-sheet-backdrop{animation:none}}