body.player-open{overflow:hidden}.reel-stage{position:relative;background:#080809;color:#fff;isolation:isolate;overflow:hidden}.reel-mode#detail-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;inset:0;margin:0;padding:0;border:0;border-radius:0;background:#08090d;overflow:hidden;display:grid;place-items:center}.reel-mode .detail-intro{display:none}.reel-mode #watch-area{width:min(100%,calc(100dvh * 9 / 16));height:100dvh}.reel-mode .reel-stage{width:100%;height:100%;touch-action:none}.reel-mode .video-wrap{position:absolute;inset:0;margin:0;border-radius:0}.reel-mode .video-wrap video{width:100%;height:100%;object-fit:contain;cursor:pointer}.reel-mode #close-detail{position:fixed;left:max(24px,env(safe-area-inset-left));right:auto;top:max(20px,env(safe-area-inset-top));background:#ffffff14;color:#fff;width:44px;height:44px;z-index:12;font-size:30px;backdrop-filter:blur(10px)}.reel-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:calc(24px + env(safe-area-inset-top)) 22px 55px;background:linear-gradient(#0008,transparent);pointer-events:none;font-size:11px;z-index:2}.reel-brand{font-size:20px;font-weight:750;letter-spacing:-1px}.reel-brand span{font-weight:400}.reel-top #playing-label{background:#0005;border:1px solid #ffffff18;border-radius:20px;padding:4px 10px}.reel-actions{position:absolute;right:12px;bottom:calc(150px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;z-index:5}.reel-actions button{display:flex;flex-direction:column;align-items:center;gap:5px;width:54px;padding:0;color:#fff;text-shadow:0 1px 4px #000}.reel-actions button>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff1a;background:#19191d77;backdrop-filter:blur(10px);border-radius:50%;font-size:27px}.reel-actions small{font-size:9px;font-weight:600}.reel-actions button[aria-pressed=true]>span{color:#ff6876}.reel-caption{position:absolute;left:0;right:0;bottom:86px;padding:70px 78px 15px 22px;background:linear-gradient(transparent,#000a);pointer-events:none;z-index:2}.reel-caption .eyebrow{font-size:7px;letter-spacing:1.5px;color:#ffb7bd}.reel-caption h2{font-size:18px;line-height:1.3;letter-spacing:-.3px;margin:9px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 8px #0008}.reel-caption p{font-size:10px;color:#d4ced3;margin:0}.reel-bottom{position:absolute;bottom:0;left:0;right:0;z-index:5;background:linear-gradient(#000a,#000c);padding:0 17px calc(12px + env(safe-area-inset-bottom));touch-action:auto}.reel-seek{display:flex;gap:9px;align-items:center;font-size:9px;font-variant-numeric:tabular-nums}.reel-seek input{flex:1;min-width:0;margin:0;height:30px;appearance:none;background:transparent;border:0;padding:0;cursor:pointer}.reel-seek input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#f45b67 var(--progress,0%),#ffffff50 var(--progress,0%));border-radius:6px}.reel-seek input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4.5px;background:#fff;border-radius:50%;box-shadow:0 0 4px #0003}.reel-seek input::-moz-range-track{height:3px;background:#ffffff50}.reel-seek input::-moz-range-thumb{height:12px;width:12px;background:#fff;border:0;border-radius:50%}.reel-controls{display:flex;gap:8px;align-items:center}.reel-controls button{min-height:40px;min-width:40px;border-radius:50%;background:#ffffff0b;font-size:20px}.reel-controls button:disabled{cursor:default}.reel-controls label{margin-left:auto;font-size:10px;color:#c9c5ce}.reel-controls select{background:#202026;font-size:11px;padding:8px;border-color:#ffffff12}.tap-play{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid #ffffff30;border-radius:50%;width:70px;height:70px;font-size:29px;background:#0004;backdrop-filter:blur(5px);z-index:4;padding-left:10px}.reel-stage .player-loading{background:#101015e8;z-index:6;pointer-events:none;text-align:center;padding:20px}.reel-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;background:#0a0a10ef;z-index:7;text-align:center}.reel-error .error{background:transparent;border:0}.reel-desktop-hint{position:fixed;right:calc(50% - 370px);top:47%;color:#88838f;text-align:center;font-size:24px;width:90px;pointer-events:none}.reel-desktop-hint span{display:block;font-size:10px;margin-top:12px}.reel-mode #episode-sheet{position:absolute;bottom:0;left:50%;transform:translate(-50%,105%);width:min(580px,100%);max-height:72dvh;overflow:auto;overscroll-behavior:contain;background:#1b1b23;border:1px solid #ffffff15;border-bottom:0;border-radius:20px 20px 0 0;padding:8px 22px calc(24px + env(safe-area-inset-bottom));z-index:15;visibility:hidden;transition:transform .22s ease,visibility .22s;touch-action:pan-y}.reel-mode.sheet-open #episode-sheet{transform:translate(-50%,0);visibility:visible}.reel-mode #episode-sheet .episodes-grid{grid-template-columns:repeat(6,minmax(0,1fr));padding-bottom:10px}.reel-mode #episode-sheet .episode{min-height:44px}.sheet-handle{height:4px;width:35px;border-radius:10px;background:#ffffff25;margin:4px auto 6px}#close-sheet{position:absolute;right:14px;top:12px;height:35px;width:35px;font-size:25px;background:#ffffff0a;border-radius:50%}.reel-mode #episode-sheet .episodes-heading{padding-right:20px;gap:10px;margin-top:25px}.reel-mode #sheet-backdrop{position:absolute;inset:0;background:#0009;z-index:14}#detail-dialog:not(.reel-mode) #close-sheet,#detail-dialog:not(.reel-mode) .sheet-handle{display:none}.reel-next .video-wrap{animation:reel-in-up .24s ease}.reel-previous .video-wrap{animation:reel-in-down .24s ease}@keyframes reel-in-up{from{transform:translateY(45px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes reel-in-down{from{transform:translateY(-45px);opacity:.5}to{transform:translateY(0);opacity:1}}.connection-status{font-size:11px;border:1px solid #e8c68430;background:#e8c6840a;color:#e8d3b4;border-radius:9px;padding:10px 14px;margin:0 0 16px}#install-dialog{max-width:460px;padding:34px}#install-dialog h2{font-size:27px;letter-spacing:-.7px}#install-dialog p{font-size:12px}#install-dialog .eyebrow{display:block;font-size:8px;color:#f48a95;margin-top:20px}.install-icon{width:62px;height:62px;border-radius:15px}#install-app{font-size:11px}#toast{z-index:50}body.player-open #toast{z-index:100}.reel-mode:fullscreen{width:100vw;height:100dvh}.reel-mode:fullscreen #watch-area{height:100dvh}.reel-mode #tap-play:hover{transform:translate(-50%,-50%)}
@media(max-width:780px){.reel-mode#detail-dialog{height:100dvh}.reel-mode #watch-area{width:100%;height:100dvh}.reel-mode #close-detail{left:12px;top:calc(12px + env(safe-area-inset-top));width:40px;height:40px}.reel-top{padding:calc(21px + env(safe-area-inset-top)) 16px 45px 65px}.reel-top .reel-brand{font-size:18px}.reel-desktop-hint{display:none}.reel-caption{bottom:calc(87px + env(safe-area-inset-bottom));padding-left:16px}.reel-caption h2{font-size:19px}.reel-actions{right:8px;gap:15px}.sidebar{height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.app-shell main{padding-bottom:calc(85px + env(safe-area-inset-bottom))}.topbar{padding-top:env(safe-area-inset-top);height:calc(67px + env(safe-area-inset-top));gap:8px}.topbar #install-app{min-width:38px;padding:9px;font-size:17px}.topbar #install-app span{display:none}.topbar #add-top{font-size:10px;padding:9px 10px}.search{min-width:80px}.nav-item{min-height:48px}.chip{min-height:36px}.reel-mode .autoplay{font-size:10px}.reel-bottom{padding-left:15px;padding-right:15px}#install-dialog{padding:28px 22px}.source-card{overflow-wrap:anywhere}}
@media(max-height:500px) and (orientation:landscape){.reel-mode #watch-area{width:min(100%,calc(100dvh * 16 / 9))}.reel-caption{padding-top:12px;bottom:68px;max-width:70%}.reel-caption h2{font-size:14px;-webkit-line-clamp:1}.reel-caption .eyebrow,.reel-caption p,.reel-brand,.reel-actions small{display:none}.reel-actions{bottom:85px;gap:8px}.reel-actions button>span{width:35px;height:35px;font-size:21px}.reel-actions button{width:38px}.reel-top{justify-content:flex-end;padding-top:12px}.reel-controls button{min-height:32px;min-width:32px;font-size:17px}.reel-bottom{padding-bottom:3px}.reel-desktop-hint{display:none}.reel-mode #episode-sheet{max-height:85dvh}}
@media(display-mode:standalone){#install-app{display:none}.topbar{user-select:none}}
@media(prefers-reduced-motion:reduce){.reel-next .video-wrap,.reel-previous .video-wrap{animation:none}#episode-sheet{transition:none}}

/* Il fullscreen usa un contenitore div: dialog non e' ammesso dalla Fullscreen API. */
#player-shell{width:100%;position:relative}.reel-mode #player-shell{width:100vw;height:100dvh;display:grid;place-items:center;background:#08090d;overflow:hidden}#player-shell:fullscreen,#player-shell:-webkit-full-screen{width:100vw;height:100dvh;background:#08090d}#player-shell:fullscreen #watch-area,#player-shell:-webkit-full-screen #watch-area{height:100dvh}.reel-volume{display:flex;align-items:center;gap:7px;padding:0 0 6px;font-size:10px;touch-action:auto}.reel-volume>label{color:#d7d3dc}.reel-volume input{flex:1;width:70px;min-width:30px;height:28px;margin:0;accent-color:#f45b67;border:0;background:none;padding:0;cursor:pointer}.reel-volume button{min-width:32px;min-height:32px;border-radius:50%;background:#ffffff10;font-size:18px}.reel-volume output{min-width:32px;font-size:10px;text-align:right;font-variant-numeric:tabular-nums}#volume-device-note{font-size:10px;color:#ddd;margin:0 0 5px}.reel-caption{bottom:126px}.reel-actions{bottom:calc(190px + env(safe-area-inset-bottom))}.is-expanded .reel-top,.is-expanded .reel-actions,.is-expanded .reel-caption,.is-expanded .reel-bottom,.is-expanded #close-detail,.is-expanded .reel-desktop-hint,.is-expanded #tap-play{transition:opacity .2s ease,visibility .2s ease}.is-expanded.controls-hidden .reel-top,.is-expanded.controls-hidden .reel-actions,.is-expanded.controls-hidden .reel-caption,.is-expanded.controls-hidden .reel-bottom,.is-expanded.controls-hidden #close-detail,.is-expanded.controls-hidden .reel-desktop-hint,.is-expanded.controls-hidden #tap-play{opacity:0;visibility:hidden;pointer-events:none}.is-expanded.controls-hidden #player-shell,.is-expanded.controls-hidden .video-wrap video{cursor:none}
@media(max-width:780px){.reel-caption{bottom:calc(127px + env(safe-area-inset-bottom))}.reel-actions{bottom:calc(190px + env(safe-area-inset-bottom));gap:12px}.reel-volume button{min-width:36px;min-height:36px}.reel-volume input{height:36px}}
@media(max-height:500px) and (orientation:landscape){.reel-caption{bottom:108px}.reel-actions{bottom:115px;gap:5px}.reel-volume{padding-bottom:0}.reel-volume input{height:25px}.reel-volume button{min-height:27px;min-width:27px}.reel-controls button{min-height:28px;min-width:28px}.reel-caption h2{font-size:12px}.reel-caption{padding-top:0}}

.detail-start-row{margin:15px 0 12px}.detail-start-row .button{white-space:normal;text-align:left}.reel-mode .detail-start-row{display:none}#detail-dialog:not(.reel-mode) #episode-sheet{scroll-margin-top:20px}#detail-dialog:not(.reel-mode) .episode{min-height:44px}@media(max-width:480px){.detail-intro{gap:13px}.detail-intro>img{width:65px}.detail-intro h2{font-size:19px}.detail-start-row .button{font-size:11px;padding:12px}.detail-intro .eyebrow{font-size:6px}}

.reel-mode#detail-dialog,.reel-mode #player-shell{overflow:clip}#detail-dialog:not(.reel-mode) #player-shell{position:static}