.reels__overlay-bg{position:fixed;inset:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center}.reels__overlay{position:relative;width:100%;height:100%;background:#000;overflow:hidden;-webkit-user-select:none;user-select:none;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);transform-origin:center top}@media (min-width:768px){.reels__overlay{max-width:420px;max-height:90vh;max-height:90dvh;aspect-ratio:9/16;border-radius:24px;box-shadow:0 20px 80px rgba(0,0,0,.8)}.reels__overlay-bg{background:rgba(0,0,0,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}.reels__progress{position:absolute;top:calc(env(safe-area-inset-top, 0px) + 8px);left:8px;right:8px;display:flex;gap:3px;z-index:30}.reels__progress-track{flex:1;height:2px;background:rgba(255,255,255,.25);border-radius:1px;overflow:hidden}.reels__progress-fill{width:100%;height:100%;background:white;border-radius:1px;transform-origin:left}.reels__progress-track--interstitial{height:2px}.reels__progress-fill--interstitial{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.reels__header{position:absolute;top:calc(env(safe-area-inset-top, 0px) + 16px);left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;z-index:30}.reels__header-user{display:flex;align-items:center;gap:10px}.reels__header-avatar{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.reels__header-name{font-family:var(--font-body,-apple-system,BlinkMacSystemFont,system-ui);font-size:14px;font-weight:700;color:white;margin:0;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.3)}.reels__header-time{font-family:var(--font-body,system-ui);font-size:12px;font-weight:400;color:rgba(255,255,255,.55);line-height:1;margin:2px 0 0}.reels__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:white;cursor:pointer;z-index:30;padding:0;opacity:.85;transition:opacity .15s;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.reels__close:hover{opacity:1}.reels__viewport{position:absolute;inset:0;overflow:hidden}.reels__slide-wrapper{position:absolute;inset:0}.reels__slide,.reels__slide-wrapper{display:flex;align-items:center;justify-content:center}.reels__slide{position:relative;width:100%;height:100%;background:#000}.reels__slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(20px) brightness(.3);transform:scale(1.15);pointer-events:none}.reels__player{position:relative;width:100%;height:100%;z-index:5;overflow:hidden}@media (min-width:768px){.reels__player{width:100%;height:100%}}.reels__iframe,.reels__video{width:100%;height:100%;border:none;display:block;background:#000;object-fit:cover}.reels__tap-zones{position:absolute;inset:0;display:flex;z-index:10;pointer-events:none}.reels__tap-left,.reels__tap-right{background:none;border:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;width:25%;position:absolute;top:15%;bottom:25%}.reels__tap-left{left:0}.reels__tap-right{right:0}.reels__tap-left:active,.reels__tap-right:active{background:transparent}.reels__info-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem 1rem calc(env(safe-area-inset-bottom, 16px) + 20px);background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 50%,transparent);z-index:15;pointer-events:none}.reels__info-title{font-family:var(--font-body,-apple-system,BlinkMacSystemFont,system-ui);font-size:15px;font-weight:600;color:white;margin:0 0 4px;text-shadow:0 1px 3px rgba(0,0,0,.4);line-height:1.3}.reels__info-desc{font-family:var(--font-body,system-ui);font-size:13px;color:rgba(255,255,255,.7);margin:0;line-height:1.4}.reels__interstitial-bg{position:absolute;inset:0;background:linear-gradient(160deg,#0f172a,#1e1b4b 30%,#1e293b 60%,#0f172a);z-index:0}.reels__interstitial-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.12) 0,transparent 50%);z-index:1}.reels__interstitial-badge{position:absolute;top:calc(env(safe-area-inset-top, 8px) + 56px);left:50%;transform:translateX(-50%);padding:6px 14px;background:rgba(139,92,246,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.25);border-radius:999px;color:rgba(255,255,255,.85);font-family:var(--font-body,system-ui);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;z-index:15}.reels__interstitial-content{position:relative;z-index:10;width:100%;max-width:420px;max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);overflow-y:auto;overflow-x:hidden;padding:5rem 1.25rem calc(env(safe-area-inset-bottom, 16px) + 60px);scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-user-select:auto;user-select:auto}.reels__interstitial-content::-webkit-scrollbar{display:none}@media (max-width:767px){.reels__interstitial-content{max-width:100%;padding-left:1rem;padding-right:1rem}}.reels__interstitial-skip{position:absolute;bottom:calc(env(safe-area-inset-bottom, 16px) + 16px);right:20px;padding:8px 16px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:999px;color:rgba(255,255,255,.55);font-family:var(--font-body,system-ui);font-size:13px;font-weight:600;cursor:pointer;z-index:20;transition:all .15s}.reels__interstitial-skip:hover{background:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}