.experience.player-mode,.player-page{position:fixed;inset:0;width:100%;height:100%;min-height:0;background:#000;color:#f6fafc;overflow:hidden;overscroll-behavior:none;touch-action:none}
.player-mode::after{display:none}.feed-shell{position:absolute;inset:0;overflow:hidden;background:#000;touch-action:none}.feed-landscape{position:absolute;inset:0;width:100%;height:100%;background:#000;overflow:hidden;isolation:isolate}
.feed-video,.feed-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.feed-poster{pointer-events:none;z-index:1}.feed-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#000b,transparent 29%,transparent 65%,#000b)}
.feed-tap{position:absolute;inset:0;z-index:3;width:100%;height:100%;border:0;background:transparent;display:grid;place-items:center;color:#fff;padding:0}.feed-tap svg{width:64px;height:64px;fill:#ffffffd9;stroke:none;filter:drop-shadow(0 3px 12px #0008)}.is-playing .feed-tap svg{display:none}
.feed-top{position:absolute;z-index:7;top:0;inset-inline:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:max(16px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 12px max(22px,env(safe-area-inset-left));pointer-events:none}.feed-heading{min-width:0;max-width:46%;pointer-events:none}.feed-title{font-family:ArenaTitle,Georgia,serif;font-size:26px;font-weight:900;line-height:1.3;margin:0 0 5px;text-wrap:balance;overflow-wrap:anywhere}.feed-part{font-size:12px;line-height:1.5;direction:ltr;unicode-bidi:isolate;margin:0;color:#e7f1f7;font-variant-numeric:tabular-nums}
.feed-actions{display:flex;align-items:center;gap:10px;pointer-events:auto}.feed-another,.feed-icon,.feed-language{min-height:44px;background:#0b1a26e8;border:1px solid #c6deeb66;color:#f8fcff;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;font-size:13px;line-height:1.4}.feed-another svg{width:19px;height:19px;flex-shrink:0}.feed-another span{max-width:160px;overflow-wrap:anywhere}.feed-language{max-width:142px;font-size:12px}.feed-language option{color:#f8fcff;background:#11232c}.feed-icon{width:44px;padding:10px;flex-shrink:0}.feed-icon svg{width:22px;height:22px}.feed-another:hover,.feed-icon:hover{background:#203744}
.feed-bottom{position:absolute;z-index:5;bottom:0;inset-inline:0;padding:12px max(22px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));transition:opacity .2s ease-out}.feed-progress{display:block;width:100%;height:26px;accent-color:#c7edff;cursor:pointer;margin:0;direction:ltr;touch-action:auto}.feed-bottom-row{display:flex;align-items:center;gap:12px;min-height:44px}.feed-time{font-size:12px;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;white-space:nowrap}.feed-swipe{font-size:12px;line-height:1.5;color:#e0edf5;margin-inline-start:8px;flex:1;overflow-wrap:anywhere}.feed-sound{margin-inline-start:auto}
.feed-badge{position:absolute;z-index:4;left:50%;top:64%;transform:translate(-50%,-50%);padding:10px 15px;border-radius:6px;background:#07131ddf;font-size:13px;line-height:1.5;max-width:75%;text-align:center;pointer-events:none}.feed-status{position:absolute;z-index:4;left:50%;top:48%;transform:translate(-50%,-50%);max-width:65%;padding:12px 16px;background:#07131de8;border-radius:7px;font-size:14px;line-height:1.7;text-align:center;pointer-events:none}.feed-status:empty{display:none}
.feed-message{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#030b12e8;padding:80px 12%;text-align:center;pointer-events:none}.feed-message p{max-width:38em;margin:0;font-size:17px;line-height:1.7;text-wrap:balance}.feed-message button{pointer-events:auto;min-height:44px;background:#e2f6ff;color:#102a35;border:0;border-radius:7px;padding:11px 22px;font-weight:600}
.feed-rotate-hint{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:12px;background:#0d2232f5;color:#fff;border:1px solid #bddae86b;border-radius:10px;padding:16px 20px;max-width:85%;font-size:14px;line-height:1.6;pointer-events:none;transition:opacity .3s}.feed-rotate-hint svg{width:28px;height:28px;flex-shrink:0}.feed-rotate-hint.is-dismissed{opacity:0;visibility:hidden}
.feed-skip{position:absolute;z-index:12;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}.feed-skip:focus{clip-path:none;width:auto;height:auto;inset:45% auto auto 25%;padding:14px;background:#fff;color:#123;border:2px solid #006c92}.controls-hidden .feed-bottom{opacity:0;pointer-events:none}.feed-landscape button:focus-visible,.feed-landscape input:focus-visible,.feed-landscape select:focus-visible{outline:2px solid #a5e8ff;outline-offset:3px}[dir=rtl] .feed-title{font-family:inherit;line-height:1.4}
@media(orientation:portrait){.feed-landscape{inset:auto;left:50%;top:50%;width:100vh;height:100vw;width:100dvh;height:100dvw;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}.feed-top{padding:14px 20px}.feed-bottom{padding:10px 20px 12px}.feed-title{font-size:24px}}
@media(orientation:landscape){.feed-rotate-hint{display:none}}
@media(max-height:430px) and (orientation:landscape){.feed-title{font-size:23px}.feed-top{padding-top:max(10px,env(safe-area-inset-top))}.feed-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}.feed-swipe{font-size:11px}}
@media(prefers-reduced-motion:reduce){.feed-bottom,.feed-rotate-hint{transition:none}}

.feed-part{display:flex;align-items:center;gap:6px;direction:inherit}.feed-bottom:focus-within{opacity:1;pointer-events:auto}
@media(orientation:portrait){.feed-top{padding-left:max(20px,env(safe-area-inset-top));padding-right:max(20px,env(safe-area-inset-bottom))}.feed-bottom{padding-left:max(20px,env(safe-area-inset-top));padding-right:max(20px,env(safe-area-inset-bottom))}}