/* DialogLab v1.67.63 — isolated mobile/tablet UI layer.
   IMPORTANT: every rule is width/orientation scoped and user-mode scoped so desktop >=1025px is untouched. */

@media (max-width:1024px){
  html,body{max-width:100%;overflow-x:hidden}
  body.user-mode,body.user-mode *{box-sizing:border-box}
  body.user-mode main.content-shell{width:100%;max-width:100%;min-width:0;margin:0;padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))}
  body.user-mode img,body.user-mode video,body.user-mode iframe{max-width:100%}
  body.user-mode input,body.user-mode select,body.user-mode textarea,body.user-mode button{max-width:100%}
  body.user-mode .auth-modal-card,body.user-mode .profile-modal-card-v16693,body.user-mode .plan-modal-card{max-width:calc(100vw - 24px)}
}

/* ===== PHONE PORTRAIT: Search / Player ===== */
@media (max-width:767px) and (orientation:portrait){
  html body.user-mode:has(.mobile-revise-v16761) main.content-shell{padding:0 8px calc(96px + env(safe-area-inset-bottom))!important}
  html body.user-mode .player-home.mobile-revise-v16761{
    display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
    margin:0 auto!important;padding:8px 0 0!important;overflow:visible!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .live-stage,
  html body.user-mode .player-home.mobile-revise-v16761 .player-content-stack-v16628,
  html body.user-mode .player-home.mobile-revise-v16761 .pro-player-card,
  html body.user-mode .player-home.mobile-revise-v16761 .player-frame,
  html body.user-mode .player-home.mobile-revise-v16761 .pro-video-shell,
  html body.user-mode .player-home.mobile-revise-v16761 .video-bottom-ui{
    width:100%!important;min-width:0!important;max-width:100%!important;margin-inline:auto!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .pro-player-card,
  html body.user-mode .player-home.mobile-revise-v16761 .player-frame{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  html body.user-mode .player-home.mobile-revise-v16761 .pro-video-shell{border-radius:18px!important;overflow:hidden!important}
  html body.user-mode .player-home.mobile-revise-v16761 .pro-video-topbar{
    min-width:0!important;height:52px!important;min-height:52px!important;padding:6px 8px!important;gap:7px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .top-movie-pill{min-width:0!important;width:100%!important;max-width:none!important;height:40px!important;padding-inline:10px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .top-movie-pill .movie-title-viewport{min-width:0!important;width:100%!important}
  html body.user-mode .player-home.mobile-revise-v16761 #top-movie-title{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:clamp(12px,3.7vw,16px)!important}
  html body.user-mode .player-home.mobile-revise-v16761 .pro-counter-pill{height:40px!important;min-width:104px!important;padding:0 9px!important;font-size:clamp(12px,3.5vw,16px)!important;white-space:nowrap!important}
  html body.user-mode .player-home.mobile-revise-v16761 .video-media-area{width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;background:#02070b!important;overflow:hidden!important}
  html body.user-mode .player-home.mobile-revise-v16761 #phrase-video{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}

  /* Bottom deck: no giant enclosing control box; clean rows only. */
  html body.user-mode .player-home.mobile-revise-v16761 .video-bottom-ui.mobile-bottom-ui-external-v16632,
  html body.user-mode .player-home.mobile-revise-v16761 .video-bottom-ui{
    display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px 4px 6px!important;
    background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .video-seek-row-v16652{order:1!important;width:100%!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0 5px!important;background:transparent!important;border:0!important}
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-controls-row-v16643{
    order:2!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;height:60px!important;min-height:60px!important;margin:0!important;padding:0!important;gap:0!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport,
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-transport-docked-v16640{
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
    display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
    width:auto!important;min-width:0!important;max-width:none!important;height:58px!important;margin:0!important;padding:0!important;gap:10px!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport button{width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important;margin:0!important;border-radius:15px!important}
  html body.user-mode .player-home.mobile-revise-v16761 #big-play-button{width:58px!important;min-width:58px!important;max-width:58px!important;height:58px!important;min-height:58px!important;max-height:58px!important;border-radius:17px!important}
  /* Gear/page remain accessible but do not enlarge or wrap the transport trio. */
  html body.user-mode .player-home.mobile-revise-v16761 .video-side-tools.mobile-tools-docked-v16630{
    position:absolute!important;top:50%!important;right:2px!important;left:auto!important;bottom:auto!important;transform:translateY(-50%)!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;min-width:0!important;max-width:96px!important;height:46px!important;margin:0!important;padding:0!important;gap:5px!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:5!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-toggle,
  html body.user-mode .player-home.mobile-revise-v16761 #clip-jump-input{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:13px!important}
  html body.user-mode .player-home.mobile-revise-v16761 #maximize-player{display:none!important}

  html body.user-mode .player-home.mobile-revise-v16761 #phrase-search-form{
    order:3!important;display:grid!important;grid-template-columns:54px minmax(0,1fr) 76px!important;direction:ltr!important;align-items:center!important;
    width:100%!important;min-width:0!important;margin:0!important;padding:0!important;gap:7px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #phrase-search-form .phrase-search-submit{width:54px!important;min-width:54px!important;height:50px!important;min-height:50px!important;border-radius:14px!important;margin:0!important}
  html body.user-mode .player-home.mobile-revise-v16761 #phrase-search-form .search-input-stack{min-width:0!important;width:100%!important}
  html body.user-mode .player-home.mobile-revise-v16761 #phrase-query{width:100%!important;min-width:0!important;height:50px!important;font-size:14px!important;padding:0 12px!important;text-overflow:ellipsis!important}
  html body.user-mode .player-home.mobile-revise-v16761 .genre-filter-wrap{width:76px!important;min-width:76px!important;max-width:76px!important;height:50px!important;margin:0!important}
  html body.user-mode .player-home.mobile-revise-v16761 .genre-filter-wrap>span{display:none!important}
  html body.user-mode .player-home.mobile-revise-v16761 #genre-filter{width:100%!important;height:50px!important;padding-inline:8px!important;font-size:14px!important}

  html body.user-mode .player-home.mobile-revise-v16761 .stable-action-row{
    order:4!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;gap:6px!important;direction:ltr!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .stable-action-row>button{width:100%!important;min-width:0!important;max-width:none!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 3px!important;border-radius:13px!important;overflow:visible!important}
  html body.user-mode .player-home.mobile-revise-v16761 .subtitle-label-desktop-v16751{display:none!important}
  html body.user-mode .player-home.mobile-revise-v16761 .subtitle-label-mobile-v16751{display:inline!important;font-size:12px!important;line-height:1!important;min-width:16px!important}
  html body.user-mode .player-home.mobile-revise-v16761 button.subtitle-switch-label-v16751{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;font-size:0!important}
  html body.user-mode .player-home.mobile-revise-v16761 button.subtitle-switch-label-v16751 i{flex:0 0 34px!important;width:34px!important;height:20px!important;margin:0!important}
  html body.user-mode .player-home.mobile-revise-v16761 .stable-action-row .control-label{display:none!important}
  html body.user-mode .player-home.mobile-revise-v16761 .stable-action-row .control-icon{margin:0!important;font-size:25px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .content-compliance-note-v16625{margin:8px 2px 0!important;padding:8px 10px!important;font-size:10px!important;line-height:1.75!important}
  html body.user-mode .player-home.mobile-revise-v16761 .playlist-panel{display:none!important}

  /* Captions never exceed the video bounds on narrow phones. */
  html body.user-mode .player-home.mobile-revise-v16761 #fa-caption-wrap,
  html body.user-mode .player-home.mobile-revise-v16761 #caption-wrap{max-width:calc(100% - 20px)!important}
  html body.user-mode .player-home.mobile-revise-v16761 .smart-caption-text{max-width:100%!important;font-size:clamp(14px,4.1vw,19px)!important;line-height:1.35!important}
}

/* Narrow phones: protect search/actions at 320–390 CSS px. */
@media (max-width:390px) and (orientation:portrait){
  html body.user-mode .player-home.mobile-revise-v16761 #phrase-search-form{grid-template-columns:48px minmax(0,1fr) 64px!important;gap:5px!important}
  html body.user-mode .player-home.mobile-revise-v16761 #phrase-search-form .phrase-search-submit{width:48px!important;min-width:48px!important;height:46px!important;min-height:46px!important}
  html body.user-mode .player-home.mobile-revise-v16761 #phrase-query{height:46px!important;font-size:12px!important;padding-inline:9px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .genre-filter-wrap{width:64px!important;min-width:64px!important;max-width:64px!important;height:46px!important}
  html body.user-mode .player-home.mobile-revise-v16761 #genre-filter{height:46px!important;font-size:12px!important;padding-inline:5px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .stable-action-row{gap:4px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .stable-action-row>button{height:44px!important;min-height:44px!important;border-radius:12px!important}
  html body.user-mode .player-home.mobile-revise-v16761 button.subtitle-switch-label-v16751 i{width:30px!important;flex-basis:30px!important;height:18px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport{gap:7px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport button{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important}
  html body.user-mode .player-home.mobile-revise-v16761 #big-play-button{width:54px!important;min-width:54px!important;max-width:54px!important;height:54px!important;min-height:54px!important;max-height:54px!important}
}

/* ===== PHONE LANDSCAPE: iPhone/Android visual viewport safe theater ===== */
@media (orientation:landscape) and (max-height:520px) and (pointer:coarse){
  html.phone-landscape-v16739 body.user-mode .player-home .pro-video-shell{
    --dl39-rail:clamp(176px,26vw,228px)!important;
    width:var(--dl61-vw,100vw)!important;height:var(--dl61-vh,100dvh)!important;
    left:var(--dl61-vvx,0px)!important;top:var(--dl61-vvy,0px)!important;right:auto!important;bottom:auto!important;inset:auto!important;
    padding-left:0!important;padding-right:0!important;
    grid-template-columns:minmax(0,1fr) var(--dl39-rail)!important;
  }
  html.phone-landscape-v16739 body.user-mode #landscape-control-rail-v16739{padding:5px!important;gap:4px!important;min-width:0!important;overflow:hidden!important}
  html.phone-landscape-v16739 body.user-mode .dl39-transport{gap:5px!important}
  html.phone-landscape-v16739 body.user-mode .dl39-btn{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important}
  html.phone-landscape-v16739 body.user-mode .dl39-play{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important}
  html.phone-landscape-v16739 body.user-mode .dl39-search{grid-template-columns:36px minmax(0,1fr)!important;height:36px!important;gap:4px!important}
  html.phone-landscape-v16739 body.user-mode .dl39-search-btn{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
  html.phone-landscape-v16739 body.user-mode .dl39-search-input{height:36px!important;min-height:36px!important;font-size:11px!important;padding-inline:7px!important}
  html.phone-landscape-v16739 body.user-mode .dl39-actions{gap:3px!important}
  html.phone-landscape-v16739 body.user-mode .dl39-action{height:32px!important;min-height:32px!important;font-size:10px!important;border-radius:8px!important}
  html.phone-landscape-v16739 body.user-mode .dl39-genre{height:28px!important;min-height:28px!important;gap:4px!important}
  html.phone-landscape-v16739 body.user-mode .dl39-genre-select{height:28px!important;font-size:9px!important}
}

@media (orientation:landscape) and (max-height:390px) and (pointer:coarse){
  html.phone-landscape-v16739 body.user-mode .player-home .pro-video-shell{--dl39-rail:clamp(162px,24vw,202px)!important;--dl39-top:34px!important;--dl39-seek:40px!important}
  html.phone-landscape-v16739 body.user-mode .player-home .pro-video-topbar{height:34px!important;min-height:34px!important;padding-block:2px!important}
  html.phone-landscape-v16739 body.user-mode .player-home .pro-video-topbar .top-movie-pill{height:28px!important;min-height:28px!important;max-height:28px!important}
  html.phone-landscape-v16739 body.user-mode .dl39-btn{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important}
  html.phone-landscape-v16739 body.user-mode .dl39-play{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important}
}

/* ===== EDUCATION HOME — phone/tablet safe ===== */
@media (max-width:900px){
  html body.user-mode .edu-shell.mobile-edu-v16761{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:8px 8px calc(100px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-hero{width:100%!important;min-width:0!important;padding:14px!important;margin:0 0 8px!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-hero-copy,
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-hero-actions{min-width:0!important;width:100%!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-levels,
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-level-card{width:100%!important;min-width:0!important;max-width:100%!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-level-head{
    width:100%!important;min-width:0!important;grid-template-columns:52px minmax(0,1fr) 76px 14px!important;gap:7px!important;padding:10px 8px!important;overflow:hidden!important;
  }
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-level-title{min-width:0!important;overflow:hidden!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-level-title h2{font-size:clamp(.9rem,4vw,1.05rem)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-level-title p{font-size:.68rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-level-progress{min-width:0!important;width:76px!important;font-size:.72rem!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lessons-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;min-width:0!important;padding:0 6px 8px!important;gap:7px!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile{width:100%!important;min-width:0!important;min-height:82px!important;padding:10px 50px 10px 8px!important;gap:5px!important;overflow:hidden!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile>div{min-width:0!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile b{font-size:clamp(.9rem,4.1vw,1.08rem)!important;white-space:nowrap!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-icon{right:8px!important;left:auto!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-percent{left:5px!important;min-width:40px!important;max-width:44px!important;padding:5px 4px!important}
}

@media (max-width:360px){
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-level-head{grid-template-columns:46px minmax(0,1fr) 62px 12px!important;gap:5px!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-level-progress{width:62px!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lessons-grid{grid-template-columns:1fr!important}
}

/* ===== EDUCATION RUNNER — one-screen-first mobile lesson ===== */
@media (max-width:700px){
  html body.user-mode .edu-runner.mobile-edu-runner-v16761{
    display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;
    width:100%!important;max-width:100%!important;height:calc(100dvh - 36px - 82px - env(safe-area-inset-bottom))!important;min-height:520px!important;
    margin:0!important;padding:4px 4px 0!important;overflow:hidden!important;
  }
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-runner-head{
    position:relative!important;top:auto!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-areas:"back title" "progress progress"!important;
    width:100%!important;min-width:0!important;margin:0!important;padding:5px 5px 7px!important;gap:4px 6px!important;background:rgba(4,25,29,.96)!important;z-index:5!important;
  }
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-back{grid-area:back!important;position:static!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;font-size:0!important;margin:0!important;padding:0!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-back:after{font-size:1.15rem!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-runner-title{grid-area:title!important;min-width:0!important;text-align:center!important;padding-inline:4px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-runner-title b{display:block!important;font-size:.86rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-runner-progress{grid-area:progress!important;width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;gap:6px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-stage{
    width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:8px 5px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  }
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-card{width:100%!important;min-width:0!important;max-width:100%!important;margin:0 auto!important;padding:10px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-section-card>.edu-section-title{font-size:1.08rem!important;margin:0 0 8px!important;line-height:1.45!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-section-card>.edu-section-lead{font-size:.78rem!important;line-height:1.6!important;margin:-2px 0 8px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-question-list{display:block!important;width:100%!important;margin:0!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-question{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:12px 10px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-question h3{font-size:1rem!important;line-height:1.65!important;margin:0 0 9px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-options{grid-template-columns:1fr!important;gap:7px!important;margin:7px 0!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-option{min-height:43px!important;padding:8px 10px!important;font-size:.9rem!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-input{min-height:44px!important;font-size:.92rem!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-check-btn{min-height:44px!important;padding:8px 14px!important;margin-top:8px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-video-shell{width:100%!important;max-height:min(39dvh,250px)!important;aspect-ratio:16/9!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-clip,
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-listening-video{width:100%!important;min-width:0!important;padding:6px!important;margin:0!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-clips-grid,
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-listening-videos{display:block!important;width:100%!important;margin:0!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-listening-answer{margin-top:8px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-word-big{font-size:clamp(2rem,12vw,3.4rem)!important;margin-top:6px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-overview-words{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-overview-word{min-width:0!important;padding:8px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-story{padding:10px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-match-wrap{gap:12px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;margin-top:5px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-match-item{min-height:38px!important;font-size:.75rem!important;padding:6px 4px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-runner-actions{
    position:relative!important;bottom:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr)!important;direction:ltr!important;
    width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;margin:0!important;padding:5px!important;gap:6px!important;
    background:rgba(4,25,29,.98)!important;border-top:1px solid rgba(34,215,199,.16)!important;z-index:20!important;overflow:visible!important;
  }
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-runner-actions .edu-btn{width:100%!important;min-width:0!important;max-width:none!important;height:46px!important;min-height:46px!important;margin:0!important;padding:6px!important;font-size:.9rem!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-page-nav{width:84px!important;min-width:0!important;gap:4px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-page-nav input{width:44px!important;height:38px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-next-lock-cloud{right:2px!important;bottom:calc(100% + 8px)!important;width:min(300px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important}
}

/* Tiny-height phones (e.g. landscape-like browser chrome or 568px portrait): compact further, never overflow horizontally. */
@media (max-width:700px) and (max-height:680px) and (orientation:portrait){
  html body.user-mode .edu-runner.mobile-edu-runner-v16761{height:calc(100dvh - 30px - 76px - env(safe-area-inset-bottom))!important;min-height:0!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-stage{padding-block:5px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-card{padding:8px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-question{padding:9px 8px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-question h3{font-size:.92rem!important;margin-bottom:6px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-option{min-height:38px!important;padding:6px 8px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-runner-actions{height:54px!important;min-height:54px!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-runner-actions .edu-btn{height:42px!important;min-height:42px!important}
}

/* Tablet portrait: use the available width without pretending to be desktop. */
@media (min-width:701px) and (max-width:1024px) and (orientation:portrait){
  html body.user-mode .player-home.mobile-revise-v16761{width:min(100%,900px)!important;margin-inline:auto!important;padding-inline:12px!important}
  html body.user-mode .edu-shell.mobile-edu-v16761{width:min(100%,900px)!important;margin-inline:auto!important;padding-inline:16px!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lessons-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* ===== Remaining user surfaces: profile / support / modals ===== */
@media (max-width:700px){
  html body.user-mode .profile-modal-card-v16693,
  html body.user-mode .profile-modal-card-v16695{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 20px)!important;margin:auto!important;overflow-y:auto!important}
  html body.user-mode .profile-fixed-info-v16695{grid-template-columns:1fr!important;width:100%!important;gap:7px!important}
  html body.user-mode .profile-fixed-info-v16695>div{width:100%!important;min-width:0!important;overflow:hidden!important}
  html body.user-mode .profile-fixed-info-v16695 b{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}

  html body.user-mode .tickets-v150,
  html body.user-mode .ticket-v150-wrap,
  html body.user-mode .ticket-detail-v150{width:100%!important;max-width:100%!important;min-width:0!important;margin:8px auto calc(96px + env(safe-area-inset-bottom))!important}
  html body.user-mode .tickets-v150-hero,
  html body.user-mode .ticket-v150-hero{width:100%!important;min-width:0!important;padding:16px!important;border-radius:18px!important}
  html body.user-mode .tickets-v150-hero h1,
  html body.user-mode .ticket-v150-hero h1{font-size:clamp(1.45rem,7vw,1.9rem)!important}
  html body.user-mode .tickets-v150-row{grid-template-columns:1fr!important;width:100%!important;min-width:0!important;padding:13px!important;border-radius:16px!important}
  html body.user-mode .tickets-v150-subject,
  html body.user-mode .tickets-v150-subject b,
  html body.user-mode .tickets-v150-subject span{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
  html body.user-mode .ticket-v150-grid{display:block!important;width:100%!important;min-width:0!important;margin-top:10px!important}
  html body.user-mode .ticket-v150-info,
  html body.user-mode .ticket-v150-form-card{width:100%!important;min-width:0!important;padding:14px!important;border-radius:18px!important;margin-bottom:10px!important}
  html body.user-mode .ticket-v150-row{grid-template-columns:1fr!important;width:100%!important;gap:9px!important}
  html body.user-mode .ticket-v150-field input,
  html body.user-mode .ticket-v150-field select{height:50px!important;min-width:0!important}
  html body.user-mode .ticket-v150-field textarea{min-height:130px!important;max-height:36dvh!important}
  html body.user-mode .ticket-v150-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}
  html body.user-mode .ticket-thread-v150,
  html body.user-mode .ticket-message-v150,
  html body.user-mode .ticket-reply-v150{width:100%!important;min-width:0!important;max-width:100%!important}
  html body.user-mode .ticket-message-v150{overflow-wrap:anywhere!important}
  html body.user-mode .ticket-reply-actions-v150{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  html body.user-mode .ticket-file-inline-v150{width:100%!important;min-width:0!important;overflow:hidden!important}
}

/* Bottom navigation respects iPhone home indicator without changing desktop. */
@media (max-width:820px) and (pointer:coarse){
  html body.user-mode .mobile-app-tabbar-v16630{bottom:max(8px,env(safe-area-inset-bottom))!important;left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important}
}

@media (min-width:701px) and (max-width:1024px){
  html body.user-mode .edu-runner.mobile-edu-runner-v16761{width:min(100%,940px)!important;max-width:100%!important;min-width:0!important;margin-inline:auto!important;padding-inline:12px!important;padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-stage,
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-card{width:100%!important;min-width:0!important;max-width:100%!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-runner-actions{grid-template-columns:minmax(92px,120px) minmax(90px,1fr) minmax(92px,120px)!important;width:100%!important;min-width:0!important}
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-question,
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-video-shell{max-width:100%!important;min-width:0!important}
}

/* ===== DialogLab v1.67.62 — portrait player hotfix =====
   Strictly mobile portrait scoped; desktop is intentionally untouched. */
@media (max-width:767px) and (orientation:portrait){
  /* Keep transport in its own real row. No runtime top-offset may push it into Search. */
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-controls-row-v16643{
    height:72px!important;
    min-height:72px!important;
    margin:0 0 4px!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport,
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-transport-docked-v16640{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    margin:0!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #phrase-search-form{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    z-index:1!important;
    margin-top:0!important;
  }

  /* Mobile subtitles are deliberately short labels, independent of legacy desktop spans. */
  html body.user-mode .player-home.mobile-revise-v16761 #toggle-fa > .subtitle-label-desktop-v16751,
  html body.user-mode .player-home.mobile-revise-v16761 #toggle-fa > .subtitle-label-mobile-v16751,
  html body.user-mode .player-home.mobile-revise-v16761 #toggle-en > .subtitle-label-desktop-v16751,
  html body.user-mode .player-home.mobile-revise-v16761 #toggle-en > .subtitle-label-mobile-v16751{
    display:none!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #toggle-fa::before,
  html body.user-mode .player-home.mobile-revise-v16761 #toggle-en::before{
    display:inline-block!important;
    flex:0 0 auto!important;
    min-width:18px!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    color:currentColor!important;
    letter-spacing:.2px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #toggle-fa::before{content:'FA'!important}
  html body.user-mode .player-home.mobile-revise-v16761 #toggle-en::before{content:'EN'!important}
  html body.user-mode .player-home.mobile-revise-v16761 #toggle-fa,
  html body.user-mode .player-home.mobile-revise-v16761 #toggle-en{
    font-size:0!important;
    gap:5px!important;
    overflow:hidden!important;
  }

  /* One visual surface for Genre; remove the extra glass/halo behind the select. */
  html body.user-mode .player-home.mobile-revise-v16761 .genre-filter-wrap{
    position:relative!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .genre-filter-wrap::before{content:none!important;display:none!important}
  html body.user-mode .player-home.mobile-revise-v16761 #genre-filter{
    background:rgba(8,25,38,.88)!important;
    background-image:none!important;
    border:1px solid rgba(202,239,244,.16)!important;
    outline:0!important;
    box-shadow:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #genre-filter:focus,
  html body.user-mode .player-home.mobile-revise-v16761 #genre-filter:focus-visible{
    outline:0!important;
    box-shadow:none!important;
    border-color:rgba(41,211,223,.5)!important;
  }

  /* Settings opens as an overlay; it must not stretch/move the transport row. */
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-controls-row-v16643.settings-panel-open-v16709{
    height:72px!important;
    min-height:72px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu.player-settings-menu-v16705{
    top:auto!important;
    bottom:calc(100% + 8px)!important;
  }
}

/* Specificity shield against legacy v16713/v16714 pseudo-element resets. */
@media (max-width:767px) and (orientation:portrait){
  html body.user-mode section.player-home.mobile-revise-v16761.player-layout-v16714 .stable-action-row #toggle-fa.subtitle-switch-v16714 > span,
  html body.user-mode section.player-home.mobile-revise-v16761.player-layout-v16714 .stable-action-row #toggle-en.subtitle-switch-v16714 > span,
  html.is-mobile-layout body.user-mode section.player-home.mobile-revise-v16761.player-layout-v16714 .stable-action-row #toggle-fa.subtitle-switch-v16714 > span,
  html.is-mobile-layout body.user-mode section.player-home.mobile-revise-v16761.player-layout-v16714 .stable-action-row #toggle-en.subtitle-switch-v16714 > span{
    display:none!important;
  }
  html body.user-mode section.player-home.mobile-revise-v16761.player-layout-v16714 .stable-action-row #toggle-fa.subtitle-switch-v16714::before,
  html body.user-mode section.player-home.mobile-revise-v16761.player-layout-v16714 .stable-action-row #toggle-en.subtitle-switch-v16714::before,
  html.is-mobile-layout body.user-mode section.player-home.mobile-revise-v16761.player-layout-v16714 .stable-action-row #toggle-fa.subtitle-switch-v16714::before,
  html.is-mobile-layout body.user-mode section.player-home.mobile-revise-v16761.player-layout-v16714 .stable-action-row #toggle-en.subtitle-switch-v16714::before{
    display:inline-block!important;
    flex:0 0 auto!important;
    min-width:18px!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    color:#f7ffff!important;
    letter-spacing:.2px!important;
  }
  html body.user-mode section.player-home.mobile-revise-v16761.player-layout-v16714 .stable-action-row #toggle-fa.subtitle-switch-v16714::before,
  html.is-mobile-layout body.user-mode section.player-home.mobile-revise-v16761.player-layout-v16714 .stable-action-row #toggle-fa.subtitle-switch-v16714::before{content:'FA'!important}
  html body.user-mode section.player-home.mobile-revise-v16761.player-layout-v16714 .stable-action-row #toggle-en.subtitle-switch-v16714::before,
  html.is-mobile-layout body.user-mode section.player-home.mobile-revise-v16761.player-layout-v16714 .stable-action-row #toggle-en.subtitle-switch-v16714::before{content:'EN'!important}
}


/* ===== v1.67.63 mobile stability + control harmony hotfix ===== */
@media (max-width:767px) and (orientation:portrait){
  /* Transport is visually primary; gear/page are secondary utilities. */
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-controls-row-v16643{
    height:72px!important;
    min-height:72px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport,
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-transport-docked-v16640{
    height:66px!important;
    gap:11px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #prev-clip,
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #next-clip{
    width:56px!important;min-width:56px!important;max-width:56px!important;
    height:56px!important;min-height:56px!important;max-height:56px!important;
    border-radius:16px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #big-play-button{
    width:64px!important;min-width:64px!important;max-width:64px!important;
    height:64px!important;min-height:64px!important;max-height:64px!important;
    border-radius:18px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .video-side-tools.mobile-tools-docked-v16630{
    max-width:82px!important;height:40px!important;gap:5px!important;right:2px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-toggle,
  html body.user-mode .player-home.mobile-revise-v16761 #clip-jump-input{
    width:36px!important;min-width:36px!important;max-width:36px!important;
    height:36px!important;min-height:36px!important;max-height:36px!important;
    border-radius:11px!important;font-size:13px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-toggle svg{width:19px!important;height:19px!important}

  /* Compact settings popover: overlay only, never changes row geometry. */
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-cluster.player-settings-cluster-v16705{
    position:relative!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu.player-settings-menu-v16705{
    position:absolute!important;
    top:auto!important;bottom:calc(100% + 9px)!important;right:0!important;left:auto!important;
    width:112px!important;min-width:112px!important;max-width:112px!important;height:auto!important;min-height:0!important;max-height:none!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    gap:5px!important;padding:6px!important;
    background:rgba(6,20,31,.97)!important;
    border:1px solid rgba(93,225,230,.24)!important;
    border-radius:13px!important;
    box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    overflow:visible!important;z-index:50!important;
    transform-origin:bottom right!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu.player-settings-menu-v16705:not(.is-open){
    transform:translateY(6px) scale(.97)!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu.player-settings-menu-v16705.is-open{
    transform:translateY(0) scale(1)!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu .setting-control-v16705,
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu #clip-repeat-toggle,
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu #clip-speed-toggle,
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu #clip-stop-toggle{
    width:100%!important;min-width:0!important;max-width:none!important;
    height:34px!important;min-height:34px!important;max-height:34px!important;
    margin:0!important;padding:0 8px!important;gap:5px!important;
    border-radius:9px!important;font-size:10px!important;justify-content:space-between!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu .setting-control-label-v16705{font-size:10px!important}
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu .setting-control-icon-v16705{font-size:14px!important}
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu b[data-speed-level]{min-width:20px!important;height:20px!important;min-height:20px!important;font-size:9px!important}

  /* Mobile GPU/RAM guard: preserve glass look with solid alpha surfaces, not live backdrop blur. */
  html body.user-mode .player-home.mobile-revise-v16761 .pro-video-topbar,
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-app-tabbar,
  html body.user-mode .player-home.mobile-revise-v16761 .stable-action-row>button,
  html body.user-mode .player-home.mobile-revise-v16761 #phrase-query{
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
}

@media (max-width:360px) and (orientation:portrait){
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport{gap:8px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #prev-clip,
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #next-clip{
    width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #big-play-button{
    width:60px!important;min-width:60px!important;max-width:60px!important;height:60px!important;min-height:60px!important;max-height:60px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-toggle,
  html body.user-mode .player-home.mobile-revise-v16761 #clip-jump-input{
    width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;
  }
}

/* Education lesson tile: three reserved columns so percent can never cover Lesson title. */
@media (max-width:900px){
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 36px!important;
    grid-template-areas:"percent text icon"!important;
    align-items:center!important;
    column-gap:5px!important;
    padding:9px 7px!important;
    min-height:78px!important;
    direction:ltr!important;
    overflow:hidden!important;
  }
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-icon{
    grid-area:icon!important;position:static!important;inset:auto!important;width:34px!important;height:34px!important;justify-self:end!important;
  }
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile>div{
    grid-area:text!important;min-width:0!important;direction:rtl!important;text-align:center!important;
  }
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile b{
    display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    font-size:clamp(.86rem,3.8vw,1rem)!important;
  }
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile small{white-space:nowrap!important;font-size:.68rem!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-percent{
    grid-area:percent!important;position:static!important;inset:auto!important;transform:none!important;
    justify-self:start!important;align-self:center!important;
    width:42px!important;min-width:42px!important;max-width:42px!important;
    margin:0!important;padding:5px 3px!important;font-size:.7rem!important;line-height:1!important;
  }
}


/* ===== DialogLab v1.67.64 — mobile controls/settings/background stability ===== */
@media (max-width:767px) and (orientation:portrait){
  /* Keep the full control row above the gauge stacking context. */
  html body.user-mode .player-home.mobile-revise-v16761 .video-seek-row-v16652{
    position:relative!important;z-index:4!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-controls-row-v16643{
    height:80px!important;min-height:80px!important;z-index:30!important;isolation:isolate!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport,
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-transport-docked-v16640{
    height:74px!important;gap:11px!important;z-index:32!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #prev-clip,
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #next-clip{
    width:60px!important;min-width:60px!important;max-width:60px!important;
    height:60px!important;min-height:60px!important;max-height:60px!important;
    border-radius:17px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #big-play-button{
    width:68px!important;min-width:68px!important;max-width:68px!important;
    height:68px!important;min-height:68px!important;max-height:68px!important;
    border-radius:19px!important;
  }

  /* Gear/page stay secondary and smaller than transport. */
  html body.user-mode .player-home.mobile-revise-v16761 .video-side-tools.mobile-tools-docked-v16630{
    height:40px!important;max-width:82px!important;z-index:90!important;overflow:visible!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-cluster.player-settings-cluster-v16705{
    position:relative!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;
    overflow:visible!important;z-index:120!important;
  }

  /* Settings is one compact horizontal strip. Its short height keeps it clear of the seek gauge. */
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu.player-settings-menu-v16705{
    position:absolute!important;
    top:auto!important;bottom:calc(100% + 7px)!important;right:0!important;left:auto!important;
    width:228px!important;min-width:228px!important;max-width:min(228px,calc(100vw - 24px))!important;
    height:42px!important;min-height:42px!important;max-height:42px!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:center!important;
    gap:4px!important;padding:4px!important;
    overflow:visible!important;z-index:520!important;
    border-radius:12px!important;
    transform-origin:bottom right!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu .setting-control-v16705,
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu #clip-repeat-toggle,
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu #clip-speed-toggle,
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu #clip-stop-toggle{
    width:100%!important;min-width:0!important;max-width:none!important;
    height:34px!important;min-height:34px!important;max-height:34px!important;
    padding:0 5px!important;margin:0!important;gap:3px!important;
    justify-content:center!important;border-radius:8px!important;font-size:9px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu .setting-control-label-v16705{font-size:9px!important}
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu .setting-control-icon-v16705{font-size:13px!important}

  /* Speed levels replace the main settings strip instead of opening over Search/actions. */
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-cluster.speed-open-v16764 #player-settings-menu{
    visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #clip-speed-menu.clip-speed-menu-v16705{
    position:absolute!important;
    top:auto!important;bottom:calc(100% + 7px)!important;right:0!important;left:auto!important;
    width:228px!important;min-width:228px!important;max-width:min(228px,calc(100vw - 24px))!important;
    height:48px!important;min-height:48px!important;max-height:48px!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:3px!important;margin:0!important;padding:4px!important;
    border-radius:12px!important;border:1px solid rgba(93,225,230,.25)!important;
    background:rgba(6,20,31,.985)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.36)!important;
    z-index:540!important;overflow:hidden!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #clip-speed-menu.clip-speed-menu-v16705.hidden{display:none!important}
  html body.user-mode .player-home.mobile-revise-v16761 #clip-speed-menu.clip-speed-menu-v16705 button{
    width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;
    padding:0 2px!important;border-radius:8px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #clip-speed-menu.clip-speed-menu-v16705 button b{font-size:11px!important}
  html body.user-mode .player-home.mobile-revise-v16761 #clip-speed-menu.clip-speed-menu-v16705 button small{font-size:7px!important}

  /* Dynamic browser chrome must not recrop/swap the branded mobile wallpaper while scrolling. */
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::before{
    position:fixed!important;
    top:0!important;left:0!important;right:auto!important;bottom:auto!important;inset:auto!important;
    width:100vw!important;height:100vh!important;height:100lvh!important;min-height:100svh!important;
    background-image:url("img/dialoglab_dashboard_background_v16725_mobile.jpg")!important;
    background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;
    transform:none!important;filter:none!important;will-change:auto!important;
  }
}

@media (max-width:360px) and (orientation:portrait){
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-controls-row-v16643{height:74px!important;min-height:74px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport{height:68px!important;gap:8px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #prev-clip,
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #next-clip{
    width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important;min-height:56px!important;max-height:56px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #big-play-button{
    width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;max-height:64px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu.player-settings-menu-v16705,
  html body.user-mode .player-home.mobile-revise-v16761 #clip-speed-menu.clip-speed-menu-v16705{
    width:210px!important;min-width:210px!important;max-width:calc(100vw - 18px)!important;
  }
}


/* ===== DialogLab v1.67.65 — mobile UI rebuild (portrait/education stabilization) ===== */
@media (max-width:767px) and (orientation:portrait){
  html body.user-mode .player-home.mobile-revise-v16761 .video-bottom-ui{gap:10px!important;padding:10px 4px 8px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .video-seek-row-v16652{
    height:38px!important;min-height:38px!important;padding:0 6px!important;margin:0!important;z-index:8!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-controls-row-v16643{
    height:88px!important;min-height:88px!important;padding:0 2px!important;align-items:flex-start!important;justify-content:center!important;
    z-index:40!important;overflow:visible!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-controls-row-v16643.settings-panel-open-v16709{
    height:154px!important;min-height:154px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport,
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-transport-docked-v16640{
    height:80px!important;gap:12px!important;z-index:41!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #prev-clip,
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #next-clip{
    width:64px!important;min-width:64px!important;max-width:64px!important;
    height:64px!important;min-height:64px!important;max-height:64px!important;
    border-radius:18px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #big-play-button{
    width:74px!important;min-width:74px!important;max-width:74px!important;
    height:74px!important;min-height:74px!important;max-height:74px!important;
    border-radius:22px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 .video-side-tools.mobile-tools-docked-v16630{
    top:26px!important;right:4px!important;transform:none!important;height:42px!important;max-width:86px!important;gap:6px!important;z-index:120!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-cluster.player-settings-cluster-v16705{
    position:static!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;z-index:150!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-toggle,
  html body.user-mode .player-home.mobile-revise-v16761 #clip-jump-input{
    width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:14px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu.player-settings-menu-v16705,
  html body.user-mode .player-home.mobile-revise-v16761 #clip-speed-menu.clip-speed-menu-v16705{
    position:absolute!important;left:8px!important;right:8px!important;top:78px!important;bottom:auto!important;width:auto!important;min-width:0!important;max-width:none!important;
    margin:0!important;border-radius:15px!important;z-index:620!important;box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu.player-settings-menu-v16705{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;height:auto!important;min-height:58px!important;max-height:none!important;
    background:rgba(7,21,34,.985)!important;border:1px solid rgba(93,225,230,.25)!important;transform-origin:top center!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu .setting-control-v16705,
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu #clip-repeat-toggle,
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu #clip-speed-toggle,
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu #clip-stop-toggle{
    height:46px!important;min-height:46px!important;max-height:46px!important;border-radius:12px!important;padding:0 6px!important;gap:5px!important;font-size:11px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu .setting-control-label-v16705{font-size:11px!important;line-height:1.1!important}
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-menu .setting-control-icon-v16705{font-size:15px!important}
  html body.user-mode .player-home.mobile-revise-v16761 #player-settings-cluster.speed-open-v16764 #player-settings-menu{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  html body.user-mode .player-home.mobile-revise-v16761 #clip-speed-menu.clip-speed-menu-v16705{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:44px!important;gap:6px!important;padding:6px!important;height:auto!important;min-height:94px!important;max-height:none!important;
    background:rgba(7,21,34,.992)!important;border:1px solid rgba(93,225,230,.25)!important;overflow:visible!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #clip-speed-menu.clip-speed-menu-v16705.hidden{display:none!important}
  html body.user-mode .player-home.mobile-revise-v16761 #clip-speed-menu.clip-speed-menu-v16705 button{
    width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;max-height:44px!important;border-radius:11px!important;padding:0 4px!important;
  }
  html body.user-mode .player-home.mobile-revise-v16761 #clip-speed-menu.clip-speed-menu-v16705 button b{font-size:13px!important}
  html body.user-mode .player-home.mobile-revise-v16761 #clip-speed-menu.clip-speed-menu-v16705 button small{font-size:9px!important}

  html body.user-mode .player-home.mobile-revise-v16761 #phrase-search-form{grid-template-columns:56px minmax(0,1fr) 82px!important;gap:8px!important}
  html body.user-mode .player-home.mobile-revise-v16761 #phrase-search-form .phrase-search-submit,
  html body.user-mode .player-home.mobile-revise-v16761 #phrase-query,
  html body.user-mode .player-home.mobile-revise-v16761 .genre-filter-wrap,
  html body.user-mode .player-home.mobile-revise-v16761 #genre-filter{height:52px!important;min-height:52px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .stable-action-row{gap:8px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .stable-action-row>button{height:50px!important;min-height:50px!important;border-radius:14px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .content-compliance-note-v16625,
  html body.user-mode .player-home.mobile-revise-v16761 .content-compliance-note-v16626,
  html body.user-mode .player-home.mobile-revise-v16761 .content-compliance-note-v16628{margin-top:8px!important}

  /* Simplify mobile backdrop to one stable fixed layer. */
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page){background:#07131c!important}
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::before{
    position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100svh!important;min-height:100svh!important;max-height:none!important;
    background-image:url("img/dialoglab_dashboard_background_v16725_mobile.jpg")!important;background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;background-attachment:scroll!important;
    transform:none!important;filter:none!important;opacity:1!important;will-change:auto!important;
  }
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::after{display:none!important}
}

@media (max-width:360px) and (orientation:portrait){
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-controls-row-v16643{height:84px!important;min-height:84px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .mobile-controls-row-v16643.settings-panel-open-v16709{height:148px!important;min-height:148px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #prev-clip,
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #next-clip{width:60px!important;min-width:60px!important;max-width:60px!important;height:60px!important;min-height:60px!important;max-height:60px!important}
  html body.user-mode .player-home.mobile-revise-v16761 .center-transport #big-play-button{width:68px!important;min-width:68px!important;max-width:68px!important;height:68px!important;min-height:68px!important;max-height:68px!important}
}

@media (max-width:900px){
  /* Make lesson cards calmer and impossible to overlap in mobile. */
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile{
    grid-template-columns:48px minmax(0,1fr) 40px!important;column-gap:8px!important;padding:10px 8px!important;min-height:84px!important;
  }
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-percent{
    width:46px!important;min-width:46px!important;max-width:46px!important;padding:6px 4px!important;font-size:.74rem!important;border-radius:10px!important;
  }
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-icon{width:36px!important;height:36px!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile b{font-size:clamp(.9rem,3.8vw,1.02rem)!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile small{font-size:.72rem!important}
}

/* ===== DialogLab v1.67.66 — isolated portrait mobile player shell ===== */
@media (max-width:900px) and (orientation:portrait){
  html body.user-mode .player-home.mobile-shell-v16766{
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0 auto!important;padding:6px 0 0!important;overflow:visible!important;
  }
  html body.user-mode .player-home.mobile-shell-v16766 .pro-player-card{
    width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
  }
  html body.user-mode .player-home.mobile-shell-v16766 .player-frame{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  html body.user-mode .player-home.mobile-shell-v16766 .pro-video-shell{
    width:100%!important;max-width:100%!important;margin:0!important;border-radius:18px!important;overflow:hidden!important;background:rgba(4,16,26,.94)!important;box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
  }
  html body.user-mode .player-home.mobile-shell-v16766 .pro-video-topbar{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;height:54px!important;min-height:54px!important;padding:7px 9px!important;
  }
  html body.user-mode .player-home.mobile-shell-v16766 .top-movie-pill{width:100%!important;min-width:0!important;max-width:none!important;height:40px!important;padding:0 10px!important}
  html body.user-mode .player-home.mobile-shell-v16766 .movie-title-viewport{min-width:0!important;width:100%!important}
  html body.user-mode .player-home.mobile-shell-v16766 #top-movie-title{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:clamp(13px,3.7vw,16px)!important}
  html body.user-mode .player-home.mobile-shell-v16766 .pro-counter-pill{height:40px!important;min-width:106px!important;padding:0 9px!important;white-space:nowrap!important;font-size:clamp(13px,3.6vw,16px)!important}
  html body.user-mode .player-home.mobile-shell-v16766 .video-media-area{width:100%!important;height:auto!important;aspect-ratio:16/9!important;min-height:0!important;overflow:hidden!important;background:#02070b!important}
  html body.user-mode .player-home.mobile-shell-v16766 #phrase-video{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#02070b!important}

  /* Legacy bottom deck/tools are not mobile owners anymore. */
  html body.user-mode .player-home.mobile-shell-v16766 .video-bottom-ui{display:none!important}
  html body.user-mode .player-home.mobile-shell-v16766 .video-media-area > .video-side-tools{display:none!important}
  html body.user-mode .player-home.mobile-shell-v16766 .mobile-controls-row-v16643{display:none!important}
  html body.user-mode .player-home.mobile-shell-v16766 > aside.playlist-panel,
  html body.user-mode .player-home.mobile-shell-v16766 > aside.pro-results-panel{display:none!important}

  html body.user-mode #mobile-player-deck-v16766{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;gap:10px!important;
    width:100%!important;min-width:0!important;max-width:100%!important;margin:10px 0 0!important;padding:0 2px!important;
    background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;direction:ltr!important;
  }
  html body.user-mode #mobile-player-deck-v16766 .dl66-seek-slot{
    width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:0 5px!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #video-seek-row{
    display:grid!important;grid-template-columns:36px minmax(0,1fr) 36px!important;align-items:center!important;width:100%!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0!important;gap:6px!important;
    position:static!important;inset:auto!important;transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #video-seek-row span{font-size:9px!important;font-weight:800!important;text-align:center!important;color:#e9ffff!important}
  html body.user-mode #mobile-player-deck-v16766 #video-seek-slider{width:100%!important;min-width:0!important;height:18px!important;margin:0!important}

  html body.user-mode #mobile-player-deck-v16766 .dl66-main-controls{
    display:grid!important;grid-template-columns:46px minmax(0,1fr) 46px!important;align-items:center!important;gap:8px!important;
    width:100%!important;min-width:0!important;height:78px!important;min-height:78px!important;padding:0 4px!important;
  }
  html body.user-mode #mobile-player-deck-v16766 .dl66-transport-slot{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:78px!important}
  html body.user-mode #mobile-player-deck-v16766 .center-transport{
    position:static!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;min-width:0!important;height:78px!important;margin:0!important;padding:0!important;gap:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #prev-clip,
  html body.user-mode #mobile-player-deck-v16766 #next-clip{
    width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;max-height:64px!important;margin:0!important;border-radius:18px!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #big-play-button{
    width:74px!important;min-width:74px!important;max-width:74px!important;height:74px!important;min-height:74px!important;max-height:74px!important;margin:0!important;border-radius:22px!important;
  }
  html body.user-mode #mobile-player-deck-v16766 .dl66-secondary,
  html body.user-mode #mobile-player-deck-v16766 .dl66-page{
    display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:0!important;
    border:1px solid rgba(103,217,224,.32)!important;border-radius:14px!important;background:rgba(9,31,45,.92)!important;color:#f7ffff!important;box-shadow:none!important;outline:0!important;
  }
  html body.user-mode #mobile-player-deck-v16766 .dl66-secondary svg{width:23px!important;height:23px!important;display:block!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-secondary.is-active{border-color:#5ce5df!important;background:#0d4351!important;color:#bafff8!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-page{text-align:center!important;font-size:15px!important;font-weight:900!important;-moz-appearance:textfield!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-page::-webkit-outer-spin-button,
  html body.user-mode #mobile-player-deck-v16766 .dl66-page::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}

  html body.user-mode #mobile-player-deck-v16766 .dl66-settings{
    width:100%!important;min-width:0!important;margin:0!important;padding:7px!important;border:1px solid rgba(80,216,222,.24)!important;border-radius:16px!important;
    background:rgba(5,20,32,.96)!important;box-shadow:0 10px 28px rgba(0,0,0,.20)!important;overflow:hidden!important;
  }
  html body.user-mode #mobile-player-deck-v16766 .dl66-settings[hidden],
  html body.user-mode #mobile-player-deck-v16766 .dl66-settings-main[hidden],
  html body.user-mode #mobile-player-deck-v16766 .dl66-speed-panel[hidden]{display:none!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-settings-main{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important;
  }
  html body.user-mode #mobile-player-deck-v16766 .dl66-setting{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;min-width:0!important;height:50px!important;min-height:50px!important;margin:0!important;padding:0 6px!important;
    border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;background:#102a39!important;color:#f6ffff!important;font-family:inherit!important;font-size:11px!important;font-weight:800!important;
  }
  html body.user-mode #mobile-player-deck-v16766 .dl66-setting span{font-size:13px!important;white-space:nowrap!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-setting b{font-size:11px!important;white-space:nowrap!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-setting.is-active{border-color:#51ded7!important;background:#123d46!important;color:#c7fff9!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-speed-panel{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important;
  }
  html body.user-mode #mobile-player-deck-v16766 .dl66-speed-panel button{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0 4px!important;
    border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;background:#102a39!important;color:#fff!important;font-family:inherit!important;
  }
  html body.user-mode #mobile-player-deck-v16766 .dl66-speed-panel button b{font-size:14px!important;line-height:1.05!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-speed-panel button small{font-size:9px!important;opacity:.72!important;margin-top:3px!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-speed-panel button.is-active{border-color:#52e3db!important;background:#14505a!important;box-shadow:inset 0 0 0 1px rgba(82,227,219,.14)!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-speed-panel .dl66-speed-back{font-size:11px!important;font-weight:800!important;color:#bffcf8!important}

  html body.user-mode #mobile-player-deck-v16766 .dl66-search-slot{width:100%!important;min-width:0!important}
  html body.user-mode #mobile-player-deck-v16766 #phrase-search-form{
    display:grid!important;grid-template-columns:56px minmax(0,1fr) 82px!important;align-items:center!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;gap:8px!important;direction:ltr!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #phrase-search-btn{width:56px!important;min-width:56px!important;height:52px!important;min-height:52px!important;margin:0!important;border-radius:15px!important}
  html body.user-mode #mobile-player-deck-v16766 .search-input-stack{width:100%!important;min-width:0!important}
  html body.user-mode #mobile-player-deck-v16766 #phrase-query{width:100%!important;min-width:0!important;height:52px!important;margin:0!important;padding:0 12px!important;border-radius:14px!important;font-size:14px!important;text-overflow:ellipsis!important}
  html body.user-mode #mobile-player-deck-v16766 .genre-filter-wrap{display:block!important;width:82px!important;min-width:82px!important;max-width:82px!important;height:52px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  html body.user-mode #mobile-player-deck-v16766 .genre-filter-wrap>span{display:none!important}
  html body.user-mode #mobile-player-deck-v16766 #genre-filter{display:block!important;width:100%!important;height:52px!important;margin:0!important;padding:0 9px!important;border-radius:14px!important;background:#132d3c!important;box-shadow:none!important;outline:0!important;font-size:14px!important}

  html body.user-mode #mobile-player-deck-v16766 .dl66-actions-slot{width:100%!important;min-width:0!important}
  html body.user-mode #mobile-player-deck-v16766 .stable-action-row{
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;gap:8px!important;direction:ltr!important;
  }
  html body.user-mode #mobile-player-deck-v16766 .stable-action-row>button{
    display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:none!important;height:50px!important;min-height:50px!important;margin:0!important;padding:0 3px!important;border-radius:14px!important;overflow:visible!important;
  }
  html body.user-mode #mobile-player-deck-v16766 .subtitle-label-desktop-v16751{display:none!important}
  html body.user-mode #mobile-player-deck-v16766 .subtitle-label-mobile-v16751{display:inline!important;font-size:13px!important;line-height:1!important;font-weight:900!important}
  html body.user-mode #mobile-player-deck-v16766 button.subtitle-switch-label-v16751{font-size:0!important;gap:5px!important;white-space:nowrap!important}
  html body.user-mode #mobile-player-deck-v16766 button.subtitle-switch-label-v16751 i{flex:0 0 34px!important;width:34px!important;height:22px!important;min-height:22px!important}
  html body.user-mode #mobile-player-deck-v16766 .compact-action-btn .control-label{display:none!important}
  html body.user-mode #mobile-player-deck-v16766 .compact-action-btn .control-icon{margin:0!important;font-size:26px!important}

  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16625,
  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16626,
  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16628{
    width:100%!important;max-width:100%!important;margin:12px 0 0!important;padding:10px 12px!important;font-size:11px!important;line-height:1.9!important;
  }

  /* One stable wallpaper layer; browser chrome scrolling cannot swap layers. */
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page){background:#07131c!important}
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::before{
    content:""!important;display:block!important;position:fixed!important;inset:0!important;z-index:-2!important;width:100vw!important;height:100vh!important;height:100svh!important;
    background:url("img/dialoglab_dashboard_background_v16725_mobile.jpg") center top / cover no-repeat!important;transform:none!important;filter:none!important;opacity:1!important;will-change:auto!important;
  }
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::after{display:none!important}
}

@media (max-width:370px) and (orientation:portrait){
  html body.user-mode #mobile-player-deck-v16766 .dl66-main-controls{grid-template-columns:42px minmax(0,1fr) 42px!important;gap:5px!important;padding:0!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-secondary,
  html body.user-mode #mobile-player-deck-v16766 .dl66-page{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important}
  html body.user-mode #mobile-player-deck-v16766 .center-transport{gap:8px!important}
  html body.user-mode #mobile-player-deck-v16766 #prev-clip,
  html body.user-mode #mobile-player-deck-v16766 #next-clip{width:58px!important;min-width:58px!important;max-width:58px!important;height:58px!important;min-height:58px!important;max-height:58px!important}
  html body.user-mode #mobile-player-deck-v16766 #big-play-button{width:68px!important;min-width:68px!important;max-width:68px!important;height:68px!important;min-height:68px!important;max-height:68px!important}
  html body.user-mode #mobile-player-deck-v16766 #phrase-search-form{grid-template-columns:52px minmax(0,1fr) 72px!important;gap:6px!important}
  html body.user-mode #mobile-player-deck-v16766 #phrase-search-btn{width:52px!important;min-width:52px!important}
  html body.user-mode #mobile-player-deck-v16766 .genre-filter-wrap{width:72px!important;min-width:72px!important;max-width:72px!important}
  html body.user-mode #mobile-player-deck-v16766 .stable-action-row{gap:5px!important}
}

/* Tablet portrait uses the same stable shell but with a calmer max width. */
@media (min-width:701px) and (max-width:900px) and (orientation:portrait){
  html body.user-mode .player-home.mobile-shell-v16766,
  html body.user-mode #mobile-player-deck-v16766{max-width:760px!important;margin-inline:auto!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-settings{max-width:620px!important;justify-self:center!important}
}

/* Hide the portrait shell while the dedicated landscape theater owns the phone. */
html.phone-landscape-v16739 body.user-mode #mobile-player-deck-v16766{display:none!important}


/* ===== DialogLab v1.67.67 — mobile conflict cleanup ===== */
/* This block intentionally comes LAST and only targets portrait <=900px. */
@media (max-width:900px) and (orientation:portrait){
  /* 1) Kill legacy player-shell reserved rows/min-heights. The shell must end exactly after video. */
  html body.user-mode section.player-home.mobile-shell-v16766.player-layout-v16706 .pro-player-card:not(.max-view) .player-frame,
  html body.user-mode section.player-home.mobile-shell-v16766.player-layout-v16706 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode section.player-home.mobile-shell-v16766.player-layout-v16706 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-rows:none!important;
    grid-template-columns:none!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  html body.user-mode section.player-home.mobile-shell-v16766.player-layout-v16706 .pro-player-card:not(.max-view) .pro-video-topbar{
    display:grid!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
  }
  html body.user-mode section.player-home.mobile-shell-v16766.player-layout-v16706 .pro-player-card:not(.max-view) .video-media-area{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html body.user-mode section.player-home.mobile-shell-v16766.player-layout-v16706 .pro-player-card:not(.max-view) .video-media-area > #phrase-video{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  html body.user-mode section.player-home.mobile-shell-v16766.player-layout-v16706 .pro-player-card:not(.max-view) .video-bottom-ui{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }

  /* 2) Seek bar = actual video width. Remove all legacy absolute/fixed sizing from the moved row. */
  html body.user-mode #mobile-player-deck-v16766{
    margin-top:8px!important;
    gap:9px!important;
    padding-inline:0!important;
  }
  html body.user-mode #mobile-player-deck-v16766 .dl66-seek-slot{
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    margin:0!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #video-seek-row.video-seek-row-v16652{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    align-items:center!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 4px!important;
    gap:7px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #video-seek-slider.video-seek-slider-v16652{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:block!important;
    position:static!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:22px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    opacity:1!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #video-seek-slider.video-seek-slider-v16652::-webkit-slider-runnable-track{
    width:100%!important;
    height:5px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,rgba(46,220,224,.95),rgba(46,220,224,.35))!important;
    border:1px solid rgba(145,247,247,.25)!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #video-seek-slider.video-seek-slider-v16652::-webkit-slider-thumb{
    -webkit-appearance:none!important;
    appearance:none!important;
    width:25px!important;
    height:25px!important;
    margin-top:-11px!important;
    border-radius:50%!important;
    border:3px solid #d7ffff!important;
    background:#33ccd4!important;
    box-shadow:0 0 0 3px rgba(51,204,212,.22)!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #video-seek-slider.video-seek-slider-v16652::-moz-range-track{
    height:5px!important;
    border-radius:999px!important;
    background:rgba(46,220,224,.45)!important;
    border:1px solid rgba(145,247,247,.25)!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #video-seek-slider.video-seek-slider-v16652::-moz-range-progress{
    height:5px!important;
    border-radius:999px!important;
    background:#2edce0!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #video-seek-slider.video-seek-slider-v16652::-moz-range-thumb{
    width:21px!important;
    height:21px!important;
    border-radius:50%!important;
    border:3px solid #d7ffff!important;
    background:#33ccd4!important;
  }

  /* 3) Lesson cards: English title gets a real LTR lane and never ellipsizes. */
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lessons-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding-inline:10px!important;
  }
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile{
    display:grid!important;
    grid-template-columns:50px minmax(0,1fr) 42px!important;
    grid-template-areas:"percent text icon"!important;
    align-items:center!important;
    column-gap:7px!important;
    min-height:86px!important;
    padding:10px 8px!important;
    overflow:visible!important;
    direction:ltr!important;
  }
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile > div{
    grid-area:text!important;
    min-width:0!important;
    width:100%!important;
    overflow:visible!important;
    direction:ltr!important;
    text-align:center!important;
  }
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile b{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    direction:ltr!important;
    unicode-bidi:isolate!important;
    text-align:center!important;
    font-size:clamp(.88rem,3.6vw,1.02rem)!important;
    line-height:1.2!important;
  }
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile small{
    display:block!important;
    margin-top:5px!important;
    direction:rtl!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-percent{
    grid-area:percent!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    justify-self:start!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    margin:0!important;
  }
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-icon{
    grid-area:icon!important;
    position:static!important;
    inset:auto!important;
    justify-self:end!important;
    width:38px!important;
    height:38px!important;
  }
}

@media (max-width:390px) and (orientation:portrait){
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lessons-grid{grid-template-columns:1fr!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile{grid-template-columns:52px minmax(0,1fr) 44px!important}
  html body.user-mode .edu-shell.mobile-edu-v16761 .edu-lesson-tile b{font-size:1rem!important}
}


/* ===== DialogLab v1.67.68 — final portrait ownership / lesson-nav hotfix ===== */
@media (max-width:900px) and (orientation:portrait){
  /* Old in-video tools are NEVER visible while the dedicated mobile deck owns controls. */
  html body .player-home.mobile-shell-v16766.mobile-shell-mounted-v16766 .video-media-area .video-side-tools,
  html body .player-home.mobile-shell-v16766.mobile-shell-mounted-v16766 .video-side-tools{
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important;
  }
  html body .player-home.mobile-shell-v16766.mobile-shell-mounted-v16766 .video-bottom-ui{
    display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
  }

  /* The video shell cannot reserve any legacy second row. */
  html body .player-home.mobile-shell-v16766.mobile-shell-mounted-v16766 .pro-video-shell,
  html body .player-home.mobile-shell-v16766.mobile-shell-mounted-v16766 .live-video-shell.live-video-square.pro-video-shell{
    display:block!important;height:auto!important;min-height:0!important;max-height:none!important;grid-template:none!important;grid-template-rows:none!important;overflow:hidden!important;
  }
  html body .player-home.mobile-shell-v16766.mobile-shell-mounted-v16766 .video-media-area{
    display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;overflow:hidden!important;
  }
  html body .player-home.mobile-shell-v16766.mobile-shell-mounted-v16766 #phrase-video{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center!important;
  }

  /* Seek means the actual video width: hide time labels on phone and give the track the whole row. */
  html body #mobile-player-deck-v16766 .dl66-seek-slot{height:40px!important;min-height:40px!important;padding:0!important}
  html body #mobile-player-deck-v16766 #video-seek-row.video-seek-row-v16652{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:40px!important;min-height:40px!important;padding:0!important;margin:0!important;gap:0!important;
  }
  html body #mobile-player-deck-v16766 #video-current-time,
  html body #mobile-player-deck-v16766 #video-duration-time{display:none!important}
  html body #mobile-player-deck-v16766 #video-seek-slider.video-seek-slider-v16652{width:100%!important;min-width:100%!important;max-width:100%!important;height:28px!important;padding:0 4px!important}
  html body #mobile-player-deck-v16766 #video-seek-slider.video-seek-slider-v16652::-webkit-slider-runnable-track{height:6px!important}
  html body #mobile-player-deck-v16766 #video-seek-slider.video-seek-slider-v16652::-webkit-slider-thumb{width:27px!important;height:27px!important;margin-top:-11px!important}

  /* Self-owned play/pause icon. No dependency on legacy mobile-controls-row selectors. */
  html body #mobile-player-deck-v16766 #big-play-button .mobile-play-icon{
    display:block!important;position:relative!important;width:26px!important;height:28px!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;
  }
  html body #mobile-player-deck-v16766 #big-play-button .mobile-play-icon::before,
  html body #mobile-player-deck-v16766 #big-play-button .mobile-play-icon::after{content:""!important;position:absolute!important;display:block!important;box-sizing:border-box!important}
  html body #mobile-player-deck-v16766 #big-play-button .mobile-play-icon.is-play-icon::before{
    left:5px!important;top:2px!important;width:0!important;height:0!important;border-top:12px solid transparent!important;border-bottom:12px solid transparent!important;border-left:19px solid #fff!important;border-right:0!important;border-radius:2px!important;background:transparent!important;
  }
  html body #mobile-player-deck-v16766 #big-play-button .mobile-play-icon.is-play-icon::after{display:none!important}
  html body #mobile-player-deck-v16766 #big-play-button .mobile-play-icon.is-pause-icon::before,
  html body #mobile-player-deck-v16766 #big-play-button .mobile-play-icon.is-pause-icon::after{
    top:3px!important;width:7px!important;height:22px!important;border:0!important;border-radius:2px!important;background:#fff!important;
  }
  html body #mobile-player-deck-v16766 #big-play-button .mobile-play-icon.is-pause-icon::before{left:4px!important}
  html body #mobile-player-deck-v16766 #big-play-button .mobile-play-icon.is-pause-icon::after{right:4px!important}

  /* Education: lesson title has explicit owner, no inherited RTL ellipsis. */
  html body .edu-shell.mobile-edu-v16761 .edu-lesson-copy{min-width:0!important;width:100%!important;overflow:visible!important;text-align:center!important;direction:ltr!important}
  html body .edu-shell.mobile-edu-v16761 .edu-lesson-title{display:block!important;width:100%!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;direction:ltr!important;unicode-bidi:isolate!important;text-align:center!important}
}

/* Education runner: actions always live ABOVE the fixed mobile app nav. */
@media (max-width:700px){
  html body.user-mode .edu-runner.mobile-edu-runner-v16761{
    height:calc(100dvh - 82px - env(safe-area-inset-bottom))!important;min-height:0!important;padding-bottom:72px!important;overflow:hidden!important;
  }
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-stage{
    padding-bottom:76px!important;scroll-padding-bottom:76px!important;
  }
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-runner-actions{
    position:fixed!important;left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;
    bottom:calc(82px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;height:58px!important;min-height:58px!important;
    margin:0!important;padding:5px!important;z-index:2050!important;border:1px solid rgba(38,205,202,.18)!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
    background:rgba(4,25,29,.985)!important;
  }
  html body.user-mode .edu-runner.mobile-edu-runner-v16761 .edu-next-lock-cloud{bottom:calc(100% + 8px)!important}
}


/* ===== DialogLab v1.67.69 — exact video height / large play / full visible seek ===== */
@media (max-width:900px) and (orientation:portrait){
  html body.user-mode .player-home.mobile-shell-v16766.mobile-shell-mounted-v16766 .pro-video-shell,
  html body.user-mode .player-home.mobile-shell-v16766.mobile-shell-mounted-v16766 .live-video-shell.live-video-square.pro-video-shell{
    aspect-ratio:auto!important;padding-bottom:0!important;background:#02070b!important;
  }
  html body.user-mode #mobile-player-deck-v16766{margin-top:8px!important;padding:0!important;gap:10px!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-seek-slot{width:100%!important;height:44px!important;min-height:44px!important;padding:0!important;overflow:visible!important}
  html body.user-mode #mobile-player-deck-v16766 #video-seek-row.video-seek-row-v16652{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:none!important;height:44px!important;min-height:44px!important;padding:0 8px!important;overflow:visible!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #video-current-time,
  html body.user-mode #mobile-player-deck-v16766 #video-duration-time{display:none!important}
  html body.user-mode #mobile-player-deck-v16766 #video-seek-slider.video-seek-slider-v16652{
    width:100%!important;min-width:100%!important;max-width:100%!important;height:30px!important;padding:0!important;margin:0!important;opacity:1!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #video-seek-slider.video-seek-slider-v16652::-webkit-slider-runnable-track{
    width:100%!important;height:7px!important;border-radius:999px!important;
    background:linear-gradient(90deg,#32d6da 0%,#4fe7e6 var(--seek-progress),rgba(151,196,207,.58) var(--seek-progress),rgba(151,196,207,.58) 100%)!important;
    border:1px solid rgba(218,251,255,.28)!important;box-shadow:0 1px 4px rgba(0,0,0,.24)!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #video-seek-slider.video-seek-slider-v16652::-webkit-slider-thumb{
    width:27px!important;height:27px!important;margin-top:-11px!important;border:3px solid #eaffff!important;background:#35cbd1!important;box-shadow:0 0 0 3px rgba(53,203,209,.20)!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #video-seek-slider.video-seek-slider-v16652::-moz-range-track{
    height:7px!important;background:rgba(151,196,207,.58)!important;border:1px solid rgba(218,251,255,.28)!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #video-seek-slider.video-seek-slider-v16652::-moz-range-progress{height:7px!important;background:#3bdade!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-main-controls{height:88px!important;min-height:88px!important;grid-template-columns:46px minmax(0,1fr) 46px!important}
  html body.user-mode #mobile-player-deck-v16766 .dl66-transport-slot,
  html body.user-mode #mobile-player-deck-v16766 .center-transport{height:84px!important;min-height:84px!important;gap:12px!important}
  html body.user-mode #mobile-player-deck-v16766 #prev-clip,
  html body.user-mode #mobile-player-deck-v16766 #next-clip{
    width:62px!important;min-width:62px!important;max-width:62px!important;height:62px!important;min-height:62px!important;max-height:62px!important;
    opacity:1!important;visibility:visible!important;background:rgba(8,35,50,.94)!important;color:#fff!important;border:1px solid rgba(89,221,226,.32)!important;border-radius:18px!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #big-play-button{
    width:80px!important;min-width:80px!important;max-width:80px!important;height:80px!important;min-height:80px!important;max-height:80px!important;
    opacity:1!important;visibility:visible!important;background:linear-gradient(180deg,#31d3d4,#18a9be)!important;color:#fff!important;border:1px solid rgba(190,255,255,.48)!important;border-radius:23px!important;box-shadow:0 9px 24px rgba(0,92,118,.25)!important;
  }
  html body.user-mode #mobile-player-deck-v16766 #big-play-button .mobile-play-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;opacity:1!important;visibility:visible!important}
  html body.user-mode #mobile-player-deck-v16766 #big-play-button .mobile-play-icon::before,
  html body.user-mode #mobile-player-deck-v16766 #big-play-button .mobile-play-icon::after{display:none!important}
  html body.user-mode #mobile-player-deck-v16766 #big-play-button .dl69-play-svg{display:block!important;width:34px!important;height:34px!important;color:#fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.22))}
}
@media (max-width:370px) and (orientation:portrait){
  html body.user-mode #mobile-player-deck-v16766 #prev-clip,
  html body.user-mode #mobile-player-deck-v16766 #next-clip{width:58px!important;min-width:58px!important;max-width:58px!important;height:58px!important;min-height:58px!important;max-height:58px!important}
  html body.user-mode #mobile-player-deck-v16766 #big-play-button{width:74px!important;min-width:74px!important;max-width:74px!important;height:74px!important;min-height:74px!important;max-height:74px!important}
}


/* ===== DialogLab v1.67.71 — mobile compliance note stays one continuous paragraph ===== */
@media (max-width:767px) and (orientation:portrait){
  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16625,
  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16626,
  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16628{
    display:block!important;
    width:100%!important;
    margin:10px 0 0!important;
    padding:10px 12px!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }
  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16625 p,
  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16626 p,
  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16628 p{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font:inherit!important;
    line-height:1.9!important;
    color:inherit!important;
    text-align:center!important;
    direction:rtl!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    text-wrap:pretty!important;
  }
  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16625 p strong,
  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16626 p strong,
  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16628 p strong,
  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16625 p span,
  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16626 p span,
  html body.user-mode .player-home.mobile-shell-v16766 .content-compliance-note-v16628 p span{
    display:inline!important;
    white-space:inherit!important;
  }
}


/* ===== DialogLab v1.67.72 — mobile only: remove caption copy buttons + underline captions ===== */
@media (max-width:1024px){
  html body.user-mode #copy-en-caption,
  html body.user-mode #copy-fa-caption{
    display:none!important;
  }
  html body.user-mode #caption-bar,
  html body.user-mode #fa-caption,
  html body.user-mode .smart-caption-text{
    text-decoration:underline!important;
    text-underline-offset:.12em!important;
    text-decoration-thickness:from-font!important;
    text-decoration-skip-ink:auto!important;
  }
  html body.user-mode .player-home button,
  html body.user-mode .player-home input,
  html body.user-mode .player-home select{
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
}

/* DialogLab v1.67.95 — Settings active state only; inactive geometry remains unchanged. */
html body.user-mode .player-home.mobile-revise-v16761 #player-settings-toggle.player-settings-toggle-v16705.is-open{
  color:#f7ffff!important;
  background:rgba(24,210,205,.20)!important;
  border-color:rgba(87,243,235,.78)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 2px rgba(39,222,214,.10),0 0 18px rgba(34,215,199,.17),0 10px 24px rgba(0,0,0,.25)!important;
}
html body.user-mode .player-home.mobile-revise-v16761 #player-settings-toggle.player-settings-toggle-v16705.is-open::after{
  content:"";position:absolute;inset:-3px;border:1px solid rgba(69,236,227,.40);border-radius:50%;pointer-events:none;
}
html body.user-mode .player-home.mobile-revise-v16761 #player-settings-toggle.player-settings-toggle-v16705.is-open svg{
  color:#fff!important;filter:drop-shadow(0 0 4px rgba(116,255,247,.22));transform:rotate(38deg)!important;
}

/* DialogLab v1.67.96 — mobile Settings active state keeps the inactive gear shape. */
html body.user-mode .player-home.mobile-revise-v16761 #player-settings-toggle.player-settings-toggle-v16705.is-open{
  color:#eaffff!important;
  background:rgba(24,210,205,.18)!important;
  border-color:rgba(87,243,235,.66)!important;
  border-radius:14px!important;
  box-shadow:0 0 15px rgba(34,215,199,.12),0 9px 22px rgba(0,0,0,.24)!important;
}
html body.user-mode .player-home.mobile-revise-v16761 #player-settings-toggle.player-settings-toggle-v16705.is-open::after{display:none!important}
html body.user-mode .player-home.mobile-revise-v16761 #player-settings-toggle.player-settings-toggle-v16705.is-open svg{
  fill:none!important;
  stroke:currentColor!important;
  color:inherit!important;
  stroke-width:1.85!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:none!important;
  transform:rotate(38deg)!important;
}