.ys-section{scroll-margin-top:110px}.ys-previews{display:flex;gap:16px;min-width:0;overflow-x:auto;padding:6px 3px 16px;scroll-snap-type:x mandatory}.ys-preview{flex:0 0 185px;aspect-ratio:9/16;position:relative;overflow:hidden;border:0;border-radius:16px;padding:0;background:#111827;color:white;cursor:pointer;text-align:left;scroll-snap-align:start;isolation:isolate}.ys-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#060b1be8);z-index:-1}.ys-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-2}.ys-preview strong{position:absolute;bottom:18px;left:14px;right:14px;font-size:16px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ys-play{position:absolute;top:44%;left:calc(50% - 22px);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffffdd;color:#5624ae}.ys-tag{position:absolute;top:12px;left:12px;font-size:10px;font-weight:800;letter-spacing:1px;background:#f03c53;padding:5px 8px;border-radius:5px}.ys-preview:focus-visible{outline:3px solid #7c3aed;outline-offset:2px}.ys-dialog{border:0;padding:0;border-radius:18px;background:#080b13;color:white;width:min(550px,100vw);height:min(900px,96dvh);max-height:96dvh;max-width:100vw;overflow:hidden}.ys-dialog::backdrop{background:#000d}.ys-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.ys-top button,.ys-rail button{border:1px solid #ffffff50;background:#ffffff15;color:white;padding:10px 14px;border-radius:10px;cursor:pointer}.ys-deck{height:calc(100% - 54px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.ys-pane{height:100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;padding:0 58px 0 8px;box-sizing:border-box}.ys-media{flex:1;min-height:200px;width:100%;position:relative;background:#000;overflow:hidden;border-radius:12px}.ys-media>img,.ys-media>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain}.ys-footer{flex:0 0 112px;padding:12px 10px;touch-action:pan-y}.ys-footer h3{font-size:16px;line-height:1.35;margin:0 0 5px;max-height:44px;overflow:hidden;color:white}.ys-footer p{font-size:12px;color:#bfc5d4;margin:3px 0}.ys-footer a{font-size:12px;color:#d6c3ff}.ys-rail{position:absolute;right:6px;top:0;bottom:0;width:44px;display:flex;flex-direction:column;justify-content:center;gap:14px;touch-action:pan-y}.ys-rail button{padding:12px}.ys-empty{padding:20px;border-radius:12px;background:#f5f3fa;color:#526078;font-size:15px}.ys-empty a{display:inline-block;margin-top:10px}@media(max-width:700px){.ys-preview{flex-basis:155px}.ys-section{display:block!important}.ys-section .side{margin-bottom:20px}.ys-dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.ys-pane{padding-right:54px}.ys-top{padding-top:env(safe-area-inset-top);height:calc(54px + env(safe-area-inset-top))}.ys-deck{height:calc(100% - 54px - env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}}@media(prefers-reduced-motion:reduce){.ys-deck,.ys-previews{scroll-behavior:auto}}