.overlay{z-index:20;pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.overlay-actions{pointer-events:auto;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;bottom:120px;right:12px}.action-btn{color:#ffffffb3;cursor:pointer;filter:drop-shadow(0 1px 4px #00000080);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;transition:all .15s;display:flex}.action-btn.active{color:#fff}.action-btn:active{transform:scale(.9)}.action-label{text-shadow:0 1px 3px #0009;font-size:12px;font-weight:600}.mute-btn-floating{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:100;pointer-events:auto;background:#00000073;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s,background .15s;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #00000040}.mute-btn-floating:hover{background:#0009;transform:scale(1.05)}.mute-btn-floating:active{background:#000000b3;transform:scale(.92)}.action-avatar{border:2px solid #fff;border-radius:50%;width:40px;height:40px;overflow:hidden;box-shadow:0 2px 8px #0000004d}.action-avatar img{object-fit:cover;width:100%;height:100%}.overlay-info{pointer-events:auto;background:linear-gradient(#0000,#0009);padding:16px 80px 24px 16px}.info-author{color:#fff;text-shadow:0 1px 3px #00000080;margin-bottom:6px;font-size:16px;font-weight:700}.info-channel-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.info-channel-link{color:inherit;align-items:center;gap:8px;min-width:0;text-decoration:none;display:flex}.info-channel-link .info-author{white-space:nowrap;text-overflow:ellipsis;margin-bottom:0;overflow:hidden}.info-channel-avatar{object-fit:cover;border:1px solid #fff6;border-radius:50%;flex-shrink:0;width:32px;height:32px}.info-subscribe-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:9999px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s}.info-subscribe-btn:hover{opacity:.9}.info-subscribe-btn:active{transform:scale(.95)}.info-subscribe-btn:disabled{opacity:.6;cursor:not-allowed}.info-subscribe-btn--subscribed{color:#fff;-webkit-backdrop-filter:blur(8px);background:#fff3}.info-description{color:#fffffff2;text-shadow:0 1px 2px #00000080;-webkit-line-clamp:2;line-clamp:2;cursor:pointer;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.info-description.expanded{-webkit-line-clamp:unset;line-clamp:unset;white-space:pre-wrap;max-height:40vh;display:block;overflow-y:auto}.info-music{color:#fff;text-shadow:0 1px 2px #00000080;align-items:center;gap:6px;font-size:13px;display:flex}.music-text{white-space:nowrap;max-width:200px;animation:6s linear infinite musicScroll;overflow:hidden}@keyframes musicScroll{0%,20%{transform:translate(0)}80%,to{transform:translate(-30%)}}@media (min-width:768px){.overlay-actions{gap:24px;bottom:140px;right:16px}.action-btn svg{width:32px;height:32px}.action-label{font-size:13px}.overlay-info{padding:20px 100px 32px 20px}.info-author{font-size:17px}.info-description{font-size:15px}}
.progress-bar{z-index:8;background:#fff3;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.progress-bar-fill{transform-origin:0;will-change:transform;background:#fff;height:100%;transition:transform .2s linear}
.video-player{-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#000;width:100%;height:100%;position:relative;overflow:hidden}.video-thumbnail{object-fit:cover;z-index:2;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.video-thumbnail--hidden{opacity:0;pointer-events:none}.video-element{object-fit:cover;z-index:1;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pause-indicator{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-icon{background:#00000059;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.6s forwards pauseFade;display:flex}@keyframes pauseFade{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.loading-indicator{z-index:9;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.heart-animation{z-index:11;pointer-events:none;justify-content:center;align-items:center;animation:.8s forwards heartBurst;display:flex;position:absolute;inset:0}@keyframes heartBurst{0%{opacity:1;transform:scale(0)}40%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1.5)}}
.shorts-feed{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#000;width:100%;height:100dvh;position:relative;overflow:hidden scroll}.shorts-feed.no-scroll{overflow-y:hidden}.shorts-feed::-webkit-scrollbar{display:none}.short-item{scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;width:100%;height:100dvh;position:relative}@media (min-width:768px){.shorts-feed{background:#0a0a0a;flex-direction:column;align-items:center;display:flex}.short-item{border-radius:0;width:min(480px,100vw,56.25dvh);height:100dvh;overflow:hidden;box-shadow:0 0 60px #00000080}}.feed-state{color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100dvh;display:flex}.feed-error{font-size:18px;font-weight:600}.feed-error-detail{color:#ffffff80;font-size:14px}.feed-spinner{color:#fff;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feed-loading-more{scroll-snap-align:none;justify-content:center;align-items:center;width:100%;height:80px;display:flex}.short-placeholder{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.short-placeholder-thumb{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shorts-back-button{z-index:100;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s;display:flex;position:fixed;top:16px;left:16px}.shorts-back-button:hover{background:#0000008c;transform:scale(1.05)}.shorts-back-button:active{background:#0009;transform:scale(.9)}@media (min-width:768px){.shorts-back-button{top:24px;left:96px}}.persistent-player-overlay{z-index:2;width:100%;height:100dvh;position:absolute;left:0}@media (min-width:768px){.persistent-player-overlay{width:min(480px,100vw,56.25dvh);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 60px #00000080}}.welcome-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);touch-action:none;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.welcome-modal{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:16px;padding:40px 32px;display:flex}.welcome-title{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.welcome-subtitle{color:#ffffffa6;margin:0;font-size:16px}.welcome-button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;margin-top:12px;padding:14px 40px;font-size:17px;font-weight:600;transition:transform .15s,opacity .15s}.welcome-button:active{opacity:.85;transform:scale(.96)}