@font-face{font-family:system-ui-fa;src:local("Segoe UI");}
:root{
  --paper:#f5f2ea;
  --paper-2:#ebe5da;
  --ink:#172033;
  --muted:#6f7889;
  --line:rgba(37,48,72,.13);
  --panel:rgba(255,255,255,.72);
  --panel-solid:#fffaf2;
  --stage:#202b3e;
  --stage-2:#34425b;
  --primary:#e46a4e;
  --primary-2:#f2b65d;
  --blue:#4f7cff;
  --success:#189b65;
  --danger:#d64562;
  --warning:#c98718;
  --shadow:0 22px 70px rgba(37,48,72,.16);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.app-body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:system-ui-fa,"Segoe UI",Tahoma,sans-serif;overflow-x:hidden}
.aurora-bg{position:fixed;inset:0;z-index:-2;background:
  radial-gradient(circle at 8% 4%,rgba(228,106,78,.18),transparent 25%),
  radial-gradient(circle at 88% 8%,rgba(79,124,255,.16),transparent 26%),
  radial-gradient(circle at 62% 100%,rgba(242,182,93,.20),transparent 30%),
  linear-gradient(140deg,#fbf7ef 0%,#efe8dc 42%,#f9f5ed 100%)}
.aurora-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,32,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,32,51,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,black 12%,black 75%,transparent)}

.site-header{position:sticky;top:0;z-index:20;height:66px;padding:0 18px;display:flex;align-items:center;gap:18px;background:rgba(255,250,242,.78);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}
.brand-mark{display:flex;align-items:flex-start;gap:6px;flex-direction:column;text-decoration:none;color:var(--ink);min-width:178px}.brand-script{font-size:28px;line-height:1;font-weight:900;letter-spacing:-.8px;background:linear-gradient(90deg,#e15f4d,#28344c);-webkit-background-clip:text;color:transparent}.brand-mark small{font-size:11px;color:var(--muted)}
.top-nav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}.top-nav a{color:#374154;text-decoration:none;border:1px solid transparent;padding:9px 13px;border-radius:999px;font-weight:750;font-size:14px}.top-nav a:hover{background:#fff;border-color:var(--line);box-shadow:0 8px 30px rgba(37,48,72,.08)}
.header-actions{display:flex;align-items:center;gap:10px}.user-chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px;color:#394357}.ghost-link{color:#394357;text-decoration:none;border:1px solid var(--line);background:rgba(255,255,255,.6);padding:8px 12px;border-radius:999px;font-weight:800}.ghost-link:hover{background:#fff}.ffmpeg-dot{width:11px;height:11px;border-radius:999px;display:inline-block;box-shadow:0 0 0 5px rgba(24,155,101,.12);background:var(--success)}.ffmpeg-dot.bad{background:var(--danger);box-shadow:0 0 0 5px rgba(214,69,98,.13)}
.content-shell{max-width:1680px;margin:0 auto;padding:18px 20px 56px}.toast-wrap{position:fixed;left:20px;top:78px;display:grid;gap:10px;z-index:30}.toast{min-width:280px;max-width:460px;padding:13px 15px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.toast.success{border-color:rgba(24,155,101,.25)}.toast.danger{border-color:rgba(214,69,98,.28)}.toast.info{border-color:rgba(79,124,255,.24)}

/* User cinematic search */
.phrase-home,.result-layout{display:grid;grid-template-columns:330px minmax(0,1fr) 360px;gap:18px;min-height:calc(100vh - 104px)}
.phrase-rail,.learning-panel,.glass-card,.wizard-card,.auth-card,.stat-card,.admin-hero{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px)}
.phrase-rail{padding:18px;overflow:auto}.rail-title,.section-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-weight:900;margin-bottom:12px}.phrase-item{display:block;text-decoration:none;color:var(--ink);padding:14px 14px;border-radius:18px;border:1px solid transparent;margin-bottom:8px;background:rgba(255,255,255,.38);transition:.18s}.phrase-item:hover,.phrase-item.active{background:#fff;border-color:rgba(228,106,78,.22);transform:translateX(-3px)}.phrase-item b{display:block;font-size:14px;line-height:1.65;direction:ltr;text-align:left}.phrase-item small{display:block;color:var(--muted);margin-top:4px}.query-badge{direction:ltr;text-align:left;background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px 14px;font-weight:900;margin-bottom:14px;color:#243049}
.cinema-panel{position:relative;overflow:hidden;border-radius:34px;min-height:680px;background:
  linear-gradient(100deg,rgba(245,242,234,.18),rgba(245,242,234,.03)),
  radial-gradient(circle at 45% 34%,rgba(242,182,93,.42),transparent 18%),
  linear-gradient(135deg,var(--stage) 0%,#59627a 52%,#d1ba95 100%);box-shadow:0 30px 110px rgba(32,43,62,.24);border:1px solid rgba(255,255,255,.7)}
.cinema-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,242,234,.78),rgba(245,242,234,.14) 23%,rgba(23,32,51,.05) 50%,rgba(245,242,234,.68));mix-blend-mode:soft-light}.cinema-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 22%,rgba(23,32,51,.18) 54%,rgba(23,32,51,.33));pointer-events:none}.cinema-glow{position:absolute;inset:auto 13% 19% 13%;height:120px;border-radius:50%;background:rgba(255,255,255,.22);filter:blur(22px)}
.cinema-topline{position:absolute;top:22px;right:24px;left:24px;display:flex;justify-content:space-between;color:rgba(255,255,255,.88);font-weight:850;z-index:2}.big-play{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:128px;height:128px;border-radius:999px;border:9px solid rgba(255,255,255,.58);display:grid;place-items:center;color:#fff;font-size:52px;z-index:2;text-shadow:0 3px 20px rgba(0,0,0,.25);background:rgba(255,255,255,.1);backdrop-filter:blur(5px)}.subtitle-preview{position:absolute;right:50%;bottom:104px;transform:translateX(50%);z-index:2;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.75);box-shadow:0 18px 50px rgba(23,32,51,.18);border-radius:16px;padding:12px 18px;font-weight:900;color:#293449}.search-dock{position:absolute;right:22px;left:22px;bottom:22px;z-index:3;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:10px;box-shadow:0 16px 50px rgba(23,32,51,.18);backdrop-filter:blur(18px)}.search-dock input{border:0;outline:0;background:transparent;flex:1;font-size:20px;font-weight:800;color:var(--ink);direction:ltr;text-align:left;padding:10px}.lang-pill{background:#f0eadf;border:1px solid var(--line);color:#4a5468;border-radius:14px;padding:10px 12px;font-weight:900}.learning-panel{padding:24px}.learning-panel h2{font-size:29px;margin:0 0 10px}.learning-panel p{line-height:2;color:#5e687a}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.metric-row div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}.metric-row b{display:block;font-size:26px}.metric-row small{color:var(--muted)}.mini-list-title{font-weight:900;margin:18px 0 8px}.mini-movie{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}.mini-movie b{color:var(--primary)}.empty-note{padding:14px;border:1px dashed rgba(23,32,51,.18);border-radius:18px;color:var(--muted);background:rgba(255,255,255,.35);line-height:1.8}

/* Search results */
.result-layout{grid-template-columns:360px minmax(0,1fr);}.result-layout.no-results{grid-template-columns:330px minmax(0,1fr)}.result-stage{position:relative;min-height:calc(100vh - 104px);padding-bottom:20px}.top-search{position:relative;inset:auto;margin-bottom:18px}.featured-player{background:rgba(255,255,255,.62);border:1px solid var(--line);border-radius:32px;padding:14px;box-shadow:var(--shadow)}.player-frame{position:relative;overflow:hidden;border-radius:24px;background:#182131}.player-frame video{width:100%;display:block;max-height:68vh;background:#182131;aspect-ratio:16/9;object-fit:contain}.caption-bar{position:absolute;right:50%;bottom:18px;transform:translateX(50%);max-width:86%;background:rgba(16,22,34,.70);color:white;border-radius:14px;padding:10px 15px;font-size:20px;text-align:center;direction:ltr;box-shadow:0 12px 40px rgba(0,0,0,.25)}.player-meta{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:13px 8px 2px;color:#5e687a}.player-meta b{color:var(--primary)}.clip-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;margin-top:18px}.mini-clip{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;background:rgba(255,255,255,.62);border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:0 12px 40px rgba(37,48,72,.10)}.mini-clip video{width:160px;aspect-ratio:16/9;border-radius:15px;background:#182131;object-fit:cover}.mini-clip b{display:block;margin-top:2px}.mini-clip p{direction:ltr;text-align:left;line-height:1.55;margin:6px 0;color:#2d374d}.mini-clip small{color:var(--muted)}.empty-state{height:70vh;display:grid;place-items:center;text-align:center;background:rgba(255,255,255,.52);border:1px solid var(--line);border-radius:32px}.empty-icon{font-size:68px;color:var(--primary)}.empty-state h2{margin:0}.empty-state p{color:var(--muted)}

/* Forms / Admin */
.login-stage{min-height:calc(100vh - 104px);display:grid;grid-template-columns:minmax(0,1.2fr) 440px;gap:22px;align-items:stretch}.login-visual{position:relative;overflow:hidden;border-radius:34px;min-height:650px;background:linear-gradient(130deg,#d9b483 0%,#ebe0d0 42%,#65728c 100%);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7)}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,242,234,.64),rgba(255,255,255,.08),rgba(23,32,51,.18))}.floating-line{position:absolute;z-index:2;left:40px;min-width:360px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.42);border-radius:18px;padding:15px 18px;direction:ltr;text-align:left;font-weight:900;color:rgba(23,32,51,.72);backdrop-filter:blur(12px)}.floating-line small{display:block}.l1{top:70px}.l2{top:150px;left:80px}.l3{top:230px}.play-orb{position:absolute;z-index:2;top:43%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;display:grid;place-items:center;border-radius:999px;border:8px solid rgba(255,255,255,.55);color:#fff;font-size:46px}.caption-strip{position:absolute;z-index:3;right:28px;left:28px;bottom:28px;background:rgba(255,255,255,.78);border-radius:18px;padding:16px;text-align:center;font-weight:900}.auth-card{align-self:center;padding:32px}.auth-card h1{font-size:42px;margin:0 0 8px}.auth-card p{line-height:1.8;color:var(--muted)}
.form-stack{display:flex;flex-direction:column;gap:10px}.form-stack label{font-weight:900}.form-stack input,.form-stack select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.82);color:var(--ink);border-radius:16px;padding:13px 14px;outline:none;font-size:15px}.form-stack input:focus,.form-stack select:focus{border-color:rgba(228,106,78,.45);box-shadow:0 0 0 4px rgba(228,106,78,.10)}.form-stack small{color:var(--muted);line-height:1.75}.form-stack input[type=file]{background:#fff;padding:16px}.btn{border:0;border-radius:16px;padding:12px 18px;background:#fff;color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;transition:.18s;border:1px solid var(--line)}.btn:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 12px 34px rgba(37,48,72,.12)}.btn.primary{border:0;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.btn.danger{background:rgba(214,69,98,.10);color:var(--danger)}.btn.small{padding:8px 12px;font-size:13px}.btn.large{padding:15px 20px;font-size:16px}.btn.wide{width:100%}.soft-note,.hint-box{margin-top:16px;padding:13px;border-radius:16px;background:rgba(255,255,255,.52);border:1px solid var(--line);color:var(--muted);line-height:1.8}.soft-note code,code{direction:ltr;unicode-bidi:embed;background:#fff;border:1px solid var(--line);padding:2px 7px;border-radius:8px;color:#26324a}
.admin-hero{padding:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.admin-hero h1{font-size:34px;margin:0 0 8px}.admin-hero p{color:var(--muted);line-height:1.8;margin:0}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:1fr 1fr}.align-start{align-items:start}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{padding:22px;background:rgba(255,255,255,.62)}.stat-card span{color:var(--muted)}.stat-card b{display:block;font-size:36px;margin-top:6px;color:#27314a}.glass-card,.wizard-card{padding:24px}.soft-card{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(242,182,93,.18))}.card-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.card-header h3{margin:0}.actions{display:flex;gap:10px;align-items:center}.actions form{margin:0}.muted{color:var(--muted)}
.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:right;padding:13px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-size:13px}.table a{color:var(--blue);text-decoration:none;font-weight:800}.badge{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:12px;background:#fff;border:1px solid var(--line)}.badge.done{color:var(--success);background:rgba(24,155,101,.09)}.badge.processing,.badge.pending{color:var(--warning);background:rgba(201,135,24,.09)}.badge.error,.badge.warn{color:var(--danger);background:rgba(214,69,98,.09)}.mini-progress,.progress{height:10px;border-radius:999px;background:rgba(37,48,72,.09);overflow:hidden}.mini-progress i,.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-2));border-radius:999px}.progress{height:16px;margin:12px 0 18px}.status-line{display:flex;gap:14px;align-items:center}.log-box{margin-top:18px;background:rgba(255,255,255,.48);border-radius:18px;padding:14px;border:1px solid var(--line)}.log-box pre{white-space:pre-wrap;direction:ltr;text-align:left;color:#303a50;max-height:340px;overflow:auto}.wizard-steps{display:flex;gap:10px;margin-bottom:22px}.wizard-steps span{padding:10px 14px;border-radius:999px;background:#fff;color:var(--muted);border:1px solid var(--line)}.wizard-steps .active{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:0}.upload-form{max-width:760px}.user-list{display:grid;gap:12px}.user-row{display:grid;grid-template-columns:1.2fr .8fr .7fr 1.3fr auto auto;gap:8px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.52)}.user-row small{color:var(--muted);display:block}.checkbox{font-size:13px;color:var(--muted)}
.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.clip-grid.small{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.clip-card{background:rgba(255,255,255,.62);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 12px 38px rgba(37,48,72,.12)}.clip-card video{width:100%;display:block;background:#182131;aspect-ratio:16/9}.clip-body{padding:15px}.clip-body h3{margin:0 0 10px}.dialogue{font-size:15px;color:#26314a!important;line-height:1.8;direction:ltr;text-align:left}.meta-row{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;flex-wrap:wrap}.empty{text-align:center;padding:32px}.simple-list{list-style:none;padding:0;margin:0}.simple-list li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}

@media(max-width:1180px){.phrase-home{grid-template-columns:1fr}.result-layout{grid-template-columns:1fr}.phrase-rail,.learning-panel{display:none}.cinema-panel{min-height:620px}.login-stage{grid-template-columns:1fr}.login-visual{min-height:430px}.stats-grid,.grid.two{grid-template-columns:1fr}.site-header{height:auto;flex-wrap:wrap;padding:12px}.top-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow:auto}.content-shell{padding:14px}.user-row{grid-template-columns:1fr}.clip-strip{grid-template-columns:1fr}}
@media(max-width:720px){.brand-mark{min-width:auto}.brand-script{font-size:23px}.header-actions{margin-right:auto}.user-chip{display:none}.cinema-panel{min-height:560px;border-radius:24px}.big-play{width:95px;height:95px;font-size:38px}.search-dock{right:12px;left:12px;bottom:12px;flex-wrap:wrap;border-radius:20px}.search-dock input{font-size:16px}.search-dock .btn{width:100%}.caption-bar{font-size:15px}.mini-clip{grid-template-columns:1fr}.mini-clip video{width:100%}.floating-line{left:18px;right:18px;min-width:auto}.l2{left:18px}.auth-card{padding:24px}.admin-hero{flex-direction:column;align-items:flex-start}.table{font-size:13px}.table th,.table td{padding:9px}}

/* v1.3 live PlayPhrase-like player */
.player-home{display:grid;grid-template-columns:330px minmax(0,1fr) 390px;gap:18px;min-height:calc(100vh - 104px)}
.live-rail .phrase-item{width:100%;border:1px solid transparent;text-align:inherit;cursor:pointer;font:inherit}.rail-divider{height:1px;background:var(--line);margin:18px 0}
.live-stage{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0}.live-video-shell{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(135deg,#202b3e,#5b657b 58%,#dbc29d);box-shadow:0 30px 110px rgba(32,43,62,.24);border:1px solid rgba(255,255,255,.68);min-height:calc(100vh - 270px)}
.live-video{width:100%;height:calc(100vh - 270px);min-height:520px;display:block;background:#172033;object-fit:contain}.live-caption{position:absolute;right:50%;bottom:22px;transform:translateX(50%);max-width:88%;background:rgba(16,22,34,.74);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:11px 17px;font-size:21px;font-weight:900;text-align:center;direction:ltr;box-shadow:0 16px 48px rgba(0,0,0,.25);backdrop-filter:blur(14px)}
.live-center-overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;color:#fff;background:linear-gradient(90deg,rgba(245,242,234,.42),rgba(23,32,51,.22),rgba(245,242,234,.28));pointer-events:none}.live-center-overlay.hidden{display:none}.live-center-overlay h1{margin:8px 0;font-size:54px}.live-center-overlay p{max-width:620px;line-height:1.9;font-weight:800;text-shadow:0 2px 18px rgba(0,0,0,.25)}.play-orb-mini{width:112px;height:112px;border-radius:999px;border:8px solid rgba(255,255,255,.64);display:grid;place-items:center;font-size:42px;background:rgba(255,255,255,.12);backdrop-filter:blur(6px)}
.live-meta-bar{display:grid;grid-template-columns:1.5fr .7fr .7fr auto;gap:12px;align-items:center;background:rgba(255,255,255,.66);border:1px solid var(--line);border-radius:24px;padding:13px 14px;box-shadow:0 16px 45px rgba(37,48,72,.10);backdrop-filter:blur(18px)}.live-meta-bar b{display:block;font-size:15px;direction:ltr;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-label{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.live-actions{display:flex;gap:8px;justify-content:flex-end}.live-search-dock{position:relative;right:auto;left:auto;bottom:auto;transform:none;margin:0;border-color:rgba(255,255,255,.75)}.player-message{min-height:24px;color:var(--muted);font-weight:800;padding:0 6px}.player-message.warn{color:var(--warning)}.player-message.error{color:var(--danger)}.player-message.ok{color:var(--success)}
.playlist-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px);padding:18px;overflow:auto}.playlist-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.playlist-head h2{margin:3px 0 0}.result-count{min-width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-weight:950;color:var(--primary)}.playlist-help{color:var(--muted);line-height:1.8;margin:12px 0 14px}.playlist-list{display:grid;gap:8px}.playlist-item{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;text-align:inherit;border:1px solid transparent;background:rgba(255,255,255,.44);border-radius:18px;padding:11px;cursor:pointer;color:var(--ink);transition:.16s}.playlist-item:hover,.playlist-item.active{background:#fff;border-color:rgba(228,106,78,.24);transform:translateX(-2px)}.playlist-num{width:34px;height:34px;border-radius:12px;background:rgba(228,106,78,.10);color:var(--primary);display:grid;place-items:center;font-weight:950}.playlist-text{direction:ltr;text-align:left;font-weight:900;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-sub{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:4px}.playlist-item.active .playlist-num{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}
@media(max-width:1280px){.player-home{grid-template-columns:1fr}.live-rail,.playlist-panel{display:block}.live-rail{order:3}.playlist-panel{order:2}.live-stage{order:1}.player-home{min-height:auto}.live-video,.live-video-shell{height:auto;min-height:460px}.live-video{aspect-ratio:16/9}.live-meta-bar{grid-template-columns:1fr 1fr}.live-actions{justify-content:flex-start}}
@media(max-width:760px){.player-home{gap:12px}.live-video-shell{border-radius:22px;min-height:330px}.live-video{min-height:330px}.live-caption{font-size:15px;bottom:12px}.live-center-overlay h1{font-size:36px}.play-orb-mini{width:82px;height:82px;font-size:30px}.live-meta-bar{grid-template-columns:1fr}.live-search-dock{flex-wrap:wrap}.live-search-dock .btn{width:100%}.playlist-panel,.live-rail{display:none}}

/* v1.5 clean guest player + larger square desktop stage */
.guest-chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px;color:#394357;font-weight:900}.hidden{display:none!important}.optional-label,.required-hint{color:var(--muted);font-size:12px;font-weight:800}.required-hint{color:var(--accent)}
.player-home.player-home-wide{grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start;min-height:calc(100vh - 104px)}
.live-stage-wide{align-items:center}.player-frame{width:100%;display:flex;justify-content:center}.live-video-shell.live-video-square{width:min(calc(100vw - 410px),calc(100vh - 126px),940px);height:min(calc(100vw - 410px),calc(100vh - 126px),940px);min-height:620px;max-height:calc(100vh - 126px);border-radius:38px;position:relative;overflow:hidden;background:linear-gradient(135deg,#eef0f4,#cbd3df);box-shadow:0 32px 115px rgba(38,48,70,.24);border:1px solid rgba(255,255,255,.9)}
.live-video-shell.live-video-square:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.24),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.18));pointer-events:none;z-index:1}.live-video{width:100%;height:100%;min-height:0;display:block;background:#dfe4ec;object-fit:contain;position:relative;z-index:0}.live-video::-webkit-media-controls-panel{background:linear-gradient(transparent,rgba(0,0,0,.25))}
.live-center-overlay{z-index:2;background:linear-gradient(135deg,rgba(238,240,244,.35),rgba(35,45,66,.10));color:#263349;text-shadow:none}.live-center-overlay h1{font-size:62px;margin:10px 0 0;color:#263349}.live-center-overlay p{display:none}.play-orb-button{position:absolute;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%);width:126px;height:126px;border-radius:999px;border:0;cursor:pointer;display:grid;place-items:center;background:rgba(255,255,255,.78);box-shadow:0 25px 70px rgba(29,39,58,.25), inset 0 0 0 10px rgba(255,255,255,.55);backdrop-filter:blur(18px);transition:.18s}.play-orb-button span{width:72px;height:72px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:34px;text-indent:4px;box-shadow:0 14px 38px rgba(228,106,78,.35)}.play-orb-button:hover{transform:translate(-50%,-50%) scale(1.04)}.play-orb-button.static{pointer-events:none;opacity:.95}.play-orb-button.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.86)}
.live-caption{z-index:5;bottom:92px;max-width:92%;min-width:min(720px,88%);background:rgba(23,32,51,.52);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:10px 16px;font-size:22px;font-weight:950;text-align:center;direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 18px 45px rgba(0,0,0,.24);backdrop-filter:blur(12px)}.live-caption:empty{display:none}.fa-caption{position:absolute;z-index:5;right:50%;bottom:136px;transform:translateX(50%);max-width:88%;background:rgba(255,250,242,.76);color:#1e293d;border:1px solid rgba(255,255,255,.36);border-radius:16px;padding:10px 16px;font-size:18px;font-weight:900;text-align:center;box-shadow:0 16px 40px rgba(0,0,0,.16);backdrop-filter:blur(12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dict-word{cursor:help;border-radius:5px;padding:0 2px}.dict-word:hover{background:rgba(255,255,255,.22)}.hit-word{background:linear-gradient(180deg,transparent 48%,rgba(242,182,93,.95) 49%);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.25)}.word-tooltip{position:fixed;z-index:1000;max-width:260px;padding:9px 12px;border-radius:14px;background:rgba(23,32,51,.94);color:#fff;font-size:13px;font-weight:850;line-height:1.6;box-shadow:0 18px 50px rgba(0,0,0,.22);text-align:center;pointer-events:none}
.search-dock.in-video-search{position:absolute;z-index:5;right:18px;left:18px;bottom:18px;margin:0;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:9px;box-shadow:0 18px 48px rgba(23,32,51,.18);backdrop-filter:blur(18px)}.search-dock.in-video-search input{font-size:18px}.clean-meta{width:min(calc(100vw - 410px),calc(100vh - 126px),940px);grid-template-columns:minmax(0,1.4fr) .55fr .45fr auto;margin-top:0;background:rgba(255,255,255,.58);box-shadow:0 15px 42px rgba(37,48,72,.08)}.clean-meta .btn.small{padding:8px 11px}.btn.has-translation{border-color:rgba(228,106,78,.30);color:var(--primary)}.player-message{text-align:center;min-height:22px}.playlist-panel.compact-playlist{max-height:calc(100vh - 104px);padding:16px;background:rgba(255,255,255,.60)}.compact-playlist .playlist-help{display:none}.guest-limit-box{margin:10px 0 12px;padding:9px 11px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.62);font-size:13px;color:var(--muted);font-weight:850}.guest-limit-box b{color:var(--primary)}.playlist-item{grid-template-columns:30px minmax(0,1fr);padding:10px;border-radius:16px}.playlist-text{font-size:13px}.playlist-sub{font-size:11px}.playlist-num{width:30px;height:30px;border-radius:10px}.phrase-rail.live-rail{display:none!important}.live-search-dock{right:18px!important;left:18px!important;bottom:18px!important}.live-video-shell{min-height:unset}.live-stage{gap:12px}.player-home .section-kicker{margin-bottom:4px}.empty-note{color:var(--muted);font-weight:800}
.user-admin-grid{grid-template-columns:minmax(310px,420px) minmax(0,1fr)}.users-panel-wide{min-width:0}.user-cards{display:grid;gap:12px}.user-manage-card{background:rgba(255,255,255,.54);border:1px solid var(--line);border-radius:22px;padding:14px}.user-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.user-card-head b{font-size:17px}.user-card-head small{display:block;color:var(--muted);margin-top:4px}.status-pill{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:rgba(24,155,101,.11);color:var(--success)}.status-pill.off{background:rgba(214,69,98,.10);color:var(--danger)}.user-actions-form{display:grid;grid-template-columns:150px 120px minmax(170px,1fr) auto;gap:10px;align-items:end}.inline-fields label{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.action-check{align-self:center}.user-action-buttons{display:flex;gap:8px;justify-content:flex-end}
@media(max-width:1280px){.player-home.player-home-wide{grid-template-columns:1fr}.live-video-shell.live-video-square,.clean-meta{width:min(94vw,820px);height:min(94vw,calc(100vh - 156px),820px);min-height:520px}.playlist-panel.compact-playlist{max-height:none}.clean-meta{height:auto}.user-actions-form{grid-template-columns:1fr 1fr}.user-action-buttons{justify-content:flex-start}.playlist-panel.compact-playlist{width:min(94vw,820px);margin:0 auto}}
@media(max-width:760px){.content-shell{padding:12px 10px 36px}.site-header{height:auto;min-height:62px;flex-wrap:wrap}.top-nav{order:3;width:100%;overflow:auto;justify-content:flex-start}.brand-mark{min-width:auto}.player-home.player-home-wide{gap:10px}.live-video-shell.live-video-square{width:calc(100vw - 20px);height:calc(100vw - 20px);min-height:0;border-radius:24px}.clean-meta{width:calc(100vw - 20px);grid-template-columns:1fr;border-radius:20px}.live-caption{font-size:15px;bottom:82px;min-width:85%;padding:8px 11px}.fa-caption{font-size:14px;bottom:124px}.search-dock.in-video-search{right:10px;left:10px;bottom:10px;flex-wrap:nowrap;border-radius:18px}.search-dock.in-video-search input{font-size:14px;min-width:0}.search-dock.in-video-search .btn{width:auto;padding:10px 12px}.lang-pill{display:none}.play-orb-button{width:86px;height:86px}.play-orb-button span{width:54px;height:54px;font-size:25px}.live-center-overlay h1{font-size:36px}.playlist-panel.compact-playlist{display:block;width:calc(100vw - 20px);padding:12px}.user-admin-grid{grid-template-columns:1fr}.user-actions-form{grid-template-columns:1fr}}

/* v1.6 queue, library, analytics */
.badge.queued{background:rgba(79,124,255,.12);color:#315ec9}.badge.processing{background:rgba(242,182,93,.18);color:#a86806}.badge.paused{background:rgba(89,98,122,.16);color:#4e5a70}.badge.cancelled{background:rgba(214,69,98,.12);color:var(--danger)}.badge.done{background:rgba(24,155,101,.13);color:var(--success)}.badge.error{background:rgba(214,69,98,.12);color:var(--danger)}
.inline-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inline-actions form{display:inline;margin:0}.btn.tiny{font-size:12px;padding:6px 8px;border-radius:10px;border:1px solid var(--line);background:#fff;color:#33405a;cursor:pointer}.btn.tiny.danger{color:var(--danger);border-color:rgba(214,69,98,.25)}
.clean-note{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.55);color:var(--muted);line-height:1.8;font-weight:750}.search-inline{display:flex;gap:10px;margin:14px 0 18px}.search-inline input{flex:1}.translation-list{display:grid;gap:12px}.translation-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:22px;padding:12px}.translation-video video{width:100%;aspect-ratio:16/9;border-radius:16px;background:#182131}.translation-main textarea{width:100%;resize:vertical;margin:8px 0}.saved-list{display:grid;gap:8px}.saved-item{display:block;text-decoration:none;color:var(--ink);background:rgba(255,255,255,.58);border:1px solid var(--line);border-radius:16px;padding:11px 13px;font-weight:850;line-height:1.6}.saved-item small{display:block;color:var(--muted);font-weight:700;margin-top:4px}.live-actions{gap:6px;flex-wrap:wrap}.live-actions .btn.small:disabled{opacity:.45;cursor:not-allowed}.live-actions .btn.small{white-space:nowrap}.stat-card:nth-child(5){background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(242,182,93,.13))}
@media(max-width:900px){.translation-row{grid-template-columns:1fr}.search-inline{flex-direction:column}}

/* v1.7 - Large desktop player overrides */
@media (min-width: 1281px){
  .content-shell{
    max-width:none;
    width:100%;
    padding:12px 18px 28px;
  }

  .player-home.player-home-wide{
    grid-template-columns:minmax(0,1fr) 318px;
    gap:14px;
    align-items:start;
    min-height:calc(100vh - 92px);
  }

  .live-stage-wide{
    align-items:stretch;
    width:100%;
  }

  .live-stage-wide .player-frame{
    width:100%;
    height:auto;
    justify-content:center;
  }

  .live-video-shell.live-video-square{
    width:100%;
    height:calc(100vh - 176px);
    min-height:680px;
    max-height:880px;
    border-radius:34px;
    background:linear-gradient(135deg,#eef0f4,#cbd3df);
  }

  .live-video{
    width:100%;
    height:100%;
    object-fit:contain;
    background:#162033;
  }

  .clean-meta{
    width:100%;
    grid-template-columns:minmax(0,1.35fr) .45fr .40fr auto;
    padding:12px 14px;
    border-radius:22px;
  }

  .clean-meta .btn.small{
    padding:9px 13px;
    font-size:14px;
  }

  .live-meta-bar b{
    font-size:16px;
  }

  .meta-label{
    font-size:12px;
  }

  .playlist-panel.compact-playlist{
    max-height:calc(100vh - 92px);
    padding:14px;
    border-radius:22px;
  }

  .playlist-head h2{
    font-size:25px;
    margin:2px 0 0;
  }

  .result-count{
    min-width:42px;
    height:42px;
    font-size:15px;
  }

  .playlist-list{
    gap:9px;
  }

  .playlist-item{
    grid-template-columns:34px minmax(0,1fr);
    padding:12px;
    border-radius:17px;
  }

  .playlist-num{
    width:34px;
    height:34px;
    border-radius:11px;
    font-size:14px;
  }

  .playlist-text{
    font-size:15px;
    line-height:1.55;
  }

  .playlist-sub{
    font-size:12px;
    margin-top:5px;
  }

  .play-orb-button{
    width:158px;
    height:158px;
    box-shadow:0 30px 82px rgba(29,39,58,.28), inset 0 0 0 12px rgba(255,255,255,.56);
  }

  .play-orb-button span{
    width:90px;
    height:90px;
    font-size:43px;
    text-indent:5px;
  }

  .live-caption{
    bottom:104px;
    min-width:min(980px,90%);
    max-width:92%;
    padding:13px 22px;
    font-size:28px;
    border-radius:20px;
  }

  .fa-caption{
    bottom:156px;
    max-width:90%;
    padding:12px 20px;
    font-size:22px;
    border-radius:18px;
  }

  .search-dock.in-video-search{
    right:22px!important;
    left:22px!important;
    bottom:22px!important;
    padding:12px;
    border-radius:24px;
  }

  .search-dock.in-video-search input{
    font-size:24px;
    padding:13px 12px;
  }

  .search-dock.in-video-search .btn{
    font-size:17px;
    padding:13px 22px;
    border-radius:18px;
  }

  .lang-pill{
    padding:12px 14px;
    font-size:14px;
  }

  .player-message{
    font-size:15px;
  }
}

@media (min-width: 1600px){
  .player-home.player-home-wide{
    grid-template-columns:minmax(0,1fr) 340px;
  }
  .live-video-shell.live-video-square{
    height:calc(100vh - 168px);
    min-height:720px;
    max-height:940px;
  }
}

@media (min-width: 1281px) and (max-height: 820px){
  .live-video-shell.live-video-square{
    height:calc(100vh - 160px);
    min-height:560px;
  }
  .live-caption{
    font-size:24px;
    bottom:96px;
  }
  .fa-caption{
    font-size:19px;
    bottom:146px;
  }
  .play-orb-button{
    width:138px;
    height:138px;
  }
  .play-orb-button span{
    width:78px;
    height:78px;
    font-size:37px;
  }
}

/* v1.8 - Taller near-fullscreen desktop player + clearer typography */
@media (min-width: 1281px){
  .content-shell{
    padding:8px 12px 16px;
  }

  .player-home.player-home-wide{
    grid-template-columns:minmax(0,1fr) 300px;
    gap:10px;
    min-height:calc(100vh - 58px);
  }

  .live-video-shell.live-video-square{
    height:calc(100vh - 86px);
    min-height:740px;
    max-height:none;
    border-radius:30px;
  }

  .live-video{
    height:100%;
    object-fit:contain;
  }

  .playlist-panel.compact-playlist{
    max-height:calc(100vh - 58px);
    border-radius:18px;
    padding:11px;
  }

  .playlist-head h2{
    font-size:24px;
  }

  .playlist-item{
    padding:11px;
  }

  .playlist-text{
    font-size:16px;
    line-height:1.6;
  }

  .playlist-sub{
    font-size:12px;
  }

  .live-caption{
    bottom:112px;
    min-width:min(1120px,88%);
    font-size:30px;
    padding:13px 24px;
  }

  .fa-caption{
    bottom:166px;
    font-size:23px;
  }

  .search-dock.in-video-search{
    right:20px!important;
    left:20px!important;
    bottom:20px!important;
    padding:12px;
  }

  .search-dock.in-video-search input{
    font-size:25px;
    padding:14px 12px;
  }

  .search-dock.in-video-search .btn{
    font-size:17px;
    padding:14px 24px;
  }

  .play-orb-button{
    width:168px;
    height:168px;
  }

  .play-orb-button span{
    width:96px;
    height:96px;
    font-size:46px;
  }

  .clean-meta{
    width:100%;
    padding:10px 14px;
    border-radius:20px;
    margin-top:8px;
  }
}

@media (min-width: 1281px) and (max-height: 820px){
  .live-video-shell.live-video-square{
    height:calc(100vh - 78px);
    min-height:650px;
  }
  .live-caption{
    bottom:106px;
    font-size:27px;
  }
  .fa-caption{
    bottom:158px;
    font-size:21px;
  }
}

/* v1.9 quality/settings admin additions */
.quality-form { display: grid; gap: 16px; }
.quality-form .quality-grid { display: grid; grid-template-columns: repeat(3, minmax(180px, 1fr)); gap: 14px; }
.quality-form label { display: grid; gap: 7px; font-weight: 800; color: #223044; }
.quality-form label span { font-size: 13px; color: #667085; }
.quality-form input[type="number"], .quality-form select,
.clip-quality-form input, .clip-quality-form select { border: 1px solid rgba(15,23,42,.12); background: rgba(255,255,255,.86); border-radius: 12px; padding: 9px 10px; outline: none; }
.quality-form input[type="range"] { width: 100%; accent-color: #ff8a3d; }
.range-field strong { font-size: 20px; color: #f97316; }
.quality-form.compact { grid-template-columns: repeat(7, minmax(100px, 1fr)); align-items: end; }
.clip-admin-grid { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.clip-quality-form { display: grid; grid-template-columns: 1fr .8fr .7fr .7fr .9fr .9fr auto; gap: 6px; align-items: center; margin-top: 10px; }
.clip-quality-form input, .clip-quality-form select { min-width: 0; font-size: 12px; padding: 7px 8px; }
.stats-grid { display: grid; grid-template-columns: repeat(4, minmax(110px, 1fr)); gap: 14px; }
.stats-grid > div { background: rgba(255,255,255,.72); border: 1px solid rgba(15,23,42,.08); border-radius: 18px; padding: 16px; display: grid; gap: 6px; }
.stats-grid b { font-size: 24px; color: #162033; }
.stats-grid span { color: #667085; font-size: 13px; }
@media (max-width: 900px) {
  .quality-form .quality-grid, .quality-form.compact, .clip-quality-form, .stats-grid { grid-template-columns: 1fr; }
}

/* v1.11 - upload detection fix + taller player + readable colorful controls */
@media (min-width: 1281px){
  body.app-body{font-size:16px;}
  .site-header{height:58px;padding:0 16px;}
  .content-shell{max-width:none;width:100%;padding:6px 8px 8px;}
  .player-home.player-home-wide{
    grid-template-columns:minmax(0,1fr) 310px;
    gap:10px;
    height:calc(100vh - 72px);
    min-height:0;
    align-items:stretch;
  }
  .live-stage-wide{
    height:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  .live-stage-wide .player-frame{
    flex:1 1 auto;
    min-height:0;
    width:100%;
    display:block;
  }
  .live-video-shell.live-video-square{
    width:100%;
    height:100%;
    min-height:0;
    max-height:none;
    border-radius:22px;
    box-shadow:0 20px 72px rgba(23,32,51,.20);
  }
  .live-video{
    width:100%;
    height:100%;
    object-fit:contain;
  }
  .clean-meta{
    flex:0 0 auto;
    width:100%;
    min-height:64px;
    margin-top:0;
    padding:11px 14px;
    border-radius:18px;
    grid-template-columns:minmax(220px,1.2fr) .42fr .36fr auto;
  }
  .clean-meta b{font-size:17px;line-height:1.45;}
  .meta-label{font-size:13px;font-weight:900;}
  .playlist-panel.compact-playlist{
    height:100%;
    max-height:none;
    padding:12px;
    border-radius:18px;
  }
  .playlist-head h2{font-size:25px;}
  .result-count{font-size:17px;padding:8px 11px;}
  .playlist-item{padding:12px;border-radius:17px;}
  .playlist-text{font-size:17px;line-height:1.65;font-weight:950;}
  .playlist-sub{font-size:12px;}
  .playlist-num{width:36px;height:36px;font-size:15px;}
  .guest-limit-box{font-size:15px;padding:11px 13px;}
  .live-caption{
    bottom:116px;
    min-width:min(1180px,82%);
    max-width:88%;
    font-size:31px;
    padding:13px 24px;
    border-radius:18px;
  }
  .fa-caption{bottom:172px;font-size:24px;}
  .search-dock.in-video-search{
    right:22px!important;
    left:22px!important;
    bottom:22px!important;
    padding:12px;
    border-radius:24px;
  }
  .search-dock.in-video-search input{
    font-size:26px;
    padding:15px 14px;
  }
  .search-dock.in-video-search .btn{
    font-size:18px;
    padding:15px 26px;
    border-radius:18px;
  }
  .play-orb-button{width:170px;height:170px;}
  .play-orb-button span{width:98px;height:98px;font-size:47px;}
}

/* stronger button styling across user/admin pages */
.btn,
.btn.small,
.btn.tiny{
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 8px 20px rgba(37,48,72,.10);
  font-weight:950;
}
.btn.primary{background:linear-gradient(135deg,#ff7a45,#ffb457);color:#fff;border:0;}
.btn.danger,.btn.tiny.danger{background:linear-gradient(135deg,#ef476f,#ff7a90);color:#fff;border:0;}
.btn.small{font-size:14px;padding:10px 14px;border-radius:14px;}
.btn.tiny{font-size:13px;padding:8px 10px;border-radius:12px;}
#prev-clip{background:linear-gradient(135deg,#eaf1ff,#ffffff);color:#2f5bcf;border-color:rgba(79,124,255,.24)}
#next-clip{background:linear-gradient(135deg,#20c997,#0ea678);color:#fff;border:0}
#toggle-fa{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:0}
#save-phrase{background:linear-gradient(135deg,#ffb457,#ff7a45);color:#fff;border:0}
#favorite-clip{background:linear-gradient(135deg,#ff5c8a,#ef476f);color:#fff;border:0}
#add-playlist{background:linear-gradient(135deg,#4f7cff,#2563eb);color:#fff;border:0}
.live-actions .btn.small:disabled{filter:grayscale(.25);opacity:.52;box-shadow:none;}
.table{font-size:15px;}
.table th,.table td{padding:13px 12px;}
.form-stack input,.form-stack select,.form-stack textarea,
.quality-form input[type="number"],.quality-form select,
.clip-quality-form input,.clip-quality-form select{
  font-size:16px;
}
.card-header h3,.admin-hero h1{font-weight:950;}

@media (max-width:1280px){
  .playlist-text{font-size:15px;}
  .btn.small{font-size:13px;}
}

/* v1.14 - Harmonized user player UI */
:root{
  --paper:#d8d1c3;
  --paper-2:#cfc7b9;
  --ink:#1f2937;
  --muted:#647084;
  --line:rgba(42,52,69,.18);
  --panel:rgba(245,241,233,.82);
  --panel-solid:#f3eee5;
  --primary:#3d6f7f;
  --primary-2:#5f8f9d;
  --blue:#3d6f7f;
  --success:#2f7d63;
  --danger:#b94d58;
  --warning:#9b6a20;
  --shadow:0 18px 55px rgba(31,41,55,.18);
}
body.app-body{
  background:#d8d1c3;
  color:var(--ink);
}
.aurora-bg{
  background:
    radial-gradient(circle at 12% 8%,rgba(61,111,127,.16),transparent 27%),
    radial-gradient(circle at 88% 0%,rgba(115,91,68,.12),transparent 24%),
    radial-gradient(circle at 65% 100%,rgba(255,255,255,.20),transparent 28%),
    linear-gradient(145deg,#d7d0c3 0%,#cfc7ba 45%,#ddd5c9 100%);
}
.aurora-bg:after{
  background-image:linear-gradient(rgba(31,41,55,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,41,55,.035) 1px,transparent 1px);
  opacity:.65;
}
.site-header{
  background:rgba(237,231,221,.84);
  border-bottom:1px solid rgba(42,52,69,.16);
}
.brand-script{
  background:linear-gradient(90deg,#244b58,#6f5d4d);
  -webkit-background-clip:text;
  color:transparent;
}
.top-nav a:hover,.ghost-link:hover{background:rgba(255,255,255,.72)}
.content-shell{padding-top:14px;}

@media (min-width:1281px){
  .player-home.player-home-wide{
    direction:ltr;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:16px;
  }
  .player-home.player-home-wide > *{direction:rtl;}
  .live-video-shell.live-video-square{
    background:linear-gradient(135deg,#c6cdd5,#b6c0cb 55%,#b9a994);
    border:1px solid rgba(255,255,255,.62);
    box-shadow:0 26px 90px rgba(31,41,55,.24);
    border-radius:28px;
  }
  .live-video{background:#1d2633;}
  .playlist-panel.compact-playlist{
    background:rgba(235,229,219,.86);
    border:1px solid rgba(42,52,69,.16);
    box-shadow:0 18px 55px rgba(31,41,55,.16);
    border-radius:24px;
  }
}

.player-frame,.live-stage-wide .player-frame{border-radius:28px;}
.live-video-shell.live-video-square:before{
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.23));
}
.live-center-overlay h1{
  color:rgba(255,255,255,.94);
  text-shadow:0 10px 32px rgba(0,0,0,.32);
}
.play-orb-button{
  background:rgba(245,241,233,.80)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 24px 65px rgba(31,41,55,.30), inset 0 0 0 10px rgba(255,255,255,.34)!important;
}
.play-orb-button span{
  background:#2f5f6d!important;
  color:#fff!important;
  box-shadow:0 13px 34px rgba(47,95,109,.32)!important;
}
.live-caption{
  background:rgba(19,26,37,.58)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  color:#fff!important;
  backdrop-filter:blur(16px);
  box-shadow:0 18px 52px rgba(0,0,0,.25)!important;
}
.fa-caption{
  background:rgba(245,241,233,.86)!important;
  color:#1f2937!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 18px 48px rgba(31,41,55,.22)!important;
}
.search-dock.in-video-search{
  background:rgba(235,229,219,.82)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 16px 46px rgba(31,41,55,.22)!important;
}
.search-dock.in-video-search input{
  color:#1f2937!important;
}
.lang-pill{
  background:rgba(255,255,255,.55)!important;
  color:#3b4758!important;
  border-color:rgba(42,52,69,.14)!important;
}
.clean-meta{
  background:rgba(235,229,219,.88)!important;
  border:1px solid rgba(42,52,69,.15)!important;
  box-shadow:0 14px 40px rgba(31,41,55,.14)!important;
}
.live-meta-bar b{color:#243244;}
.meta-label{color:#697486;}
.playlist-head h2{color:#1f2937;}
.section-kicker{color:#2f5f6d!important;}
.result-count{
  background:#e5ded2!important;
  color:#2f5f6d!important;
  border-color:rgba(42,52,69,.14)!important;
}
.guest-limit-box,.empty-note{
  background:rgba(255,255,255,.44)!important;
  border-color:rgba(42,52,69,.15)!important;
}
.playlist-item{
  background:rgba(255,255,255,.38)!important;
  border-color:rgba(42,52,69,.08)!important;
  box-shadow:none!important;
}
.playlist-item:hover,.playlist-item.active{
  background:rgba(255,255,255,.70)!important;
  border-color:rgba(47,95,109,.28)!important;
  transform:translateX(0)!important;
}
.playlist-item.active{
  box-shadow:inset 4px 0 0 #2f5f6d!important;
}
.playlist-num,
.playlist-item.active .playlist-num{
  background:#2f5f6d!important;
  color:#fff!important;
}
.playlist-text{font-weight:850!important;color:#273244;}
.playlist-sub{color:#687487!important;}

/* Unified buttons */
.btn,.btn.small,.btn.tiny{
  background:#e9e2d7!important;
  color:#273244!important;
  border:1px solid rgba(42,52,69,.14)!important;
  box-shadow:0 7px 18px rgba(31,41,55,.10)!important;
  border-radius:14px!important;
}
.btn:hover,.btn.small:hover,.btn.tiny:hover{
  background:#f2ede5!important;
  box-shadow:0 12px 28px rgba(31,41,55,.16)!important;
  transform:translateY(-1px);
}
.btn.primary,
.search-dock.in-video-search .btn.primary{
  background:#2f5f6d!important;
  color:#fff!important;
  border-color:#2f5f6d!important;
}
.btn.danger,.btn.tiny.danger{
  background:#b85a62!important;
  color:#fff!important;
  border-color:#b85a62!important;
}
.live-actions .btn.small{
  background:#e9e2d7!important;
  color:#273244!important;
  min-height:40px;
}
.live-actions .btn.small.nav-control,
#prev-clip,#next-clip{
  background:#2f5f6d!important;
  color:#fff!important;
  border-color:#2f5f6d!important;
  min-width:90px;
}
#toggle-fa,#save-phrase,#favorite-clip,#add-playlist{
  background:#e9e2d7!important;
  color:#273244!important;
  border-color:rgba(42,52,69,.14)!important;
}
.live-actions .btn.small:disabled{
  opacity:.48!important;
  filter:grayscale(.1)!important;
}

@media(max-width:1280px){
  .player-home.player-home-wide{direction:rtl;}
  .playlist-panel.compact-playlist{order:2;}
  .live-stage{order:1;}
}

/* v1.15 - Professional cinematic user GUI overhaul */
:root{
  --pro-bg-1:#1f2937;
  --pro-bg-2:#374151;
  --pro-bg-3:#ebe5dc;
  --pro-surface:#f4efe7;
  --pro-surface-2:#e8dfd2;
  --pro-line:rgba(255,255,255,.20);
  --pro-ink:#1f2937;
  --pro-muted:#6b7280;
  --pro-accent:#476a78;
  --pro-accent-2:#315866;
  --pro-radius:30px;
}
html,body{min-height:100%;}
body.app-body{
  background:
    radial-gradient(circle at 8% 6%,rgba(229,193,130,.25),transparent 28%),
    radial-gradient(circle at 92% 12%,rgba(93,125,145,.30),transparent 30%),
    linear-gradient(135deg,#e8e0d4 0%,#d7d1c7 42%,#c9d0d4 100%) !important;
  color:var(--pro-ink)!important;
}
.aurora-bg{display:none!important;}
.site-header{
  margin:14px auto 0!important;
  width:min(96vw,1720px)!important;
  height:70px!important;
  padding:10px 16px!important;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:26px!important;
  background:rgba(244,239,231,.76)!important;
  box-shadow:0 20px 60px rgba(31,41,55,.14)!important;
  backdrop-filter:blur(22px)!important;
}
.brand-mark{
  background:linear-gradient(135deg,#f7f2ea,#e3d8c8)!important;
  border:1px solid rgba(31,41,55,.08)!important;
  box-shadow:0 10px 28px rgba(31,41,55,.10)!important;
}
.brand-script{font-size:28px!important;color:#263244!important;letter-spacing:-.5px;}
.brand-mark small{color:#667085!important;}
.top-nav a,.ghost-link,.guest-chip,.user-chip{
  border-radius:15px!important;
  color:#334155!important;
  background:rgba(255,255,255,.34)!important;
  border:1px solid rgba(31,41,55,.07)!important;
  font-weight:850!important;
}
.top-nav a:hover,.ghost-link:hover{
  background:#fff!important;
  transform:translateY(-1px);
}
.content-shell{
  width:min(98vw,1760px)!important;
  margin:0 auto!important;
  padding:16px 0 30px!important;
}
.pro-user-shell,
.player-home.player-home-wide.pro-user-shell{
  direction:ltr!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 388px!important;
  gap:18px!important;
  align-items:stretch!important;
  min-height:calc(100vh - 112px)!important;
  padding:0 4px!important;
}
.pro-stage,
.live-stage.live-stage-wide.pro-stage{
  direction:rtl!important;
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
.pro-results-panel,
.playlist-panel.compact-playlist.pro-results-panel{
  direction:rtl!important;
  grid-column:2!important;
  width:100%!important;
  max-height:calc(100vh - 112px)!important;
  min-height:calc(100vh - 112px)!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.32)!important;
  background:linear-gradient(180deg,rgba(248,244,237,.90),rgba(231,223,211,.88))!important;
  box-shadow:0 30px 80px rgba(31,41,55,.18)!important;
  backdrop-filter:blur(22px)!important;
}
.pro-player-card{
  width:100%!important;
  height:calc(100vh - 142px)!important;
  min-height:680px!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  gap:12px!important;
  border-radius:34px!important;
  background:linear-gradient(145deg,rgba(246,241,233,.72),rgba(210,218,222,.56))!important;
  border:1px solid rgba(255,255,255,.32)!important;
  padding:12px!important;
  box-shadow:0 32px 90px rgba(31,41,55,.18)!important;
  backdrop-filter:blur(18px)!important;
}
.pro-player-frame,
.player-frame.pro-player-frame,
.live-stage-wide .player-frame.pro-player-frame{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#263244!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
}
.pro-video-shell,
.live-video-shell.live-video-square.pro-video-shell{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  border-radius:28px!important;
  border:0!important;
  background:
    radial-gradient(circle at 50% 28%,rgba(255,255,255,.18),transparent 25%),
    linear-gradient(135deg,#233140 0%,#3b4757 54%,#5e615b 100%)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.pro-video-shell:before,
.live-video-shell.live-video-square.pro-video-shell:before{
  background:
    linear-gradient(180deg,rgba(6,10,16,.42) 0%,transparent 18%,transparent 66%,rgba(6,10,16,.55) 100%)!important;
  z-index:1!important;
}
.pro-video,
.live-video.pro-video{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#202a37!important;
}
.pro-video-topbar{
  position:absolute;
  top:18px;
  right:18px;
  left:18px;
  z-index:6;
  display:flex;
  justify-content:space-between;
  align-items:center;
  pointer-events:none;
}
.pro-status-pill,.pro-counter-pill{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(244,239,231,.18);
  color:#fff;
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 12px 30px rgba(0,0,0,.16);
  backdrop-filter:blur(18px);
  font-size:13px;
  font-weight:900;
}
.pro-status-pill span{width:8px;height:8px;border-radius:50%;background:#9fdfc6;box-shadow:0 0 0 5px rgba(159,223,198,.14);}
.pro-counter-pill b{color:#fff!important;}
.pro-empty-overlay{
  z-index:4!important;
  color:#fff!important;
  gap:12px!important;
}
.pro-empty-overlay h1{font-size:64px!important;margin:10px 0 0!important;letter-spacing:-1px;}
.pro-empty-overlay p{margin:0!important;color:rgba(255,255,255,.78)!important;font-weight:800;font-size:17px;}
.pro-play-button,
.play-orb-button.pro-play-button{
  width:118px!important;
  height:118px!important;
  border-radius:999px!important;
  background:rgba(246,241,233,.20)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.28), inset 0 0 0 12px rgba(255,255,255,.10)!important;
  z-index:7!important;
}
.pro-play-button span,
.play-orb-button.pro-play-button span{
  width:72px!important;
  height:72px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  padding-right:4px!important;
  background:linear-gradient(135deg,#f8f2e8,#d9c9b4)!important;
  color:#243244!important;
  font-size:31px!important;
  box-shadow:0 16px 42px rgba(0,0,0,.20)!important;
}
.pro-caption,
.live-caption.pro-caption{
  max-width:80%!important;
  min-width:min(780px,72%)!important;
  bottom:98px!important;
  padding:13px 20px!important;
  border-radius:18px!important;
  background:rgba(16,24,36,.56)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1.45!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.22)!important;
}
.hit-word{background:rgba(248,242,232,.96)!important;color:#243244!important;border-radius:8px!important;padding:0 5px!important;}
.fa-caption{
  bottom:151px!important;
  max-width:76%!important;
  border-radius:16px!important;
  font-size:20px!important;
  font-weight:850!important;
}
.pro-search-dock,
.search-dock.in-video-search.pro-search-dock{
  right:22px!important;
  left:22px!important;
  bottom:20px!important;
  height:60px!important;
  border-radius:20px!important;
  padding:8px!important;
  gap:10px!important;
  background:rgba(246,241,233,.84)!important;
  border:1px solid rgba(255,255,255,.52)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(22px)!important;
}
.pro-search-dock input,
.search-dock.in-video-search.pro-search-dock input{
  font-size:22px!important;
  font-weight:850!important;
  color:#1f2937!important;
  padding:8px 4px!important;
}
.pro-search-dock input::placeholder{color:#8a7865!important;}
.pro-search-dock .lang-pill,
.lang-pill{
  height:42px!important;
  min-width:48px!important;
  display:grid!important;
  place-items:center!important;
  background:#e5d7c4!important;
  color:#2f3a4a!important;
  border:1px solid rgba(31,41,55,.08)!important;
  border-radius:14px!important;
}
.pro-search-dock .btn.primary,
.search-dock.in-video-search.pro-search-dock .btn.primary{
  height:44px!important;
  min-width:108px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#476a78,#315866)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 26px rgba(49,88,102,.25)!important;
  font-size:16px!important;
}
.pro-control-panel,
.clean-meta.pro-control-panel{
  width:100%!important;
  margin:0!important;
  padding:10px!important;
  min-height:74px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto minmax(300px,auto) auto!important;
  gap:10px!important;
  align-items:center!important;
  border-radius:24px!important;
  background:rgba(248,244,237,.78)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 16px 42px rgba(31,41,55,.12)!important;
  backdrop-filter:blur(18px)!important;
}
.pro-now-playing,.pro-duration-box{
  background:rgba(255,255,255,.42);
  border:1px solid rgba(31,41,55,.06);
  border-radius:18px;
  padding:9px 13px;
  min-height:52px;
}
.pro-now-playing b,.pro-duration-box b{
  display:block;
  color:#273244!important;
  font-size:16px!important;
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.meta-label{font-size:12px!important;color:#7a8290!important;font-weight:850!important;}
.pro-action-row,
.live-actions.pro-action-row{
  display:flex!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}
.pro-action-row .btn.small,
.pro-control-panel .btn.small{
  height:46px!important;
  padding:0 15px!important;
  border-radius:16px!important;
  background:#e5d7c4!important;
  color:#2e3747!important;
  border:1px solid rgba(31,41,55,.08)!important;
  box-shadow:0 10px 24px rgba(31,41,55,.08)!important;
  font-size:14px!important;
  font-weight:900!important;
}
.pro-nav-btn,
#prev-clip.pro-nav-btn,#next-clip.pro-nav-btn{
  min-width:94px!important;
  background:#2f3a4a!important;
  color:#fff!important;
  border:0!important;
}
.pro-action-row .btn.small:hover,.pro-control-panel .btn.small:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.03);
}
.pro-action-row .btn.small:disabled{
  opacity:.45!important;
  box-shadow:none!important;
}
.pro-results-head,
.playlist-head.pro-results-head{
  padding:18px 18px 14px!important;
  border-bottom:1px solid rgba(31,41,55,.08)!important;
  background:rgba(255,255,255,.30)!important;
  position:sticky!important;
  top:0!important;
  z-index:2!important;
}
.pro-results-head h2{font-size:29px!important;margin:2px 0 0!important;color:#273244!important;}
.pro-results-head .section-kicker{font-size:12px!important;letter-spacing:.08em!important;color:#476a78!important;font-weight:950!important;}
.result-count{
  min-width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  background:#476a78!important;
  color:#fff!important;
  font-size:18px!important;
  border:0!important;
}
.guest-limit-box{
  margin:14px 16px!important;
  padding:11px 13px!important;
  background:rgba(255,255,255,.44)!important;
  border:1px solid rgba(31,41,55,.08)!important;
  border-radius:17px!important;
  color:#596275!important;
  font-size:14px!important;
}
.pro-playlist-list,
.playlist-list.pro-playlist-list{
  padding:0 12px 14px!important;
  height:calc(100vh - 226px)!important;
  overflow:auto!important;
}
.pro-playlist-list::-webkit-scrollbar{width:8px;}
.pro-playlist-list::-webkit-scrollbar-thumb{background:#bdb2a4;border-radius:999px;}
.playlist-item{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  margin:0 0 10px!important;
  padding:13px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.48)!important;
  border:1px solid rgba(31,41,55,.07)!important;
  box-shadow:0 8px 22px rgba(31,41,55,.06)!important;
  transition:.18s ease!important;
}
.playlist-item:hover{
  background:rgba(255,255,255,.72)!important;
  transform:translateY(-1px)!important;
}
.playlist-item.active{
  background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(232,223,211,.88))!important;
  border-color:rgba(71,106,120,.35)!important;
  box-shadow:0 14px 34px rgba(31,41,55,.12), inset -4px 0 0 #476a78!important;
}
.playlist-num{
  width:42px!important;
  height:42px!important;
  border-radius:15px!important;
  background:#2f3a4a!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
}
.playlist-item.active .playlist-num{background:#476a78!important;color:#fff!important;}
.playlist-text{
  display:block!important;
  color:#222b3a!important;
  font-size:17px!important;
  line-height:1.55!important;
  font-weight:900!important;
  direction:ltr!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.playlist-sub{
  margin-top:7px!important;
  color:#6c7482!important;
  font-size:12px!important;
  font-weight:800!important;
}
.empty-note{
  margin:14px 4px!important;
  padding:20px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.42)!important;
  border:1px dashed rgba(31,41,55,.16)!important;
  color:#6b7280!important;
  text-align:center!important;
}
.pro-player-message{font-size:15px!important;font-weight:850!important;min-height:24px!important;}
/* Admin/common buttons stay coherent, less rainbow */
.btn,.btn.small,.btn.tiny{
  background:#e5d7c4!important;
  color:#2e3747!important;
  border:1px solid rgba(31,41,55,.08)!important;
  box-shadow:0 8px 20px rgba(31,41,55,.08)!important;
  font-weight:900!important;
}
.btn.primary{background:#476a78!important;color:#fff!important;border-color:#476a78!important;}
.btn.danger,.btn.tiny.danger{background:#a75858!important;color:#fff!important;border-color:#a75858!important;}
@media(max-width:1280px){
  .pro-user-shell,.player-home.player-home-wide.pro-user-shell{
    direction:rtl!important;
    grid-template-columns:1fr!important;
    min-height:auto!important;
  }
  .pro-stage{grid-column:auto!important;}
  .pro-results-panel{grid-column:auto!important;min-height:auto!important;max-height:none!important;}
  .pro-player-card{height:auto!important;min-height:0!important;}
  .pro-video-shell,.live-video-shell.live-video-square.pro-video-shell{
    height:min(74vh,760px)!important;
    min-height:520px!important;
  }
  .pro-control-panel,.clean-meta.pro-control-panel{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }
  .pro-action-row{grid-column:1 / -1!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
  .pro-playlist-list{height:auto!important;max-height:420px!important;}
}
@media(max-width:760px){
  .site-header{width:calc(100vw - 20px)!important;margin-top:10px!important;border-radius:20px!important;}
  .content-shell{padding:10px 0 24px!important;}
  .pro-user-shell{padding:0!important;}
  .pro-player-card{padding:8px!important;border-radius:24px!important;}
  .pro-video-shell,.live-video-shell.live-video-square.pro-video-shell{
    height:calc(100vh - 245px)!important;
    min-height:430px!important;
    border-radius:21px!important;
  }
  .pro-video-topbar{top:12px;right:12px;left:12px;}
  .pro-status-pill{display:none;}
  .pro-caption{font-size:17px!important;bottom:84px!important;min-width:82%!important;max-width:90%!important;padding:9px 12px!important;}
  .fa-caption{bottom:128px!important;font-size:15px!important;}
  .pro-search-dock{right:10px!important;left:10px!important;bottom:10px!important;height:54px!important;border-radius:17px!important;}
  .pro-search-dock input{font-size:16px!important;}
  .pro-search-dock .btn.primary{min-width:82px!important;font-size:14px!important;}
  .pro-play-button{width:88px!important;height:88px!important;}
  .pro-play-button span{width:56px!important;height:56px!important;font-size:24px!important;}
  .pro-empty-overlay h1{font-size:42px!important;}
  .pro-empty-overlay p{font-size:14px!important;max-width:260px;}
  .pro-control-panel,.clean-meta.pro-control-panel{
    grid-template-columns:1fr 1fr!important;
    padding:8px!important;
  }
  .pro-now-playing{grid-column:1 / -1;}
  .pro-action-row{grid-column:1 / -1!important;}
  .pro-action-row .btn.small{height:42px!important;padding:0 11px!important;font-size:13px!important;}
  .pro-nav-btn{min-width:0!important;}
  .pro-results-panel{border-radius:24px!important;}
  .playlist-text{font-size:15px!important;}
}

/* v1.17 - Stronger visible cinematic English-learning background
   هدف: عکس بک‌گراند در HTML پررنگ‌تر و واضح‌تر دیده شود، بدون اینکه خوانایی UI خراب شود. */
body.app-body{
  background:
    linear-gradient(135deg,rgba(246,240,229,.28),rgba(22,35,53,.10)),
    url("img/english_learning_background.jpg") center center / cover fixed no-repeat !important;
  position:relative!important;
}
body.app-body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 48% 38%,rgba(255,255,255,.03),transparent 34%),
    linear-gradient(90deg,rgba(15,26,42,.10),rgba(255,255,255,0) 32%,rgba(9,24,42,.12));
}
body.app-body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:rgba(255,255,255,.00);
  backdrop-filter:saturate(1.24) contrast(1.08);
}
.aurora-bg{display:none!important;}
.site-header{
  background:rgba(245,240,231,.58)!important;
  border-color:rgba(255,255,255,.34)!important;
  box-shadow:0 18px 70px rgba(24,32,45,.20)!important;
  backdrop-filter:blur(16px) saturate(1.18)!important;
}
.pro-player-card{
  background:linear-gradient(145deg,rgba(246,241,233,.55),rgba(210,218,222,.34))!important;
  border-color:rgba(255,255,255,.32)!important;
  box-shadow:0 36px 98px rgba(20,28,40,.24)!important;
  backdrop-filter:blur(10px) saturate(1.16)!important;
}
.pro-results-panel,
.playlist-panel.compact-playlist.pro-results-panel{
  background:linear-gradient(180deg,rgba(248,244,237,.66),rgba(229,222,213,.56))!important;
  border-color:rgba(255,255,255,.34)!important;
  box-shadow:0 32px 90px rgba(20,28,40,.23)!important;
  backdrop-filter:blur(13px) saturate(1.18)!important;
}
.pro-control-panel,
.clean-meta.pro-control-panel{
  background:linear-gradient(135deg,rgba(250,247,241,.68),rgba(233,226,217,.52))!important;
  border-color:rgba(255,255,255,.36)!important;
  backdrop-filter:blur(12px) saturate(1.16)!important;
}
.pro-search-dock,
.search-dock.in-video-search.pro-search-dock{
  background:rgba(244,238,229,.60)!important;
  border-color:rgba(255,255,255,.40)!important;
  backdrop-filter:blur(12px) saturate(1.18)!important;
}
.toast,.glass-card,.wizard-card,.auth-card,.stat-card,.admin-hero{
  background:rgba(248,244,237,.68)!important;
  border-color:rgba(255,255,255,.34)!important;
  backdrop-filter:blur(12px) saturate(1.14)!important;
}
/* خوانایی متن‌ها و دکمه‌ها روی بک‌گراند واضح‌تر */
.playlist-text,.pro-now-playing strong,.pro-meta-item b{
  color:#1d2636!important;
}
.playlist-item{
  background:rgba(255,255,255,.54)!important;
}
.playlist-item.active{
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(232,223,211,.76))!important;
}
@media(max-width:760px){
  body.app-body{
    background:
      linear-gradient(135deg,rgba(246,240,229,.38),rgba(22,35,53,.14)),
      url("img/english_learning_background.jpg") center center / cover fixed no-repeat !important;
  }
  .pro-player-card,.pro-results-panel,.playlist-panel.compact-playlist.pro-results-panel{
    background:rgba(246,241,233,.74)!important;
    backdrop-filter:blur(14px) saturate(1.10)!important;
  }
}

/* v1.19 - Mobile-first user experience + turquoise accent + cleaner controls */
:root{
  --accent:#18b9c7;
  --accent-2:#0f8fa1;
  --accent-soft:rgba(24,185,199,.16);
  --glass:rgba(248,244,237,.48);
  --glass-strong:rgba(248,244,237,.66);
  --glass-border:rgba(255,255,255,.36);
}

/* رنگ ثابت سرمه‌ای/آبی قدیمی به فیروزه‌ای */
.result-count,
.playlist-num,
.playlist-item.active .playlist-num,
.pro-counter-pill,
.pro-status-pill,
.top-movie-pill,
.ffmpeg-dot,
.btn.primary,
.search-dock.in-video-search .btn.primary{
  background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;
  color:#fff!important;
  border-color:rgba(24,185,199,.55)!important;
}
.section-kicker,
.guest-limit-box b,
.brand-script{
  color:var(--accent-2)!important;
}
.playlist-item.active{
  border-color:rgba(24,185,199,.38)!important;
  box-shadow:0 14px 34px rgba(20,40,50,.13), inset -4px 0 0 var(--accent)!important;
}
.hit-word{
  background:linear-gradient(180deg,transparent 48%,rgba(24,185,199,.92) 49%)!important;
}

/* بک‌گراند و پنل‌ها شیشه‌ای‌تر */
.site-header,
.pro-player-card,
.pro-results-panel,
.playlist-panel.compact-playlist.pro-results-panel,
.pro-control-panel,
.clean-meta.pro-control-panel,
.search-dock.in-video-search.pro-search-dock,
.top-nav a,.ghost-link,.guest-chip,.user-chip{
  backdrop-filter:blur(13px) saturate(1.18)!important;
}
.site-header{
  background:rgba(245,240,231,.50)!important;
}
.top-nav{
  gap:8px!important;
}
.top-nav a{
  background:rgba(255,255,255,.22)!important;
  border-color:rgba(255,255,255,.30)!important;
  transition:.18s ease!important;
  white-space:nowrap!important;
}
.top-nav a:hover{
  background:rgba(24,185,199,.14)!important;
  border-color:rgba(24,185,199,.35)!important;
  color:#0f5664!important;
  transform:translateY(-2px)!important;
}

/* دسکتاپ: پلیر سمت چپ، نتیجه‌ها سمت راست، پنل نتیجه شفاف‌تر */
@media (min-width:901px){
  .player-home.player-home-wide.pro-user-shell{
    direction:ltr!important;
    grid-template-columns:minmax(0,1fr) minmax(310px,370px)!important;
  }
  .player-home.player-home-wide.pro-user-shell > *{direction:rtl!important;}
  .pro-stage{grid-column:1!important;}
  .pro-results-panel{grid-column:2!important;}
  .pro-results-panel,
  .playlist-panel.compact-playlist.pro-results-panel{
    background:linear-gradient(180deg,rgba(248,244,237,.46),rgba(229,222,213,.40))!important;
    border-color:rgba(255,255,255,.32)!important;
  }
}

/* عنوان فیلم بالای ویدئو */
.pro-video-topbar{
  align-items:center!important;
  gap:10px!important;
}
.top-movie-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  max-width:min(72%,720px)!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(20,31,44,.44)!important;
  color:rgba(255,255,255,.82)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(12px)!important;
}
.top-movie-pill b{
  display:block!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:15px!important;
  letter-spacing:.01em!important;
  font-weight:850!important;
  opacity:.86!important;
}
.pro-counter-pill{
  min-width:auto!important;
  height:42px!important;
  padding:0 13px!important;
  border-radius:999px!important;
}

/* کنترل‌ها با ایموجی، کنار هم و یکدست */
.pro-emoji-controls,
.clean-meta.pro-control-panel.pro-emoji-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  padding:10px!important;
  background:rgba(245,240,231,.46)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  border-radius:24px!important;
}
.nav-cluster{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.pro-action-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.emoji-only,.emoji-action,.emoji-btn{
  display:inline-grid!important;
  place-items:center!important;
  min-width:48px!important;
  width:48px!important;
  height:44px!important;
  padding:0!important;
  border-radius:15px!important;
  font-size:20px!important;
  line-height:1!important;
  background:rgba(255,255,255,.42)!important;
  color:#1f2937!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 10px 24px rgba(20,31,44,.10)!important;
}
.emoji-only:hover,.emoji-action:hover,.emoji-btn:hover{
  background:rgba(24,185,199,.18)!important;
  border-color:rgba(24,185,199,.35)!important;
  transform:translateY(-1px)!important;
}
.emoji-action:disabled{
  opacity:.42!important;
  filter:grayscale(.15)!important;
}
#prev-clip.pro-nav-btn,#next-clip.pro-nav-btn{
  min-width:52px!important;
  width:52px!important;
  background:rgba(255,255,255,.42)!important;
  color:#1f2937!important;
  border:1px solid rgba(255,255,255,.42)!important;
}
#prev-clip.pro-nav-btn:hover,#next-clip.pro-nav-btn:hover{
  background:rgba(24,185,199,.20)!important;
  border-color:rgba(24,185,199,.40)!important;
}

/* سرچ شفاف‌تر و تمیزتر */
.search-dock.in-video-search.pro-search-dock{
  background:rgba(245,240,231,.42)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:0 18px 46px rgba(20,31,44,.16)!important;
}
.search-dock.in-video-search input{
  font-weight:900!important;
  color:#1f2937!important;
}
.search-dock.in-video-search input::placeholder{color:rgba(31,41,55,.55)!important;}
.search-dock.in-video-search .emoji-btn{
  width:54px!important;
  height:48px!important;
  min-width:54px!important;
  background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;
  color:#fff!important;
}

/* مدت کلیپ دیگر در UI نمایش داده نمی‌شود */
.pro-duration-box,#clip-duration{display:none!important;}
.playlist-sub span:last-child{display:none!important;}

/* موبایل: تمرکز فقط روی پلیر و سرچ، نتیجه‌ها حذف شوند */
@media (max-width:900px){
  body.app-body{
    background:
      linear-gradient(135deg,rgba(246,240,229,.38),rgba(22,35,53,.18)),
      url("img/english_learning_background.jpg") center center / cover scroll no-repeat!important;
  }
  .site-header{
    width:calc(100vw - 16px)!important;
    margin:8px auto 0!important;
    min-height:58px!important;
    height:auto!important;
    padding:8px!important;
    border-radius:18px!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    gap:8px!important;
  }
  .brand-mark{
    min-width:0!important;
    padding:8px 10px!important;
    border-radius:15px!important;
  }
  .brand-script{font-size:20px!important;}
  .brand-mark small{display:none!important;}
  .header-actions{gap:6px!important;justify-content:flex-end!important;}
  .guest-chip,.user-chip{display:none!important;}
  .ghost-link{padding:8px 10px!important;font-size:13px!important;}
  .top-nav{
    grid-column:1 / -1!important;
    order:3!important;
    width:100%!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    padding:2px 0 0!important;
    scrollbar-width:none!important;
  }
  .top-nav::-webkit-scrollbar{display:none!important;}
  .top-nav a{
    padding:8px 11px!important;
    font-size:13px!important;
    border-radius:999px!important;
  }
  .content-shell{
    width:100%!important;
    padding:8px 8px 18px!important;
  }
  .player-home.player-home-wide.pro-user-shell{
    display:block!important;
    min-height:auto!important;
    padding:0!important;
  }
  .pro-results-panel,
  .playlist-panel.compact-playlist.pro-results-panel{
    display:none!important;
  }
  .pro-stage,.live-stage.live-stage-wide.pro-stage{
    width:100%!important;
    display:block!important;
  }
  .pro-player-card{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:8px!important;
    border-radius:22px!important;
    background:rgba(245,240,231,.40)!important;
  }
  .player-frame,.pro-player-frame{width:100%!important;}
  .pro-video-shell,
  .live-video-shell.live-video-square.pro-video-shell{
    width:100%!important;
    height:calc(100svh - 190px)!important;
    min-height:470px!important;
    max-height:none!important;
    border-radius:20px!important;
  }
  .pro-video,.live-video{
    object-fit:contain!important;
  }
  .pro-video-topbar{
    top:10px!important;
    right:10px!important;
    left:10px!important;
  }
  .top-movie-pill{
    height:36px!important;
    max-width:calc(100% - 86px)!important;
    padding:0 10px!important;
  }
  .top-movie-pill b{font-size:12px!important;}
  .pro-counter-pill{
    height:36px!important;
    padding:0 9px!important;
    font-size:12px!important;
  }
  .pro-caption,
  .live-caption{
    bottom:84px!important;
    min-width:88%!important;
    max-width:92%!important;
    font-size:16px!important;
    line-height:1.4!important;
    padding:8px 11px!important;
    border-radius:14px!important;
    white-space:nowrap!important;
  }
  .fa-caption{bottom:126px!important;font-size:14px!important;max-width:90%!important;}
  .pro-search-dock,
  .search-dock.in-video-search.pro-search-dock{
    right:9px!important;
    left:9px!important;
    bottom:10px!important;
    height:54px!important;
    padding:7px!important;
    border-radius:17px!important;
    background:rgba(245,240,231,.48)!important;
  }
  .lang-pill{display:none!important;}
  .pro-search-dock input{font-size:16px!important;min-width:0!important;padding:8px!important;}
  .search-dock.in-video-search .emoji-btn{width:46px!important;min-width:46px!important;height:42px!important;font-size:18px!important;}
  .pro-play-button{width:82px!important;height:82px!important;}
  .pro-play-button span{width:52px!important;height:52px!important;font-size:22px!important;}
  .live-center-overlay h1,.pro-empty-overlay h1{font-size:34px!important;}
  .live-center-overlay p,.pro-empty-overlay p{font-size:13px!important;max-width:260px!important;line-height:1.8!important;}
  .pro-control-panel,.clean-meta.pro-control-panel.pro-emoji-controls{
    margin-top:8px!important;
    width:100%!important;
    padding:8px!important;
    gap:8px!important;
    border-radius:18px!important;
    flex-wrap:wrap!important;
  }
  .nav-cluster{order:1!important;gap:7px!important;}
  .pro-action-row{order:2!important;gap:7px!important;}
  .emoji-only,.emoji-action{
    width:44px!important;
    min-width:44px!important;
    height:42px!important;
    font-size:18px!important;
    border-radius:14px!important;
  }
  .player-message{font-size:13px!important;margin-top:6px!important;}
}

@media (max-width:420px){
  .pro-video-shell,.live-video-shell.live-video-square.pro-video-shell{
    height:calc(100svh - 206px)!important;
    min-height:410px!important;
  }
  .pro-caption,.live-caption{font-size:14px!important;bottom:80px!important;}
  .pro-control-panel,.clean-meta.pro-control-panel.pro-emoji-controls{justify-content:space-between!important;}
  .emoji-only,.emoji-action{width:40px!important;min-width:40px!important;height:39px!important;font-size:17px!important;}
}

/* v1.20 - autoplay/mobile polish, yellow subtitles, labeled emoji controls */
.clean-header.site-header{
  justify-content:center!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
}
.clean-header .clean-top-nav,
.clean-header .top-nav{
  justify-content:flex-start!important;
  gap:8px!important;
}
.clean-header .top-nav a{
  background:rgba(255,255,255,.28)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#223142!important;
  transition:.18s ease!important;
}
.clean-header .top-nav a:hover{
  background:rgba(255,255,255,.62)!important;
  border-color:rgba(24,185,199,.28)!important;
  color:#0f5962!important;
  transform:translateY(-2px)!important;
}
.header-actions .ghost-link{
  background:rgba(255,255,255,.35)!important;
  border-color:rgba(255,255,255,.32)!important;
}

/* top video title: subtle, top only */
.pro-video-topbar{z-index:8!important;}
.top-movie-pill{
  background:rgba(15,23,42,.34)!important;
  color:rgba(255,255,255,.76)!important;
  border-color:rgba(255,255,255,.16)!important;
  backdrop-filter:blur(14px)!important;
}
.top-movie-pill b{
  color:rgba(255,255,255,.78)!important;
  font-weight:800!important;
}
.pro-counter-pill{
  background:rgba(15,23,42,.30)!important;
  color:rgba(255,255,255,.70)!important;
  border-color:rgba(255,255,255,.14)!important;
}

/* English subtitle must be yellow */
.live-caption,
.pro-caption{
  color:#ffd45a!important;
  text-shadow:0 3px 10px rgba(0,0,0,.55)!important;
  background:rgba(12,18,28,.54)!important;
  border-color:rgba(255,212,90,.18)!important;
}
.hit-word{
  color:#fff7c7!important;
  background:linear-gradient(180deg,transparent 42%,rgba(245,158,11,.98) 43%)!important;
  border-radius:6px!important;
  text-shadow:0 3px 10px rgba(0,0,0,.55)!important;
}
.dict-word:hover{background:rgba(255,212,90,.18)!important;}

/* Persian translation separated at the top of video */
.fa-caption{
  top:66px!important;
  bottom:auto!important;
  right:50%!important;
  transform:translateX(50%)!important;
  max-width:88%!important;
  background:rgba(248,250,252,.72)!important;
  color:#162033!important;
  border:1px solid rgba(255,255,255,.50)!important;
  backdrop-filter:blur(16px)!important;
}

/* transparent search dock */
.search-dock.in-video-search.pro-search-dock,
.search-dock.in-video-search{
  background:rgba(245,240,231,.32)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 16px 46px rgba(15,23,42,.18)!important;
  backdrop-filter:blur(20px)!important;
}
.search-dock.in-video-search input{
  background:rgba(255,255,255,.38)!important;
  border-radius:16px!important;
}

/* Labeled emoji controls */
.pro-control-panel,
.clean-meta.pro-control-panel.pro-emoji-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  background:rgba(235,229,219,.45)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  backdrop-filter:blur(18px)!important;
}
.pro-nav-cluster,.nav-cluster{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}
.pro-action-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}
.icon-control{
  appearance:none!important;
  border:none!important;
  cursor:pointer!important;
  min-width:82px!important;
  height:66px!important;
  padding:7px 10px!important;
  border-radius:20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  background:rgba(255,255,255,.36)!important;
  color:#1e293b!important;
  box-shadow:0 14px 34px rgba(15,23,42,.12)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  backdrop-filter:blur(14px)!important;
  transition:.18s ease!important;
}
.icon-control:hover{
  background:rgba(255,255,255,.62)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.17)!important;
}
.icon-control:disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
  transform:none!important;
}
.control-label{
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  color:#334155!important;
  white-space:nowrap!important;
}
.control-icon{
  font-size:28px!important;
  line-height:1!important;
  filter:drop-shadow(0 5px 9px rgba(15,23,42,.16));
}
.nav-icon-control{
  min-width:90px!important;
  background:linear-gradient(135deg,rgba(24,185,199,.30),rgba(255,255,255,.42))!important;
}
.nav-icon-control .control-icon{font-size:31px!important;}

/* remove old tiny emoji button styling conflicts */
#prev-clip,#next-clip,#toggle-fa,#save-phrase,#favorite-clip,#add-playlist{
  width:auto!important;
  min-width:82px!important;
  height:66px!important;
}

/* empty overlay without brand */
.live-center-overlay h1,.pro-empty-overlay h1{display:none!important;}
.live-center-overlay p,.pro-empty-overlay p{
  color:rgba(255,255,255,.82)!important;
  font-weight:900!important;
}

@media (max-width:900px){
  .clean-header.site-header{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    grid-template-columns:none!important;
    padding:8px 9px!important;
  }
  .clean-header .top-nav{
    order:2!important;
    flex:1 1 100%!important;
    width:100%!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    padding-top:2px!important;
  }
  .clean-header .top-nav a{
    font-size:12px!important;
    padding:8px 10px!important;
    flex:0 0 auto!important;
  }
  .clean-header .header-actions{
    margin-inline-start:auto!important;
  }
  .pro-video-shell,.live-video-shell.live-video-square.pro-video-shell{
    height:calc(100svh - 202px)!important;
    min-height:430px!important;
  }
  .fa-caption{
    top:52px!important;
    bottom:auto!important;
    font-size:13px!important;
    padding:7px 11px!important;
    max-width:90%!important;
    border-radius:13px!important;
  }
  .pro-caption,.live-caption{
    bottom:84px!important;
    font-size:16px!important;
    color:#ffd45a!important;
    min-width:88%!important;
  }
  .pro-control-panel,.clean-meta.pro-control-panel.pro-emoji-controls{
    gap:8px!important;
    justify-content:center!important;
    padding:8px!important;
  }
  .pro-nav-cluster,.nav-cluster{
    width:100%!important;
    order:1!important;
    display:flex!important;
    justify-content:center!important;
  }
  .pro-action-row{
    width:100%!important;
    order:2!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .icon-control,
  #prev-clip,#next-clip,#toggle-fa,#save-phrase,#favorite-clip,#add-playlist{
    min-width:0!important;
    width:100%!important;
    height:62px!important;
    padding:6px 5px!important;
    border-radius:17px!important;
  }
  .nav-icon-control{
    width:118px!important;
    max-width:42vw!important;
  }
  .control-label{font-size:11px!important;}
  .control-icon{font-size:27px!important;}
  .nav-icon-control .control-icon{font-size:30px!important;}
}

@media (max-width:420px){
  .pro-video-shell,.live-video-shell.live-video-square.pro-video-shell{
    height:calc(100svh - 218px)!important;
    min-height:390px!important;
  }
  .pro-caption,.live-caption{
    font-size:14px!important;
    bottom:80px!important;
  }
  .fa-caption{top:48px!important;font-size:12px!important;}
  .icon-control,
  #prev-clip,#next-clip,#toggle-fa,#save-phrase,#favorite-clip,#add-playlist{
    height:58px!important;
  }
  .control-icon{font-size:24px!important;}
}

/* =========================================================
   v1.21 Mobile Cinema UI polish
   - professional mobile layout
   - readable compact subtitles with copy actions
   - glass search bar
   - refined controls and heart favorite state
   ========================================================= */
:root{
  --ph-teal:#18b8c7;
  --ph-teal-2:#2dd4e6;
  --ph-gold:#ffd761;
  --ph-gold-2:#f7b955;
  --ph-ink:#172033;
  --ph-glass:rgba(255,255,255,.22);
  --ph-glass-strong:rgba(255,255,255,.34);
  --ph-border:rgba(255,255,255,.28);
}

/* Cleaner top navigation */
.clean-header.site-header{
  background:rgba(19,28,43,.38)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 16px 44px rgba(15,23,42,.14)!important;
  backdrop-filter:blur(22px) saturate(1.2)!important;
}
.clean-top-nav a,
.top-nav a{
  background:rgba(255,255,255,.18)!important;
  color:rgba(255,255,255,.92)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  box-shadow:none!important;
  transition:.18s ease!important;
}
.clean-top-nav a:hover,
.top-nav a:hover{
  background:rgba(24,184,199,.28)!important;
  border-color:rgba(45,212,230,.42)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
.guest-chip,.user-chip,.ghost-link{
  background:rgba(255,255,255,.20)!important;
  border-color:rgba(255,255,255,.20)!important;
  color:#fff!important;
}

/* Main player glass but background remains visible */
.pro-player-card{
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 24px 80px rgba(15,23,42,.24)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}
.pro-video-shell{
  background:rgba(5,11,20,.44)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 26px 90px rgba(15,23,42,.30)!important;
}
.pro-video-topbar{
  top:14px!important;
  left:14px!important;
  right:14px!important;
  z-index:12!important;
  pointer-events:none!important;
}
.top-movie-pill,.pro-counter-pill{
  background:rgba(10,18,31,.34)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:rgba(255,255,255,.74)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px)!important;
}
.top-movie-pill b{font-weight:850!important;color:rgba(255,255,255,.78)!important;}

/* New compact caption containers */
.smart-caption-wrap{
  position:absolute!important;
  z-index:20!important;
  right:50%!important;
  transform:translateX(50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:max-content!important;
  max-width:82%!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(14px) saturate(1.15)!important;
  overflow:hidden!important;
}
.smart-caption-wrap.hidden{display:none!important;}
.smart-caption-en{
  bottom:92px!important;
  background:rgba(10,18,31,.54)!important;
  border-color:rgba(255,215,97,.26)!important;
}
.smart-caption-fa{
  top:62px!important;
  background:rgba(255,255,255,.34)!important;
  border-color:rgba(255,255,255,.30)!important;
}
.smart-caption-text{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  min-width:0!important;
  max-width:none!important;
  width:auto!important;
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
  backdrop-filter:none!important;
  border-radius:0!important;
  padding:8px 13px!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  text-align:center!important;
  line-height:1.36!important;
}
.smart-caption-en .smart-caption-text,
.smart-caption-en .live-caption,
.smart-caption-en .pro-caption{
  color:var(--ph-gold)!important;
  font-size:clamp(15px,1.45vw,23px)!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  text-shadow:0 2px 9px rgba(0,0,0,.62)!important;
  direction:ltr!important;
}
.smart-caption-fa .smart-caption-text{
  color:#142033!important;
  font-size:clamp(13px,1.15vw,18px)!important;
  font-weight:850!important;
  direction:rtl!important;
  text-shadow:0 1px 0 rgba(255,255,255,.24)!important;
}
.caption-copy-btn{
  flex:0 0 auto!important;
  width:30px!important;
  height:30px!important;
  margin-inline:8px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.18)!important;
  color:rgba(255,255,255,.86)!important;
  font-size:15px!important;
  font-weight:950!important;
  cursor:pointer!important;
  line-height:1!important;
  transition:.16s ease!important;
}
.smart-caption-fa .caption-copy-btn{
  color:#152238!important;
  background:rgba(255,255,255,.30)!important;
}
.caption-copy-btn:hover{transform:scale(1.07)!important;background:rgba(24,184,199,.36)!important;}
.hit-word{
  color:#fff6c9!important;
  background:linear-gradient(180deg,transparent 48%,rgba(247,185,85,.95) 49%)!important;
  border-radius:6px!important;
}

/* Search dock: transparent and not full image */
.search-dock.in-video-search,
.search-dock.in-video-search.pro-search-dock{
  right:50%!important;
  left:auto!important;
  bottom:20px!important;
  transform:translateX(50%)!important;
  width:min(780px,78%)!important;
  max-width:78%!important;
  background:rgba(255,255,255,.20)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 18px 46px rgba(15,23,42,.18)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  border-radius:22px!important;
}
.search-dock.in-video-search input{
  background:rgba(255,255,255,.30)!important;
  color:#0f172a!important;
  font-weight:850!important;
}
.search-dock.in-video-search input::placeholder{color:rgba(15,23,42,.58)!important;}
.search-dock .emoji-btn,
#phrase-search-btn{
  background:linear-gradient(135deg,var(--ph-teal),var(--ph-teal-2))!important;
  color:white!important;
  border-radius:16px!important;
  box-shadow:0 14px 30px rgba(24,184,199,.22)!important;
}

/* Professional action buttons */
.pro-control-panel,
.clean-meta.pro-control-panel.pro-emoji-controls{
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 18px 54px rgba(15,23,42,.14)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  border-radius:24px!important;
}
.pro-nav-cluster,.nav-cluster,.pro-action-row{gap:10px!important;}
.icon-control,
#prev-clip,#next-clip,#toggle-fa,#save-phrase,#favorite-clip,#add-playlist{
  background:rgba(255,255,255,.26)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#142033!important;
  box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
  backdrop-filter:blur(14px)!important;
  min-width:90px!important;
  height:66px!important;
  border-radius:20px!important;
}
.icon-control:hover{
  background:rgba(255,255,255,.42)!important;
  border-color:rgba(24,184,199,.36)!important;
  transform:translateY(-2px)!important;
}
.icon-control:active{transform:translateY(0) scale(.98)!important;}
.control-label{
  color:rgba(15,23,42,.74)!important;
  font-size:12px!important;
  font-weight:950!important;
}
.control-icon{
  color:#102033!important;
  font-size:32px!important;
  filter:none!important;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif!important;
}
.control-icon.text-icon{
  font-size:22px!important;
  font-weight:1000!important;
  color:var(--ph-teal)!important;
  letter-spacing:.02em!important;
}
.nav-icon-control{
  background:rgba(24,184,199,.22)!important;
  border-color:rgba(45,212,230,.30)!important;
  min-width:108px!important;
}
.nav-icon-control .control-icon{
  font-size:44px!important;
  line-height:.85!important;
  color:#087b89!important;
}
.heart-control .heart-icon{
  color:#203047!important;
  font-size:34px!important;
  transition:.18s ease!important;
}
.heart-control.is-favorite .heart-icon{
  color:#ef4444!important;
  transform:scale(1.07)!important;
}
.heart-control.is-favorite{
  border-color:rgba(239,68,68,.35)!important;
  background:rgba(255,255,255,.34)!important;
}

/* Right results panel should be glass and hidden on mobile */
.pro-results-panel,.playlist-panel.compact-playlist{
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 18px 60px rgba(15,23,42,.14)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
}
.playlist-item{
  background:rgba(255,255,255,.22)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.playlist-item.active{
  background:rgba(24,184,199,.22)!important;
  border-color:rgba(45,212,230,.36)!important;
}
.playlist-num,.result-count{background:rgba(24,184,199,.20)!important;color:#087b89!important;}

/* Mobile-first cleanup */
@media (max-width:900px){
  html,body{overflow-x:hidden!important;}
  .content-shell{padding:8px 8px 22px!important;}
  .clean-header.site-header{
    margin:8px!important;
    padding:7px!important;
    gap:7px!important;
    border-radius:20px!important;
  }
  .clean-header .top-nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    padding:0 2px 2px!important;
  }
  .clean-header .top-nav::-webkit-scrollbar{display:none!important;}
  .clean-header .top-nav a{
    font-size:11.5px!important;
    padding:8px 9px!important;
    white-space:nowrap!important;
  }
  .header-actions{gap:6px!important;}
  .guest-chip,.ghost-link,.user-chip{font-size:11.5px!important;padding:7px 9px!important;}

  .player-home.player-home-wide,
  .player-home.pro-user-shell{
    display:block!important;
    padding:0!important;
    margin:0!important;
  }
  .live-stage,.live-stage-wide,.pro-stage{width:100%!important;margin:0!important;}
  .pro-player-card{border-radius:24px!important;padding:7px!important;}
  .pro-video-shell,.live-video-shell.live-video-square.pro-video-shell{
    width:calc(100vw - 16px)!important;
    height:calc(100svh - 210px)!important;
    min-height:430px!important;
    max-height:720px!important;
    border-radius:22px!important;
  }
  .pro-video,.live-video{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    background:#07101d!important;
  }
  .pro-video-topbar{top:9px!important;left:9px!important;right:9px!important;}
  .top-movie-pill,.pro-counter-pill{font-size:10.5px!important;padding:6px 8px!important;border-radius:999px!important;}
  .top-movie-pill span{display:none!important;}
  .top-movie-pill b{max-width:62vw!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}

  .smart-caption-wrap{
    max-width:90%!important;
    border-radius:15px!important;
    gap:4px!important;
  }
  .smart-caption-fa{top:44px!important;}
  .smart-caption-en{bottom:76px!important;}
  .smart-caption-text{
    padding:7px 8px!important;
    line-height:1.30!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
  }
  .smart-caption-en .smart-caption-text,
  .smart-caption-en .live-caption,
  .smart-caption-en .pro-caption{
    font-size:clamp(12px,3.45vw,15px)!important;
    font-weight:900!important;
    letter-spacing:0!important;
  }
  .smart-caption-fa .smart-caption-text{
    font-size:clamp(11px,3.15vw,14px)!important;
    font-weight:850!important;
  }
  .caption-copy-btn{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    margin-inline:5px!important;
    font-size:12px!important;
    border-radius:9px!important;
  }

  .search-dock.in-video-search,
  .search-dock.in-video-search.pro-search-dock{
    bottom:12px!important;
    width:88%!important;
    max-width:88%!important;
    border-radius:18px!important;
    padding:6px!important;
    gap:6px!important;
  }
  .search-dock.in-video-search input{
    min-width:0!important;
    height:40px!important;
    font-size:13.5px!important;
    padding:0 10px!important;
    border-radius:14px!important;
  }
  #phrase-search-btn{height:40px!important;min-width:44px!important;width:44px!important;padding:0!important;border-radius:14px!important;}

  .play-orb-button{width:74px!important;height:74px!important;background:rgba(255,255,255,.22)!important;}
  .play-orb-button span{width:48px!important;height:48px!important;font-size:23px!important;}

  .pro-control-panel,
  .clean-meta.pro-control-panel.pro-emoji-controls{
    width:calc(100vw - 16px)!important;
    margin:8px auto 0!important;
    padding:7px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    border-radius:20px!important;
  }
  .pro-nav-cluster,.nav-cluster{
    order:1!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  .pro-action-row{
    order:2!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .icon-control,
  #prev-clip,#next-clip,#toggle-fa,#save-phrase,#favorite-clip,#add-playlist{
    min-width:0!important;
    width:100%!important;
    height:56px!important;
    border-radius:16px!important;
    padding:6px 4px!important;
  }
  .nav-icon-control{height:58px!important;max-width:none!important;}
  .nav-icon-control .control-icon{font-size:38px!important;}
  .control-label{font-size:10.5px!important;}
  .control-icon{font-size:24px!important;}
  .control-icon.text-icon{font-size:18px!important;}
  .heart-control .heart-icon{font-size:29px!important;}

  .playlist-panel.compact-playlist,
  .pro-results-panel{display:none!important;}
  .player-message.pro-player-message{font-size:12px!important;margin-top:8px!important;}
}

@media (max-width:420px){
  .pro-video-shell,.live-video-shell.live-video-square.pro-video-shell{
    height:calc(100svh - 220px)!important;
    min-height:392px!important;
  }
  .smart-caption-en{bottom:72px!important;}
  .smart-caption-fa{top:40px!important;}
  .smart-caption-en .smart-caption-text,
  .smart-caption-en .live-caption,
  .smart-caption-en .pro-caption{font-size:12.2px!important;}
  .smart-caption-fa .smart-caption-text{font-size:11.5px!important;}
  .search-dock.in-video-search,.search-dock.in-video-search.pro-search-dock{width:90%!important;max-width:90%!important;}
  .icon-control,#prev-clip,#next-clip,#toggle-fa,#save-phrase,#favorite-clip,#add-playlist{height:52px!important;}
  .control-label{font-size:10px!important;}
  .control-icon{font-size:22px!important;}
}

/* v1.22 - Mobile glass refinement, readable captions and polished controls */
:root{
  --ph-teal:#15b8c7;
  --ph-teal-2:#0f8fa0;
  --ph-gold:#ffd45f;
}

/* make the glass panels cleaner and less visible */
.smart-caption-wrap,
.search-dock.in-video-search,
.search-dock.in-video-search.pro-search-dock,
.pro-control-panel,
.clean-meta.pro-control-panel.pro-emoji-controls{
  background:rgba(7,15,27,.16)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 14px 42px rgba(4,10,20,.16)!important;
  backdrop-filter:blur(18px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.22)!important;
}

.smart-caption-en{
  background:rgba(6,13,24,.18)!important;
  border-color:rgba(255,212,95,.18)!important;
}
.smart-caption-fa{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.smart-caption-fa .smart-caption-text{
  color:rgba(255,255,255,.90)!important;
  text-shadow:0 2px 10px rgba(0,0,0,.38)!important;
}

/* search dock is now a compact floating glass capsule */
.search-dock.in-video-search,
.search-dock.in-video-search.pro-search-dock{
  background:rgba(8,17,31,.18)!important;
  width:min(720px,72%)!important;
  max-width:72%!important;
  padding:7px!important;
}
.search-dock.in-video-search input{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  text-shadow:0 1px 8px rgba(0,0,0,.22)!important;
}
.search-dock.in-video-search input::placeholder{color:rgba(255,255,255,.65)!important;}
.search-dock .lang-pill{background:rgba(255,255,255,.18)!important;color:rgba(255,255,255,.86)!important;border-color:rgba(255,255,255,.14)!important;}

/* refined next/previous buttons */
.pro-nav-cluster,.nav-cluster{
  direction:rtl!important;
}
.nav-icon-control{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.20)!important;
  color:#fff!important;
}
.nav-icon-control .control-label{color:rgba(255,255,255,.82)!important;}
.nav-icon-control .control-icon{color:#fff!important;text-shadow:0 6px 18px rgba(0,0,0,.24)!important;}
.nav-icon-control:hover{background:rgba(21,184,199,.24)!important;border-color:rgba(21,184,199,.35)!important;}

@media (max-width:900px){
  body.app-body{
    background-position:center top!important;
  }
  .content-shell{padding:6px 6px 18px!important;}
  .pro-player-card{
    padding:6px!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.10)!important;
    backdrop-filter:blur(10px) saturate(1.18)!important;
    -webkit-backdrop-filter:blur(10px) saturate(1.18)!important;
  }
  .pro-video-shell,.live-video-shell.live-video-square.pro-video-shell{
    width:calc(100vw - 12px)!important;
    height:calc(100svh - 205px)!important;
    min-height:405px!important;
    max-height:690px!important;
    border-radius:22px!important;
  }

  /* movie title and counter get smaller, cleaner */
  .pro-video-topbar{top:8px!important;right:8px!important;left:8px!important;}
  .top-movie-pill,.pro-counter-pill{
    height:30px!important;
    padding:0 8px!important;
    background:rgba(3,9,18,.24)!important;
    border-color:rgba(255,255,255,.12)!important;
  }
  .top-movie-pill b{font-size:10.5px!important;max-width:60vw!important;opacity:.78!important;}
  .pro-counter-pill b{font-size:10.5px!important;}

  /* captions: small, flexible, 3 lines max, not full width */
  .smart-caption-wrap{
    width:auto!important;
    max-width:84%!important;
    min-width:0!important;
    border-radius:14px!important;
    gap:3px!important;
    background:rgba(5,12,23,.16)!important;
    overflow:hidden!important;
  }
  .smart-caption-en{
    bottom:72px!important;
    max-width:86%!important;
  }
  .smart-caption-fa{
    top:42px!important;
    max-width:80%!important;
  }
  .smart-caption-text,
  .smart-caption-en .smart-caption-text,
  .smart-caption-en .live-caption,
  .smart-caption-en .pro-caption,
  .smart-caption-fa .smart-caption-text{
    position:static!important;
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    padding:5px 7px!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    line-height:1.22!important;
    letter-spacing:0!important;
  }
  .smart-caption-en .smart-caption-text,
  .smart-caption-en .live-caption,
  .smart-caption-en .pro-caption{
    color:var(--ph-gold)!important;
    font-size:clamp(10.4px,2.85vw,13px)!important;
    font-weight:900!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
    text-shadow:0 2px 9px rgba(0,0,0,.68)!important;
  }
  .caption-long .smart-caption-text,
  .caption-long .live-caption,
  .caption-long .pro-caption{
    font-size:clamp(9.8px,2.55vw,12px)!important;
    line-height:1.18!important;
  }
  .caption-xlong .smart-caption-text,
  .caption-xlong .live-caption,
  .caption-xlong .pro-caption{
    font-size:clamp(9px,2.25vw,11px)!important;
    line-height:1.14!important;
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
  }
  .smart-caption-fa .smart-caption-text{
    color:rgba(255,255,255,.88)!important;
    font-size:clamp(10px,2.55vw,12.5px)!important;
    font-weight:800!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
  }
  .caption-copy-btn{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    margin-inline:4px!important;
    font-size:10.5px!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.14)!important;
    opacity:.78!important;
  }

  /* compact translucent search */
  .search-dock.in-video-search,
  .search-dock.in-video-search.pro-search-dock{
    bottom:10px!important;
    width:82%!important;
    max-width:82%!important;
    height:46px!important;
    padding:5px!important;
    border-radius:17px!important;
    background:rgba(5,12,23,.16)!important;
  }
  .search-dock.in-video-search input{
    height:34px!important;
    font-size:12.8px!important;
    padding:0 8px!important;
    border-radius:12px!important;
  }
  #phrase-search-btn{
    height:34px!important;
    width:38px!important;
    min-width:38px!important;
    font-size:13px!important;
    border-radius:12px!important;
  }
  .lang-pill{height:34px!important;min-width:38px!important;font-size:11px!important;border-radius:12px!important;}

  /* polished mobile control pad */
  .pro-control-panel,.clean-meta.pro-control-panel.pro-emoji-controls{
    width:calc(100vw - 12px)!important;
    margin:7px auto 0!important;
    padding:7px!important;
    background:rgba(5,12,23,.14)!important;
    border-color:rgba(255,255,255,.14)!important;
    border-radius:20px!important;
    gap:7px!important;
  }
  .pro-nav-cluster,.nav-cluster{
    order:1!important;
    direction:rtl!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  #prev-clip{order:1!important;}
  #next-clip{order:2!important;}
  .pro-action-row{
    order:2!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .icon-control,#prev-clip,#next-clip,#toggle-fa,#save-phrase,#favorite-clip,#add-playlist{
    height:50px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.16)!important;
    border-color:rgba(255,255,255,.15)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.10)!important;
  }
  .nav-icon-control{height:52px!important;background:rgba(21,184,199,.18)!important;}
  .control-label{font-size:9.7px!important;color:rgba(255,255,255,.82)!important;}
  .control-icon{font-size:20px!important;color:#fff!important;}
  .control-icon.text-icon{font-size:15.5px!important;color:var(--ph-gold)!important;}
  .nav-icon-control .control-icon{font-size:33px!important;}
  .heart-control .heart-icon{font-size:27px!important;color:#fff!important;}
  .heart-control.is-favorite .heart-icon{color:#ff4f6d!important;}
}

@media (max-width:420px){
  .pro-video-shell,.live-video-shell.live-video-square.pro-video-shell{
    height:calc(100svh - 214px)!important;
    min-height:382px!important;
  }
  .smart-caption-en{bottom:70px!important;max-width:88%!important;}
  .smart-caption-fa{top:39px!important;max-width:82%!important;}
  .smart-caption-en .smart-caption-text,
  .smart-caption-en .live-caption,
  .smart-caption-en .pro-caption{font-size:10.6px!important;line-height:1.16!important;}
  .caption-long .smart-caption-text,.caption-long .live-caption,.caption-long .pro-caption{font-size:9.8px!important;}
  .caption-xlong .smart-caption-text,.caption-xlong .live-caption,.caption-xlong .pro-caption{font-size:9.1px!important;}
  .search-dock.in-video-search,.search-dock.in-video-search.pro-search-dock{width:84%!important;max-width:84%!important;}
}

/* v1.23 - mobile/desktop UI repair: readable captions, transparent glass search, swapped nav order */
:root{
  --glass-deep: rgba(6, 15, 28, .22);
  --glass-mid: rgba(255,255,255,.105);
  --glass-border: rgba(255,255,255,.18);
  --ph-cyan:#23d3de;
  --ph-cyan-soft:rgba(35,211,222,.22);
  --ph-gold:#ffd36a;
}

/* search should be glass, compact, and never push the typed word to a new line */
.search-dock.in-video-search,
.search-dock.in-video-search.pro-search-dock{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(760px,76%)!important;
  max-width:76%!important;
  height:56px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 54px!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px!important;
  background:rgba(6,15,28,.18)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(22px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.25)!important;
}
.search-dock.in-video-search input,
.search-dock.in-video-search.pro-search-dock input{
  min-width:0!important;
  width:100%!important;
  height:42px!important;
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#ffffff!important;
  border-radius:16px!important;
  font-size:18px!important;
  line-height:42px!important;
  padding:0 14px!important;
}
.search-dock.in-video-search .emoji-btn,
.search-dock.in-video-search.pro-search-dock .emoji-btn,
#phrase-search-btn{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  border-radius:15px!important;
  background:rgba(35,211,222,.25)!important;
  border:1px solid rgba(35,211,222,.33)!important;
  color:#efffff!important;
  box-shadow:0 10px 30px rgba(35,211,222,.12)!important;
  font-size:18px!important;
  padding:0!important;
}
.search-dock .lang-pill{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#f8fbff!important;
  border-radius:15px!important;
  padding:0!important;
  font-size:12px!important;
}

/* caption bars: glass, auto width, full sentence visible */
.smart-caption-wrap{
  width:fit-content!important;
  min-width:0!important;
  max-width:80%!important;
  background:rgba(5,13,25,.18)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(18px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.25)!important;
  padding:5px 6px!important;
  gap:6px!important;
}
.smart-caption-text,
.smart-caption-en .smart-caption-text,
.smart-caption-en .live-caption,
.smart-caption-en .pro-caption,
.smart-caption-fa .smart-caption-text{
  position:static!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  -webkit-box-orient:unset!important;
  padding:6px 10px!important;
  line-height:1.28!important;
  letter-spacing:0!important;
  text-align:center!important;
}
.smart-caption-en .smart-caption-text,
.smart-caption-en .live-caption,
.smart-caption-en .pro-caption{
  color:var(--ph-gold)!important;
  font-size:clamp(13px,1.15vw,17px)!important;
  font-weight:900!important;
  text-shadow:0 2px 12px rgba(0,0,0,.72)!important;
}
.smart-caption-fa .smart-caption-text{
  color:rgba(255,255,255,.92)!important;
  font-size:clamp(12px,1vw,15px)!important;
  font-weight:800!important;
  text-shadow:0 2px 10px rgba(0,0,0,.55)!important;
}
.caption-copy-btn{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:rgba(255,255,255,.86)!important;
  font-size:12px!important;
  opacity:.86!important;
}
.caption-copy-btn:hover{background:rgba(35,211,222,.18)!important;color:#fff!important;}

/* swapped, balanced next/previous controls - desktop and mobile */
.pro-nav-cluster,.nav-cluster{
  direction:ltr!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
#next-clip{order:1!important;}
#prev-clip{order:2!important;}
#next-clip .control-icon{transform:none!important;}
#prev-clip .control-icon{transform:none!important;}
.nav-icon-control{
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.nav-icon-control:hover{background:rgba(35,211,222,.21)!important;border-color:rgba(35,211,222,.33)!important;}

@media (max-width:900px){
  .content-shell{padding:5px 6px 18px!important;}
  .player-home.player-home-wide.pro-user-shell{display:block!important;}
  .pro-player-card{padding:6px!important;border-radius:23px!important;}
  .pro-video-shell,.live-video-shell.live-video-square.pro-video-shell{
    width:calc(100vw - 12px)!important;
    height:min(68svh,650px)!important;
    min-height:420px!important;
    border-radius:23px!important;
  }
  .pro-video-topbar{top:8px!important;right:8px!important;left:8px!important;}
  .top-movie-pill,.pro-counter-pill{
    height:30px!important;
    padding:0 9px!important;
    background:rgba(5,13,25,.22)!important;
    border-color:rgba(255,255,255,.13)!important;
  }
  .top-movie-pill b,.pro-counter-pill b{font-size:11px!important;}

  /* mobile captions: more room, smaller font, no ellipsis */
  .smart-caption-wrap{
    max-width:86%!important;
    border-radius:15px!important;
    padding:4px 5px!important;
  }
  .smart-caption-en{
    bottom:70px!important;
    max-width:88%!important;
  }
  .smart-caption-fa{
    top:42px!important;
    max-width:84%!important;
  }
  .smart-caption-en .smart-caption-text,
  .smart-caption-en .live-caption,
  .smart-caption-en .pro-caption{
    font-size:clamp(10.2px,2.55vw,12.6px)!important;
    line-height:1.23!important;
    padding:5px 7px!important;
  }
  .caption-long .smart-caption-text,
  .caption-long .live-caption,
  .caption-long .pro-caption{
    font-size:clamp(9.6px,2.35vw,11.5px)!important;
    line-height:1.18!important;
  }
  .caption-xlong .smart-caption-text,
  .caption-xlong .live-caption,
  .caption-xlong .pro-caption{
    font-size:clamp(8.8px,2.15vw,10.5px)!important;
    line-height:1.15!important;
  }
  .smart-caption-fa .smart-caption-text{
    font-size:clamp(9.6px,2.35vw,11.5px)!important;
    line-height:1.22!important;
    padding:5px 7px!important;
  }
  .caption-copy-btn{
    width:21px!important;height:21px!important;min-width:21px!important;font-size:10px!important;border-radius:8px!important;
  }

  /* mobile search: transparent capsule, input stays on one line */
  .search-dock.in-video-search,
  .search-dock.in-video-search.pro-search-dock{
    width:82%!important;
    max-width:82%!important;
    height:47px!important;
    bottom:10px!important;
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    gap:6px!important;
    padding:5px!important;
    border-radius:17px!important;
    background:rgba(5,13,25,.15)!important;
  }
  .search-dock.in-video-search input,
  .search-dock.in-video-search.pro-search-dock input{
    height:36px!important;
    line-height:36px!important;
    font-size:13.5px!important;
    padding:0 9px!important;
    white-space:nowrap!important;
    min-width:0!important;
  }
  .search-dock .lang-pill,
  .search-dock.in-video-search .emoji-btn,
  .search-dock.in-video-search.pro-search-dock .emoji-btn,
  #phrase-search-btn{
    width:36px!important;min-width:36px!important;height:36px!important;border-radius:13px!important;font-size:15px!important;
  }

  /* controls: next must be on the left, previous on the right */
  .pro-control-panel,.clean-meta.pro-control-panel.pro-emoji-controls{
    width:calc(100vw - 12px)!important;
    margin:8px auto 0!important;
    padding:8px!important;
    border-radius:22px!important;
    background:rgba(5,13,25,.13)!important;
    border-color:rgba(255,255,255,.14)!important;
  }
  .pro-nav-cluster,.nav-cluster{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  #next-clip{order:1!important;}
  #prev-clip{order:2!important;}
  .pro-action-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
  .icon-control,#prev-clip,#next-clip,#toggle-fa,#save-phrase,#favorite-clip,#add-playlist{
    height:54px!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.15)!important;
  }
  .nav-icon-control{height:56px!important;background:rgba(35,211,222,.15)!important;}
  .control-label{font-size:10px!important;line-height:1.1!important;color:rgba(255,255,255,.84)!important;}
  .control-icon{font-size:19px!important;color:#fff!important;}
  .nav-icon-control .control-icon{font-size:34px!important;color:var(--ph-cyan)!important;}
  .control-icon.text-icon{font-size:15px!important;color:var(--ph-gold)!important;}
  .heart-control .heart-icon{font-size:27px!important;color:#fff!important;}
  .heart-control.is-favorite .heart-icon{color:#ff4d6d!important;}
}

@media (max-width:420px){
  .pro-video-shell,.live-video-shell.live-video-square.pro-video-shell{min-height:405px!important;height:min(67svh,610px)!important;}
  .smart-caption-en{bottom:68px!important;max-width:90%!important;}
  .smart-caption-fa{top:40px!important;max-width:86%!important;}
  .smart-caption-en .smart-caption-text,
  .smart-caption-en .live-caption,
  .smart-caption-en .pro-caption{font-size:10px!important;line-height:1.18!important;}
  .caption-long .smart-caption-text,.caption-long .live-caption,.caption-long .pro-caption{font-size:9.3px!important;}
  .caption-xlong .smart-caption-text,.caption-xlong .live-caption,.caption-xlong .pro-caption{font-size:8.7px!important;}
  .search-dock.in-video-search,.search-dock.in-video-search.pro-search-dock{width:84%!important;max-width:84%!important;}
}


/* v1.24 - final fix for previous/next placement and LTR counter */
.pro-counter-pill,
.pro-counter-pill b,
#playlist-counter{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:center!important;
  letter-spacing:.4px!important;
}

.pro-nav-cluster,.nav-cluster{
  direction:ltr!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
}
#prev-clip{order:1!important;}
#next-clip{order:2!important;}
#prev-clip .control-icon,#next-clip .control-icon{transform:none!important;}

@media (max-width:900px){
  .pro-nav-cluster,.nav-cluster{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  #prev-clip{order:1!important;}
  #next-clip{order:2!important;}
  .pro-counter-pill,
  .pro-counter-pill b,
  #playlist-counter{
    direction:ltr!important;
    unicode-bidi:isolate!important;
    text-align:center!important;
  }
}

/* v1.25 - auth/admin/user polish */
:root{--accent:#1fb8c9;--accent-2:#44d7e5;--gold:#ffd36a;--glass-dark:rgba(13,25,40,.52);--glass-light:rgba(255,255,255,.22)}
body.app-body{background-color:#0d1b2d;background-blend-mode:multiply;}
body.app-body::before{opacity:.82!important;filter:saturate(1.08) contrast(1.04)!important;}

/* top menu */
.pro-top-header{height:auto;min-height:68px;padding:12px 16px;border-radius:0 0 26px 26px;background:rgba(12,24,38,.52)!important;border-color:rgba(255,255,255,.18)!important;backdrop-filter:blur(22px) saturate(1.2)}
.pro-top-nav{gap:10px;justify-content:center;direction:ltr;flex:1;overflow:auto;padding:4px 0;scrollbar-width:thin}
.pro-top-nav a{font-size:15px!important;font-weight:900!important;padding:12px 18px!important;border-radius:999px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.20)!important;color:#eef8fb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.12);white-space:nowrap;transition:.18s ease}
.pro-top-nav a:hover{background:rgba(31,184,201,.28)!important;border-color:rgba(68,215,229,.42)!important;transform:translateY(-1px);color:#fff!important}
.pro-header-actions{gap:9px}.user-chip,.guest-chip,.ghost-link{font-size:13px!important;padding:9px 13px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}.ffmpeg-dot.ok{background:var(--accent)!important;box-shadow:0 0 0 6px rgba(31,184,201,.15)}
.admin-mode .content-shell{direction:ltr}.admin-mode .top-nav,.admin-mode .admin-hero,.admin-mode .glass-card,.admin-mode table,.admin-mode form{direction:ltr;text-align:left}.user-mode .content-shell{direction:rtl}

/* login/register */
.auth-center-stage{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:28px}.auth-center-stage .auth-card-pro{width:min(92vw,520px);padding:34px 34px 30px;border-radius:34px;background:rgba(13,27,44,.62);border:1px solid rgba(255,255,255,.22);box-shadow:0 35px 95px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(26px) saturate(1.1);color:#f7fbff;text-align:center}.auth-mark{width:82px;height:82px;margin:0 auto 16px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 20px 55px rgba(31,184,201,.32);font-size:32px;color:#06202a}.auth-card-pro h1{font-size:44px;margin:4px 0 6px;color:#fff;letter-spacing:.01em}.auth-subtitle{margin:0 0 22px;color:rgba(255,255,255,.72);font-weight:750}.auth-form{text-align:left}.auth-form label{color:rgba(255,255,255,.76);font-size:14px;font-weight:900}.auth-form input{height:54px;border-radius:18px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.20);color:#fff;font-size:18px;padding:0 16px;outline:none}.auth-form input:focus{border-color:rgba(68,215,229,.7);box-shadow:0 0 0 4px rgba(31,184,201,.16)}.auth-submit{height:56px;border-radius:18px;font-size:18px;font-weight:950;margin-top:10px}.auth-switch{margin-top:18px;color:rgba(255,255,255,.74);font-weight:800}.auth-switch a{color:#83f4ff;text-decoration:none;font-weight:950}.login-visual,.floating-line,.caption-strip{display:none!important}

/* user player captions like sample */
.pro-video-topbar{background:transparent!important;box-shadow:none!important}.pro-counter-pill,.top-movie-pill{background:rgba(12,24,38,.42)!important;border:1px solid rgba(255,255,255,.18)!important;color:#eef8fb!important;backdrop-filter:blur(16px)}.pro-counter-pill{direction:ltr!important;unicode-bidi:isolate!important}.smart-caption-wrap{width:auto!important;min-width:0!important;max-width:min(92%,1780px)!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;gap:8px;left:50%!important;right:auto!important;transform:translateX(-50%)!important}.smart-caption-wrap.hidden{display:none!important}.smart-caption-text{background:rgba(0,0,0,.48)!important;border:0!important;border-radius:0!important;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.70)!important;box-shadow:none!important;backdrop-filter:blur(4px);padding:8px 18px!important;line-height:1.28!important;letter-spacing:.01em}.smart-caption-en{bottom:88px!important}.smart-caption-en .smart-caption-text{font-size:clamp(18px,1.9vw,36px)!important;font-weight:850!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:center!important;direction:ltr!important;max-height:calc(1.28em * 2 + 18px);overflow-y:hidden!important}.smart-caption-fa{top:72px!important;bottom:auto!important}.smart-caption-fa .smart-caption-text{font-size:clamp(15px,1.2vw,22px)!important;font-weight:850!important;direction:rtl!important;max-width:80vw}.caption-copy-btn{position:static!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:14px!important;background:rgba(255,255,255,.17)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important;font-size:15px!important;backdrop-filter:blur(16px)}.hit-word{background:transparent!important;color:var(--gold)!important;text-shadow:0 2px 8px rgba(0,0,0,.75)!important}.dict-word:hover{background:rgba(255,211,106,.16)!important}

/* search glass */
.search-dock.in-video-search,.pro-search-dock{width:min(82%,900px)!important;right:50%!important;left:auto!important;transform:translateX(50%)!important;background:rgba(7,18,31,.32)!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:0 20px 55px rgba(0,0,0,.24)!important;backdrop-filter:blur(22px) saturate(1.2)!important}.search-dock.in-video-search input{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:17px!important}.search-dock.in-video-search input::placeholder{color:rgba(255,255,255,.55)!important}#phrase-search-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;color:#06202a!important;border:0!important}

/* user buttons */
.pro-control-panel{background:rgba(15,27,43,.34)!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(22px) saturate(1.2)!important}.pro-emoji-controls{display:flex!important;align-items:stretch;justify-content:center;gap:12px;direction:ltr!important}.pro-nav-cluster{display:flex!important;order:1;gap:10px;direction:ltr}.pro-action-row{display:flex!important;order:2;gap:10px;direction:ltr;flex-wrap:wrap;justify-content:center}.icon-control{min-width:106px!important;min-height:74px!important;border-radius:22px!important;background:rgba(255,255,255,.20)!important;border:1px solid rgba(255,255,255,.20)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 42px rgba(0,0,0,.15)!important;backdrop-filter:blur(16px)!important}.icon-control .control-label{font-size:12px!important;font-weight:900!important;color:rgba(255,255,255,.72)!important}.icon-control .control-icon{font-size:30px!important;color:#fff!important}.icon-control .text-icon{font-size:24px!important;color:var(--accent-2)!important}.heart-control .heart-icon{font-size:34px!important;color:#fff!important}.heart-control.is-favorite .heart-icon{color:#ff3b65!important;text-shadow:0 0 18px rgba(255,59,101,.42)}#prev-clip{order:1}#next-clip{order:2}

/* admin upload */
.admin-hero-pro{background:rgba(13,27,44,.54)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:28px;color:#fff;backdrop-filter:blur(24px)}.admin-hero-pro h1{color:#fff}.pro-admin-card,.upload-pro-card{background:rgba(13,27,44,.48)!important;border:1px solid rgba(255,255,255,.16)!important;color:#eef8fb;backdrop-filter:blur(24px)}.pro-admin-card h3,.upload-pro-card h3{color:#fff}.pro-upload-form input:not([type=file]),.pro-form input,.pro-form select,.large-select,.pro-search-inline input,.translation-main textarea{height:50px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:16px}.translation-main textarea{height:auto;min-height:72px;padding:14px}.upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:12px 0}.file-drop{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:178px;padding:22px;border-radius:26px;border:1px dashed rgba(68,215,229,.42);background:rgba(255,255,255,.13);cursor:pointer;text-align:center;transition:.18s}.file-drop:hover{transform:translateY(-2px);border-color:rgba(68,215,229,.9);background:rgba(31,184,201,.18)}.file-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.file-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#06202a;font-weight:950}.file-drop b{color:#fff;font-size:17px}.file-drop small{color:rgba(255,255,255,.66);font-weight:750}.upload-submit{height:58px;font-size:18px;border-radius:19px}

/* admin users/translations */
.pro-user-admin-grid{grid-template-columns:minmax(320px,430px) minmax(0,1fr)!important}.pro-user-card{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff}.pro-user-form{grid-template-columns:150px 120px minmax(210px,1fr) auto!important}.status-pill{background:rgba(31,184,201,.15)!important;color:#9cf7ff!important;border:1px solid rgba(68,215,229,.24)}.status-pill.off{background:rgba(255,59,101,.14)!important;color:#ff9aae!important}.movie-translation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.movie-translation-card{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:16px;transition:.18s}.movie-translation-card:hover{transform:translateY(-2px);border-color:rgba(68,215,229,.52);background:rgba(31,184,201,.14)}.movie-translation-card small,.table-sub{display:block;color:rgba(255,255,255,.62);margin-top:5px}.pro-translation-row{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.14)!important}.pro-table th,.pro-table td{font-size:14px}.pro-table b{color:#fff}

/* mobile */
@media(max-width:760px){
  .content-shell{padding:8px 6px 28px!important}.pro-top-header{border-radius:0 0 20px 20px;padding:8px 10px}.pro-top-nav{justify-content:flex-start;gap:7px}.pro-top-nav a{font-size:13px!important;padding:10px 13px!important}.header-actions{width:100%;justify-content:flex-start;order:2}.player-home.player-home-wide{display:block}.pro-results-panel{display:none!important}.live-stage-wide{width:100%}.pro-player-card{width:100%}.live-video-shell.live-video-square{width:calc(100vw - 12px)!important;height:min(74vh,calc(100vw * 1.34))!important;min-height:560px!important;border-radius:28px!important;margin:0 auto!important}.pro-video{height:100%!important;object-fit:contain!important}.pro-video-topbar{top:12px!important;left:12px!important;right:12px!important}.top-movie-pill{max-width:64%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-caption-en{bottom:90px!important}.smart-caption-en .smart-caption-text{font-size:clamp(12px,3.45vw,16px)!important;line-height:1.34!important;max-height:calc(1.34em * 3 + 18px)!important;padding:7px 10px!important;max-width:74vw!important}.smart-caption-fa{top:58px!important}.smart-caption-fa .smart-caption-text{font-size:clamp(11px,3.1vw,15px)!important;line-height:1.45!important;max-width:72vw!important;padding:7px 10px!important}.caption-copy-btn{width:28px!important;height:28px!important;min-width:28px!important;font-size:12px!important;border-radius:11px!important}.search-dock.in-video-search{width:88%!important;bottom:18px!important;padding:7px!important;border-radius:18px!important}.search-dock.in-video-search input{height:40px!important;font-size:15px!important;padding:0 12px!important}.search-dock.in-video-search .btn,#phrase-search-btn{height:40px!important;min-width:42px!important;width:42px!important;border-radius:14px!important;padding:0!important}.pro-control-panel{width:calc(100vw - 12px)!important;margin:8px auto 0!important;border-radius:24px!important;padding:10px!important}.pro-emoji-controls{display:grid!important;grid-template-columns:1fr;gap:10px}.pro-nav-cluster{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:9px}.pro-action-row{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.icon-control{min-width:0!important;min-height:64px!important;border-radius:18px!important;padding:7px 4px!important}.icon-control .control-label{font-size:11px!important}.icon-control .control-icon{font-size:27px!important}.icon-control .text-icon{font-size:20px!important}.heart-control .heart-icon{font-size:31px!important}.auth-center-stage{padding:16px}.auth-center-stage .auth-card-pro{padding:26px 20px;border-radius:28px}.auth-card-pro h1{font-size:36px}.upload-grid{grid-template-columns:1fr}.pro-user-admin-grid{grid-template-columns:1fr!important}.pro-user-form{grid-template-columns:1fr!important}.translation-row{grid-template-columns:1fr!important}
}

/* ==========================================================
   v1.26 full UX correction pack
   ========================================================== */
:root{
  --accent:#23c7d9;
  --accent-2:#f5b84b;
  --glass:rgba(15,27,39,.50);
  --glass-soft:rgba(255,255,255,.13);
  --glass-border:rgba(255,255,255,.24);
  --panel-shadow:0 22px 80px rgba(2,10,20,.28);
}
body.auth-page{min-height:100vh;overflow:auto;background:#0e1a26!important;}
body.auth-page .aurora-bg:before{opacity:.75!important;filter:saturate(1.05) contrast(1.05)!important;}
.auth-content-shell{min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:36px 16px!important;}
.auth-only-stage{width:100%;min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;}
.auth-card-large{width:min(520px,94vw)!important;padding:42px 38px!important;border-radius:34px!important;background:linear-gradient(145deg,rgba(12,24,35,.78),rgba(20,38,50,.58))!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 28px 90px rgba(0,0,0,.45)!important;backdrop-filter:blur(28px) saturate(1.35)!important;color:#f8fafc!important;text-align:center!important;}
.auth-card-large h1{font-size:42px!important;letter-spacing:-.04em;margin:8px 0 8px!important;color:#fff!important;}
.auth-card-large .auth-subtitle{font-size:15px!important;color:rgba(255,255,255,.76)!important;margin-bottom:26px!important;}
.auth-card-large label{text-align:left!important;direction:ltr!important;font-size:13px!important;color:rgba(255,255,255,.72)!important;font-weight:800!important;}
.auth-card-large input{height:58px!important;border-radius:18px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;font-size:20px!important;font-weight:800!important;padding:0 18px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;}
.auth-card-large input:focus{border-color:rgba(35,199,217,.75)!important;box-shadow:0 0 0 4px rgba(35,199,217,.14)!important;outline:none!important;}
.auth-card-large .auth-submit{height:60px!important;border-radius:18px!important;font-size:20px!important;font-weight:900!important;background:linear-gradient(135deg,#18bed4,#0b94ab)!important;color:#fff!important;}
.auth-mark{width:74px!important;height:74px!important;border-radius:26px!important;display:inline-grid!important;place-items:center!important;background:linear-gradient(135deg,#23c7d9,#f5b84b)!important;color:#0c1721!important;font-size:28px!important;font-weight:900!important;box-shadow:0 16px 40px rgba(35,199,217,.25)!important;}
.hidden-autofill-field{position:absolute!important;left:-9999px!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important;}
.auth-switch{font-size:16px!important;color:rgba(255,255,255,.78)!important;margin-top:22px!important;}
.auth-switch a{font-weight:900;color:#5ee8f6!important;text-decoration:none!important;}
.auth-toast-wrap{position:fixed!important;top:18px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;z-index:10000!important;}

/* Header/admin polish */
.site-header.pro-top-header{border-radius:0 0 28px 28px!important;margin:0 auto 14px!important;max-width:calc(100vw - 22px)!important;background:rgba(13,26,39,.52)!important;backdrop-filter:blur(20px) saturate(1.25)!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:var(--panel-shadow)!important;}
.top-nav.pro-top-nav a,.ghost-link,.user-chip,.guest-chip{min-height:46px!important;padding:0 18px!important;border-radius:999px!important;font-size:15px!important;font-weight:900!important;background:rgba(255,255,255,.13)!important;color:#eef8fb!important;border:1px solid rgba(255,255,255,.18)!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:8px!important;}
.top-nav.pro-top-nav a:hover,.ghost-link:hover{background:rgba(35,199,217,.23)!important;border-color:rgba(35,199,217,.55)!important;transform:translateY(-1px)!important;}
.user-mode .top-nav.pro-top-nav a[href*="library"]{color:#fff!important;background:rgba(230,56,98,.20)!important;border-color:rgba(255,104,143,.36)!important;}

/* Player caption - screenshot-like */
.smart-caption-wrap{background:rgba(19,18,18,.52)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 14px 30px rgba(0,0,0,.22)!important;backdrop-filter:blur(10px) saturate(1.1)!important;border-radius:0!important;max-width:min(92%,1500px)!important;width:auto!important;}
.smart-caption-text,.live-caption.pro-caption{font-size:clamp(20px,2.05vw,36px)!important;line-height:1.25!important;font-weight:850!important;color:#f7f7f7!important;text-shadow:0 2px 8px rgba(0,0,0,.8)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:left!important;direction:ltr!important;}
.smart-caption-en{bottom:94px!important;padding:8px 18px 10px!important;}
.smart-caption-fa{top:74px!important;bottom:auto!important;padding:7px 16px!important;background:rgba(10,20,29,.32)!important;color:#fff!important;border-radius:18px!important;}
.fa-caption-text{font-size:clamp(16px,1.35vw,22px)!important;color:rgba(255,255,255,.93)!important;text-align:center!important;direction:rtl!important;}
.dict-word.hit-word,.hit-word{color:#ffd45a!important;background:linear-gradient(180deg,transparent 52%,rgba(255,197,55,.52) 52%)!important;border-radius:4px!important;}
.caption-copy-btn{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;border-radius:12px!important;min-width:30px!important;height:30px!important;font-size:15px!important;}

/* Search glass */
.search-dock.pro-search-dock,.in-video-search{background:rgba(11,22,32,.36)!important;border:1px solid rgba(255,255,255,.20)!important;backdrop-filter:blur(18px) saturate(1.22)!important;box-shadow:0 16px 46px rgba(0,0,0,.24)!important;max-width:min(820px,82%)!important;margin-inline:auto!important;border-radius:22px!important;}
.search-dock.pro-search-dock input{background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:22px!important;font-weight:900!important;height:54px!important;border-radius:16px!important;direction:ltr!important;text-align:left!important;}
.search-dock.pro-search-dock input::placeholder{color:rgba(255,255,255,.58)!important;}
.search-dock .lang-pill{background:rgba(255,232,202,.88)!important;color:#0d2230!important;font-weight:1000!important;}
.search-dock .emoji-btn{background:linear-gradient(135deg,#23c7d9,#0e9bb0)!important;color:#fff!important;box-shadow:0 12px 30px rgba(35,199,217,.25)!important;}

/* Bottom user controls */
.pro-control-panel{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.24)!important;backdrop-filter:blur(22px) saturate(1.2)!important;box-shadow:var(--panel-shadow)!important;border-radius:24px!important;}
.pro-nav-cluster{direction:ltr!important;display:flex!important;gap:10px!important;align-items:center!important;justify-content:center!important;}
#prev-clip{order:1!important;} #next-clip{order:2!important;}
.icon-control{min-height:66px!important;border-radius:20px!important;background:rgba(255,255,255,.20)!important;border:1px solid rgba(255,255,255,.28)!important;color:#eef9fb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 28px rgba(0,0,0,.10)!important;}
.icon-control .control-label{font-size:12px!important;font-weight:900!important;letter-spacing:.02em!important;color:rgba(255,255,255,.78)!important;}
.icon-control .control-icon{font-size:28px!important;font-weight:1000!important;color:#32d5e8!important;line-height:1!important;}
.heart-control .heart-icon{font-size:34px!important;color:#e7f4f7!important;}
.heart-control.is-favorite .heart-icon{color:#ff3868!important;text-shadow:0 0 20px rgba(255,56,104,.35)!important;}
.action-icon-control .text-icon{font-size:22px!important;color:#23c7d9!important;}

/* Admin professional forms/tables */
.pro-admin-card,.glass-card{background:rgba(10,22,32,.56)!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(20px) saturate(1.18)!important;box-shadow:var(--panel-shadow)!important;color:#eef7fb!important;}
.admin-mode .content-shell{direction:ltr!important;text-align:left!important;}
.admin-mode .muted{color:rgba(238,247,251,.68)!important;}
.admin-mode input,.admin-mode select,.admin-mode textarea{min-height:48px!important;border-radius:16px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.20)!important;color:#fff!important;font-size:15px!important;padding:10px 14px!important;}
.admin-mode select option{color:#10202c!important;background:#fff!important;}
.btn{border-radius:16px!important;font-weight:900!important;border:1px solid rgba(255,255,255,.20)!important;}
.btn.primary{background:linear-gradient(135deg,#23c7d9,#0c9cad)!important;color:#fff!important;}
.btn.danger{background:linear-gradient(135deg,#ff5b72,#c92f4a)!important;color:#fff!important;}
.btn.small,.btn.tiny{min-height:40px!important;padding:0 14px!important;font-size:13px!important;}
.upload-grid{gap:18px!important;}
.file-drop{min-height:190px!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.06))!important;border:1px dashed rgba(35,199,217,.55)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;transition:.2s ease!important;cursor:pointer!important;color:#fff!important;}
.file-drop:hover{transform:translateY(-2px)!important;border-color:#23c7d9!important;background:rgba(35,199,217,.14)!important;}
.file-drop input{position:absolute!important;opacity:0!important;pointer-events:none!important;}
.file-icon{width:62px!important;height:62px!important;border-radius:22px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#23c7d9,#f5b84b)!important;color:#0c1e28!important;font-size:24px!important;font-weight:1000!important;margin-bottom:16px!important;}
.file-drop b{font-size:18px!important;color:#fff!important;}.file-drop small{color:rgba(255,255,255,.65)!important;font-weight:700!important;}
.pro-user-admin-grid{grid-template-columns:minmax(280px,420px) 1fr!important;}
.user-list-pro{display:flex;flex-direction:column;gap:14px;}
.user-row-pro{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:center;padding:18px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);}
.user-main-pro{display:flex;align-items:center;gap:14px;}.user-avatar-pro{width:54px;height:54px;border-radius:20px;background:linear-gradient(135deg,#23c7d9,#f5b84b);color:#0c1e28;font-weight:1000;display:grid;place-items:center;font-size:22px}.user-main-pro h4{margin:0 0 6px;font-size:20px;color:#fff}.role-badge{padding:6px 10px;border-radius:999px;background:rgba(35,199,217,.18);color:#56e7f7;font-weight:900;font-size:12px}.role-badge.admin{background:rgba(245,184,75,.18);color:#ffd27a}.user-form-grid{display:grid;grid-template-columns:180px 180px 1fr;gap:12px;align-items:end}.big-select{height:52px!important;min-width:160px!important;font-weight:900!important}.user-row-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.pill-count{background:rgba(35,199,217,.18);color:#67efff;border:1px solid rgba(35,199,217,.30);border-radius:999px;padding:7px 13px;font-weight:900}
.movie-translation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:18px}.movie-translation-card{display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:18px;border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);color:#fff}.movie-translation-card:hover{border-color:rgba(35,199,217,.52);background:rgba(35,199,217,.12)}.movie-translation-card h3{margin:0 0 6px;font-size:18px}.movie-translation-card p{margin:0;color:rgba(255,255,255,.65)}.translation-editor-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.translation-row-pro{display:grid;grid-template-columns:70px 1fr 90px;gap:12px;align-items:center;padding:14px;border-radius:20px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13)}.translation-index{font-weight:1000;color:#5ee8f6}.en-dialogue-admin{font-weight:800;color:#fff;margin:0 0 8px;direction:ltr;text-align:left}.translation-row-pro textarea{width:100%;resize:vertical;min-height:62px!important;direction:rtl;text-align:right}

@media (max-width: 720px){
  .site-header.pro-top-header{margin:0 8px 10px!important;border-radius:0 0 22px 22px!important;padding:8px!important;}
  .top-nav.pro-top-nav{gap:8px!important;overflow-x:auto!important;justify-content:flex-start!important;direction:rtl!important;}
  .top-nav.pro-top-nav a,.ghost-link,.user-chip,.guest-chip{min-height:42px!important;padding:0 13px!important;font-size:13px!important;white-space:nowrap!important;}
  .player-home{padding:6px!important;gap:10px!important;}
  .pro-player-card{border-radius:24px!important;}
  .pro-video-shell{border-radius:22px!important;min-height:76vh!important;}
  .smart-caption-en{bottom:88px!important;max-width:88%!important;padding:7px 11px!important;border-radius:16px!important;}
  .smart-caption-text,.live-caption.pro-caption{font-size:clamp(14px,3.6vw,17px)!important;line-height:1.38!important;max-height:4.2em!important;overflow:auto!important;text-align:center!important;}
  .caption-xlong .smart-caption-text,.caption-long .smart-caption-text{font-size:13px!important;line-height:1.34!important;}
  .smart-caption-fa{top:56px!important;max-width:88%!important;font-size:13px!important;padding:6px 10px!important;}
  .fa-caption-text{font-size:13px!important;line-height:1.35!important;}
  .search-dock.pro-search-dock,.in-video-search{max-width:92%!important;padding:7px!important;gap:7px!important;bottom:14px!important;border-radius:18px!important;background:rgba(10,21,30,.28)!important;}
  .search-dock.pro-search-dock input{font-size:17px!important;height:44px!important;min-width:0!important;}
  .search-dock .emoji-btn{width:46px!important;height:46px!important;min-width:46px!important;border-radius:15px!important;}
  .search-dock .lang-pill{height:44px!important;min-width:44px!important;border-radius:15px!important;}
  .pro-control-panel{margin:10px 6px 0!important;padding:10px!important;border-radius:22px!important;}
  .pro-emoji-controls{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .pro-nav-cluster{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
  #prev-clip{order:1!important;} #next-clip{order:2!important;}
  .icon-control{min-height:64px!important;padding:8px 10px!important;}
  .icon-control .control-label{font-size:12px!important;}.icon-control .control-icon{font-size:28px!important;}
  .pro-action-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;}
  .action-icon-control{min-width:0!important;}
  .user-row-pro{grid-template-columns:1fr!important;}.user-form-grid{grid-template-columns:1fr!important}.pro-user-admin-grid{grid-template-columns:1fr!important;}
  .auth-card-large{padding:34px 24px!important;}.auth-card-large h1{font-size:36px!important;}
}


/* v1.27 - Admin layout, movie detail search, favorite player, stronger forms */
.top-nav.pro-top-nav a{font-size:15px!important;padding:12px 18px!important;min-height:46px!important}
.admin-mode .top-nav.pro-top-nav{gap:10px!important}
.admin-mode .header-actions .ghost-link,.admin-mode .user-chip{font-size:14px!important;padding:10px 16px!important}

.admin-clip-search{display:flex;gap:12px;align-items:center;margin:16px 0 22px;padding:12px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px)}
.admin-clip-search input{flex:1;min-width:220px;height:50px;border-radius:17px;border:1px solid rgba(255,255,255,.18);background:rgba(5,17,31,.36);color:#fff;padding:0 16px;font-size:16px;outline:none}
.admin-clip-search input::placeholder{color:rgba(255,255,255,.55)}
.clip-search-head{align-items:flex-start!important}
.pro-clip-admin-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))!important;gap:18px!important}
.pro-admin-clip-card{overflow:hidden;border-radius:24px!important;background:rgba(12,27,44,.58)!important;border:1px solid rgba(255,255,255,.16)!important}
.pro-admin-clip-card video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:22px 22px 0 0}
.pro-clip-body{padding:18px!important}.pro-clip-body .dialogue{font-size:16px!important;line-height:1.65!important;color:#f4fbff!important}.pro-clip-body .fa-line{font-size:15px!important;color:rgba(255,255,255,.78)!important}
.pro-clip-quality-form{display:grid!important;grid-template-columns:1fr 90px 80px 80px 90px 110px 140px!important;gap:10px!important;align-items:end!important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);padding:12px;border-radius:18px;margin:14px 0!important}
.pro-clip-quality-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:900;color:rgba(255,255,255,.68)}
.pro-clip-quality-form input,.pro-clip-quality-form select{height:44px!important;border-radius:14px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;padding:0 10px!important;font-size:14px!important;min-width:0!important}
.pro-clip-quality-form button{height:44px!important;border-radius:14px!important;white-space:nowrap!important}
.clip-admin-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.clip-admin-actions form{margin:0}.clip-admin-actions .btn{min-height:44px}

.better-users-list{display:grid;gap:16px}.better-user-row{grid-template-columns:260px 1fr!important;align-items:center!important}.better-user-form{display:grid!important;grid-template-columns:170px 170px minmax(180px,1fr) 190px!important;gap:14px!important;align-items:end!important;margin:0!important}.better-user-form label{font-size:13px;color:rgba(255,255,255,.72);font-weight:900;display:flex;flex-direction:column;gap:6px}.better-user-form input,.better-user-form select{height:52px!important;border-radius:16px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;font-size:15px!important;padding:0 12px!important}.better-user-actions{display:flex!important;gap:10px!important;justify-content:flex-end!important;align-items:center!important;margin:0!important}.better-user-actions .btn{min-width:82px;height:52px!important;border-radius:16px!important}

.favorites-player-shell .pro-video-shell{min-height:min(760px,calc(100vh - 210px))}.favorites-results-panel .playlist-list{max-height:calc(100vh - 190px);overflow:auto}.favorites-player-shell .pro-empty-overlay p{font-weight:900;color:rgba(255,255,255,.85)}

@media(max-width:900px){
  .pro-clip-admin-grid{grid-template-columns:1fr!important}.pro-clip-quality-form{grid-template-columns:1fr 1fr!important}.pro-clip-quality-form button{grid-column:1/-1}.admin-clip-search{flex-direction:column;align-items:stretch}.better-user-row{grid-template-columns:1fr!important}.better-user-form{grid-template-columns:1fr!important}.better-user-actions{justify-content:stretch!important}.better-user-actions .btn{flex:1}.top-nav.pro-top-nav a{font-size:13px!important;padding:10px 13px!important;min-height:42px!important}
}

/* v1.28 final polish: dictionary, header layout, mobile controls, glass captions/search */
.site-header.final-top-header{
  direction:ltr!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 18px!important;
}
.final-user-status{
  order:2!important;
  margin-left:auto!important;
  margin-right:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  direction:ltr!important;
}
.final-main-nav{
  order:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  direction:rtl!important;
  min-width:0!important;
}
.logout-link,.login-link{font-weight:950!important;text-transform:none!important;}
.ffmpeg-dot{order:3!important;width:12px!important;height:12px!important;min-width:12px!important;border-radius:99px!important;display:inline-block!important;background:#23c7d9!important;box-shadow:0 0 0 6px rgba(35,199,217,.14)!important;}
.user-chip{order:2!important}.logout-link,.login-link{order:1!important}

/* Yellow-only highlight: no underline and no block background */
.hit-word,
.smart-caption-text .hit-word,
.live-caption .hit-word,
.pro-caption .hit-word{
  color:#ffd84d!important;
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  text-shadow:0 2px 6px rgba(0,0,0,.70)!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.dict-word:hover{background:rgba(255,216,77,.12)!important;color:#ffe17c!important;}

/* Glass captions and search: not full width and scroll when text is long */
.smart-caption-wrap{
  width:auto!important;
  max-width:min(82vw,920px)!important;
  border-radius:18px!important;
  background:rgba(6,16,27,.22)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(20px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.25)!important;
}
.smart-caption-en{bottom:92px!important;}
.smart-caption-fa{top:56px!important;}
.smart-caption-text{
  background:rgba(9,20,33,.34)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
  max-height:5.2em!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
}
.smart-caption-en .smart-caption-text,
.smart-caption-en .live-caption,
.smart-caption-en .pro-caption{
  color:#fff!important;
  font-size:clamp(16px,1.55vw,28px)!important;
  line-height:1.34!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  text-overflow:clip!important;
}
.smart-caption-fa .smart-caption-text{
  color:#f4f7fb!important;
  font-size:clamp(14px,1.18vw,20px)!important;
  line-height:1.55!important;
  direction:rtl!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}
.caption-copy-btn{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.18)!important;color:#eaf9fc!important;}
.caption-copy-btn:hover{background:rgba(35,199,217,.24)!important;}

.pro-search-dock,
.search-dock.in-video-search.pro-search-dock{
  width:min(82%,760px)!important;
  right:50%!important;
  left:auto!important;
  transform:translateX(50%)!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 48px!important;
  background:rgba(7,17,30,.26)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(22px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.25)!important;
}
.pro-search-dock input,
.search-dock.in-video-search.pro-search-dock input{
  min-width:0!important;
  width:100%!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:14px!important;
  color:#fff!important;
  direction:ltr!important;
  text-align:left!important;
}
.pro-search-dock input::placeholder{color:rgba(255,255,255,.58)!important;}
.pro-search-dock .lang-pill{background:rgba(255,245,224,.76)!important;color:#243244!important;}
.pro-search-dock .btn.primary,#phrase-search-btn{
  background:linear-gradient(135deg,rgba(35,199,217,.95),rgba(27,145,166,.95))!important;
  min-width:44px!important;
  width:44px!important;
  padding:0!important;
}

.pro-nav-cluster{direction:ltr!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
#prev-clip{grid-column:1!important;}
#next-clip{grid-column:2!important;}
.pro-counter-pill,#playlist-counter{direction:ltr!important;unicode-bidi:isolate!important;}

/* Admin movie detail forms */
.pro-clip-quality-form{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(88px,1fr))!important;
  gap:10px!important;
  align-items:end!important;
}
.pro-clip-quality-form label{min-width:0!important;}
.pro-clip-quality-form select,.pro-clip-quality-form input{
  width:100%!important;min-width:0!important;height:42px!important;border-radius:13px!important;
}
.pro-clip-quality-form button{grid-column:auto!important;height:42px!important;margin:0!important;}
.clip-admin-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:12px!important;align-items:center!important;}
.clip-admin-actions form{margin:0!important}.clip-admin-actions .btn{min-height:42px!important;border-radius:13px!important;}
.pro-admin-clip-card{overflow:hidden!important;}
.pro-admin-clip-card video{border-radius:18px!important;}

/* Users: action buttons beside each user */
.better-user-row{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;}
.better-user-form{display:grid!important;grid-template-columns:minmax(130px,160px) minmax(130px,160px) minmax(150px,220px) auto!important;gap:12px!important;align-items:end!important;}
.better-user-actions{display:flex!important;gap:10px!important;align-items:center!important;justify-content:flex-start!important;white-space:nowrap!important;}
.better-user-actions .btn{height:44px!important;min-width:86px!important;border-radius:14px!important;}
.big-select,.pro-select{height:46px!important;border-radius:14px!important;font-size:15px!important;}

/* Movie upload integrated in Movies */
.movie-inline-upload-card{margin-bottom:18px!important;}
.movie-inline-upload-card .upload-grid{grid-template-columns:repeat(3,minmax(180px,1fr))!important;}
.file-drop{min-height:142px!important;border-radius:24px!important;background:rgba(255,255,255,.10)!important;border:1px dashed rgba(255,255,255,.30)!important;}
.file-drop:hover{border-color:rgba(35,199,217,.75)!important;background:rgba(35,199,217,.10)!important;}
.file-drop .file-icon{font-size:32px!important;}

@media(max-width:900px){
  .site-header.final-top-header{
    position:relative!important;
    max-width:calc(100vw - 12px)!important;
    margin:0 auto 8px!important;
    border-radius:0 0 18px 18px!important;
    padding:8px!important;
    gap:7px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    max-height:132px!important;
    overflow:hidden!important;
  }
  .final-user-status{
    order:1!important;
    width:100%!important;
    justify-content:flex-end!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
  }
  .final-main-nav{
    order:2!important;
    width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:7px!important;
    justify-content:flex-start!important;
    padding:1px 0 4px!important;
    scrollbar-width:none!important;
    direction:rtl!important;
  }
  .final-main-nav::-webkit-scrollbar{display:none!important;}
  .top-nav.pro-top-nav a,.ghost-link,.user-chip,.guest-chip{
    min-height:34px!important;
    padding:0 10px!important;
    font-size:11.5px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  .ffmpeg-dot{width:9px!important;height:9px!important;min-width:9px!important;box-shadow:0 0 0 4px rgba(35,199,217,.13)!important;}
  .user-chip{max-width:132px!important;overflow:hidden!important;text-overflow:ellipsis!important;}

  .content-shell{padding:6px 5px 28px!important;}
  .live-video-shell.live-video-square{width:calc(100vw - 10px)!important;min-height:calc(100vh - 205px)!important;height:calc(100vh - 205px)!important;border-radius:24px!important;}
  .pro-video-topbar{top:11px!important;left:10px!important;right:10px!important;}
  .top-movie-pill,.pro-counter-pill{font-size:12px!important;padding:8px 10px!important;}

  .smart-caption-wrap{max-width:84vw!important;}
  .smart-caption-en{bottom:78px!important;}
  .smart-caption-fa{top:46px!important;}
  .smart-caption-en .smart-caption-text,
  .smart-caption-en .live-caption,
  .smart-caption-en .pro-caption{
    font-size:clamp(11px,3.15vw,14px)!important;
    line-height:1.28!important;
    max-height:calc(1.28em * 4 + 14px)!important;
    padding:7px 10px!important;
    max-width:74vw!important;
  }
  .smart-caption-fa .smart-caption-text{
    font-size:clamp(10.5px,2.9vw,13px)!important;
    line-height:1.38!important;
    max-height:calc(1.38em * 3 + 12px)!important;
    padding:7px 10px!important;
    max-width:74vw!important;
  }
  .caption-copy-btn{width:26px!important;height:26px!important;min-width:26px!important;font-size:11px!important;}

  .search-dock.in-video-search.pro-search-dock{
    width:84vw!important;
    bottom:14px!important;
    height:52px!important;
    padding:6px!important;
    grid-template-columns:40px minmax(0,1fr) 42px!important;
    border-radius:18px!important;
  }
  .search-dock.in-video-search.pro-search-dock input{
    height:38px!important;
    font-size:14px!important;
    padding:0 11px!important;
  }
  .search-dock.in-video-search.pro-search-dock .btn,#phrase-search-btn{height:38px!important;width:38px!important;min-width:38px!important;font-size:15px!important;}
  .lang-pill{height:38px!important;min-width:38px!important;font-size:12px!important;border-radius:13px!important;display:grid!important;}

  .pro-control-panel{width:calc(100vw - 10px)!important;margin:8px auto 0!important;padding:8px!important;}
  .pro-nav-cluster{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;}
  #prev-clip{grid-column:1!important;} #next-clip{grid-column:2!important;}
  .pro-action-row{grid-template-columns:repeat(4,1fr)!important;gap:7px!important;}
  .icon-control{min-height:58px!important;padding:6px 3px!important;border-radius:16px!important;}
  .icon-control .control-label{font-size:10.5px!important;}
  .icon-control .control-icon{font-size:23px!important;}

  .better-user-row{grid-template-columns:1fr!important;}
  .better-user-form{grid-template-columns:1fr!important;}
  .better-user-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
  .movie-inline-upload-card .upload-grid{grid-template-columns:1fr!important;}
  .pro-clip-quality-form{grid-template-columns:1fr 1fr!important;}
  .pro-clip-quality-form button{grid-column:1/-1!important;}
}

/* v1.29 - Header alignment, transparent transport controls, no EN badge, stronger dictionary UX */
.final-top-header.site-header,
.clean-header.site-header{
  direction:ltr!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding-inline:18px!important;
}
.final-main-nav,
.clean-top-nav.top-nav,
.pro-top-nav.top-nav{
  order:1!important;
  flex:1 1 auto!important;
  margin:0!important;
  justify-content:flex-start!important;
  direction:rtl!important;
  min-width:0!important;
}
.final-user-status,
.pro-header-actions.final-user-status,
.header-actions.final-user-status{
  order:2!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
  margin-right:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  direction:rtl!important;
  white-space:nowrap!important;
}
.final-user-status .login-link,
.final-user-status .logout-link,
.final-user-status .user-chip,
.final-user-status .guest-chip{
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 17px!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:900!important;
}
.final-user-status .ffmpeg-dot{flex:0 0 auto!important;}

/* Remove old language badge everywhere */
.lang-pill{display:none!important;}
.search-dock.in-video-search,
.search-dock.in-video-search.pro-search-dock{
  gap:8px!important;
  background:rgba(12,22,35,.38)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(22px) saturate(1.24)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.24)!important;
}
.search-dock.in-video-search input,
.search-dock.in-video-search.pro-search-dock input{
  width:100%!important;
  min-width:0!important;
  direction:ltr!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.search-dock.in-video-search .emoji-btn,
.search-dock.in-video-search.pro-search-dock .emoji-btn{
  flex:0 0 auto!important;
}

/* Center transport: <<  play  >> */
.center-transport{
  position:absolute!important;
  z-index:9!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  direction:ltr!important;
  pointer-events:none!important;
}
.center-transport button{pointer-events:auto!important;}
.center-skip{
  width:58px!important;
  height:58px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(10,22,34,.22)!important;
  color:rgba(255,255,255,.90)!important;
  font-size:21px!important;
  font-weight:1000!important;
  letter-spacing:-2px!important;
  box-shadow:0 14px 42px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.center-skip:hover{transform:translateY(-2px)!important;background:rgba(24,184,199,.30)!important;color:#fff!important;}
.play-orb-button.pro-play-button,
.play-orb-button{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  width:94px!important;
  height:94px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(18px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.22)!important;
}
.play-orb-button.pro-play-button span,
.play-orb-button span{
  width:62px!important;
  height:62px!important;
  background:rgba(255,248,230,.72)!important;
  color:#0b2535!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  font-size:28px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 8px 26px rgba(0,0,0,.18)!important;
}
.play-orb-button.hidden{display:none!important;}

/* If play is hidden during playback, keep skip controls compact and visible */
.center-transport:has(.play-orb-button.hidden){gap:12px!important;}

/* More readable but not underlined highlight */
.dict-word.hit-word,
.hit-word{
  color:#ffd767!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  border-bottom:0!important;
}
.dict-word{cursor:help!important;}

@media(max-width:760px){
  .final-top-header.site-header,
  .clean-header.site-header{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:8px 10px!important;
    border-radius:0 0 22px 22px!important;
    width:100%!important;
    margin:0!important;
    max-width:none!important;
  }
  .final-user-status,
  .pro-header-actions.final-user-status,
  .header-actions.final-user-status{
    order:1!important;
    width:100%!important;
    justify-content:flex-end!important;
    overflow:visible!important;
    gap:6px!important;
  }
  .final-main-nav,
  .clean-top-nav.top-nav,
  .pro-top-nav.top-nav{
    order:2!important;
    width:100%!important;
    flex:unset!important;
    justify-content:flex-end!important;
    display:flex!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    gap:7px!important;
    padding-bottom:2px!important;
  }
  .final-main-nav a,
  .clean-top-nav.top-nav a,
  .pro-top-nav.top-nav a{
    height:42px!important;
    min-width:auto!important;
    padding:0 13px!important;
    font-size:13px!important;
    line-height:1!important;
    flex:0 0 auto!important;
  }
  .final-user-status .login-link,
  .final-user-status .logout-link,
  .final-user-status .user-chip,
  .final-user-status .guest-chip{
    height:39px!important;
    padding:0 12px!important;
    font-size:12.5px!important;
  }
  .center-transport{gap:11px!important;}
  .center-skip{width:44px!important;height:44px!important;font-size:16px!important;}
  .play-orb-button.pro-play-button,
  .play-orb-button{width:72px!important;height:72px!important;background:rgba(255,255,255,.12)!important;}
  .play-orb-button.pro-play-button span,
  .play-orb-button span{width:48px!important;height:48px!important;font-size:21px!important;}
  .search-dock.in-video-search,
  .search-dock.in-video-search.pro-search-dock{
    grid-template-columns:42px minmax(0,1fr)!important;
    display:grid!important;
    width:82%!important;
    max-width:82%!important;
    min-height:46px!important;
    height:auto!important;
    padding:5px!important;
    border-radius:16px!important;
  }
  .search-dock.in-video-search input,
  .search-dock.in-video-search.pro-search-dock input{
    font-size:15px!important;
    height:36px!important;
    line-height:36px!important;
    padding:0 10px!important;
  }
  .search-dock.in-video-search .emoji-btn,
  .search-dock.in-video-search.pro-search-dock .emoji-btn{
    width:38px!important;min-width:38px!important;height:36px!important;font-size:16px!important;border-radius:13px!important;
  }
}

@media(max-width:430px){
  .final-main-nav a{font-size:12px!important;padding:0 10px!important;height:38px!important;}
  .final-user-status .user-chip{max-width:155px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .search-dock.in-video-search,.search-dock.in-video-search.pro-search-dock{width:86%!important;max-width:86%!important;}
}

/* v1.30 - Final header split + centered transport controls */
.final-top-header.site-header,
.clean-header.site-header,
.site-header.final-top-header{
  direction:ltr!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"nav user"!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:14px!important;
  min-height:64px!important;
  height:auto!important;
  padding:8px 18px!important;
}
.final-main-nav,
.clean-top-nav.top-nav,
.pro-top-nav.top-nav,
.site-header .top-nav{
  grid-area:nav!important;
  order:unset!important;
  width:auto!important;
  flex:unset!important;
  min-width:0!important;
  justify-content:flex-start!important;
  align-items:center!important;
  direction:rtl!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
  margin:0!important;
  padding:0!important;
}
.final-main-nav::-webkit-scrollbar,
.clean-top-nav.top-nav::-webkit-scrollbar,
.pro-top-nav.top-nav::-webkit-scrollbar{display:none!important;}
.final-user-status,
.pro-header-actions.final-user-status,
.header-actions.final-user-status,
.site-header .header-actions{
  grid-area:user!important;
  order:unset!important;
  width:auto!important;
  flex:unset!important;
  min-width:max-content!important;
  margin:0!important;
  justify-content:flex-end!important;
  align-items:center!important;
  direction:rtl!important;
  gap:8px!important;
}
.final-user-status .login-link,
.final-user-status .logout-link,
.final-user-status .user-chip,
.final-user-status .guest-chip{
  height:42px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

/* Transport layout is always: previous  play/pause  next */
.center-transport{
  position:absolute!important;
  z-index:9!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:row!important;
  direction:ltr!important;
  gap:18px!important;
  pointer-events:none!important;
}
.center-transport button{pointer-events:auto!important;}
#prev-clip.center-skip{order:1!important;}
#big-play-button.play-orb-button{order:2!important;}
#next-clip.center-skip{order:3!important;}
.center-skip{
  width:58px!important;
  height:58px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.16)!important;
  color:rgba(9,31,47,.95)!important;
  font-size:21px!important;
  font-weight:1000!important;
  letter-spacing:-2px!important;
  box-shadow:0 14px 42px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
  cursor:pointer!important;
}
.play-orb-button.pro-play-button,
.play-orb-button{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  width:90px!important;
  height:90px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.22)!important;
  transition:opacity .18s ease, transform .18s ease, background .18s ease!important;
}
.play-orb-button.pro-play-button.is-playing,
.play-orb-button.is-playing{
  opacity:.42!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:0 10px 36px rgba(0,0,0,.14)!important;
}
.play-orb-button.hidden{display:none!important;}
.play-orb-button.pro-play-button span,
.play-orb-button span{
  width:60px!important;
  height:60px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,248,230,.72)!important;
  color:#0b2535!important;
  font-size:28px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 8px 26px rgba(0,0,0,.18)!important;
}
.play-orb-button.is-playing span{background:rgba(255,248,230,.52)!important;font-size:25px!important;}

@media(max-width:760px){
  .final-top-header.site-header,
  .clean-header.site-header,
  .site-header.final-top-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"nav user"!important;
    gap:8px!important;
    min-height:56px!important;
    padding:7px 8px!important;
    border-radius:0 0 18px 18px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  .final-main-nav,
  .clean-top-nav.top-nav,
  .pro-top-nav.top-nav,
  .site-header .top-nav{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    padding-left:4px!important;
  }
  .final-main-nav a,
  .clean-top-nav.top-nav a,
  .pro-top-nav.top-nav a,
  .site-header .top-nav a{
    height:36px!important;
    padding:0 10px!important;
    font-size:12px!important;
    flex:0 0 auto!important;
    border-radius:999px!important;
  }
  .final-user-status,
  .pro-header-actions.final-user-status,
  .header-actions.final-user-status,
  .site-header .header-actions{
    gap:5px!important;
    min-width:max-content!important;
  }
  .final-user-status .login-link,
  .final-user-status .logout-link,
  .final-user-status .user-chip,
  .final-user-status .guest-chip{
    height:36px!important;
    padding:0 10px!important;
    font-size:11.5px!important;
    max-width:128px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .final-user-status .ffmpeg-dot{width:9px!important;height:9px!important;}
  .center-transport{gap:10px!important;}
  .center-skip{width:45px!important;height:45px!important;border-radius:16px!important;font-size:16px!important;}
  .play-orb-button.pro-play-button,
  .play-orb-button{width:70px!important;height:70px!important;}
  .play-orb-button.pro-play-button span,
  .play-orb-button span{width:48px!important;height:48px!important;font-size:21px!important;}
  .play-orb-button.is-playing span{font-size:19px!important;}
}

@media(max-width:390px){
  .final-user-status .user-chip{max-width:104px!important;}
  .final-user-status .logout-link,.final-user-status .login-link{padding:0 8px!important;}
  .final-main-nav a{font-size:11.5px!important;padding:0 8px!important;}
}

/* =========================================================
   v1.31 - Header alignment + ultra transparent player controls
          + Movie detail quality form overflow fix
   ========================================================= */
/* Header: user/logout stays at far right; all other menu buttons align to the right side of their own area */
.final-top-header.site-header,
.clean-header.site-header,
.site-header.final-top-header{
  direction:ltr!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"nav user"!important;
  column-gap:18px!important;
}
.final-user-status,
.pro-header-actions.final-user-status,
.header-actions.final-user-status,
.site-header .header-actions{
  grid-area:user!important;
  justify-self:end!important;
  justify-content:flex-end!important;
  direction:rtl!important;
  flex:0 0 auto!important;
}
.final-main-nav,
.clean-top-nav.top-nav,
.pro-top-nav.top-nav,
.site-header .top-nav{
  grid-area:nav!important;
  justify-self:stretch!important;
  justify-content:flex-end!important;
  direction:rtl!important;
  gap:10px!important;
  padding-inline-end:4px!important;
}
.final-main-nav a,
.clean-top-nav.top-nav a,
.pro-top-nav.top-nav a,
.site-header .top-nav a{
  flex:0 0 auto!important;
}

/* Center player transport: exact grid layout <<  play/pause  >> centered on the video */
.center-transport{
  width:244px!important;
  display:grid!important;
  grid-template-columns:58px 92px 58px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:18px!important;
  direction:ltr!important;
  pointer-events:none!important;
}
.center-transport button{pointer-events:auto!important;}
#prev-clip.center-skip{grid-column:1!important;order:unset!important;}
#big-play-button.play-orb-button{grid-column:2!important;order:unset!important;justify-self:center!important;}
#next-clip.center-skip{grid-column:3!important;order:unset!important;}

/* Make the player buttons much less intrusive */
.center-skip{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:rgba(255,255,255,.56)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(8px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.05)!important;
  text-shadow:0 2px 8px rgba(0,0,0,.38)!important;
}
.center-skip:hover{
  background:rgba(255,255,255,.11)!important;
  color:rgba(255,255,255,.86)!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.16)!important;
}
.play-orb-button.pro-play-button,
.play-orb-button{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(8px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.05)!important;
}
.play-orb-button.pro-play-button span,
.play-orb-button span{
  background:rgba(255,248,230,.25)!important;
  color:rgba(255,255,255,.78)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 5px 18px rgba(0,0,0,.14)!important;
  text-shadow:0 2px 7px rgba(0,0,0,.35)!important;
  letter-spacing:0!important;
  font-family:Arial,"Segoe UI",Tahoma,sans-serif!important;
}
.play-orb-button.pro-play-button.is-playing,
.play-orb-button.is-playing{
  opacity:.24!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.08)!important;
}
.play-orb-button.is-playing span{
  background:rgba(255,248,230,.18)!important;
  color:rgba(255,255,255,.72)!important;
  font-size:22px!important;
  letter-spacing:1px!important;
  text-indent:0!important;
}
.play-orb-button:hover{
  opacity:.62!important;
}
.play-orb-button.is-playing:hover{
  opacity:.48!important;
}

/* Movie details: keep quality fields/buttons inside each clip card */
.pro-admin-clip-card,
.clip-card.pro-admin-clip-card{
  overflow:hidden!important;
  min-width:0!important;
}
.pro-clip-body{min-width:0!important;overflow:hidden!important;}
.pro-clip-quality-form,
.clip-quality-form.pro-clip-quality-form{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:end!important;
  padding:12px!important;
}
.pro-clip-quality-form label,
.clip-quality-form.pro-clip-quality-form label{
  min-width:0!important;
  width:100%!important;
}
.pro-clip-quality-form input,
.pro-clip-quality-form select,
.clip-quality-form.pro-clip-quality-form input,
.clip-quality-form.pro-clip-quality-form select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.pro-clip-quality-form button,
.clip-quality-form.pro-clip-quality-form button{
  grid-column:1 / -1!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:150px!important;
  justify-self:start!important;
  margin:0!important;
}
.clip-admin-actions{
  width:100%!important;
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}
.clip-admin-actions form{margin:0!important;max-width:100%!important;}
.clip-admin-actions .btn{white-space:nowrap!important;}
.quality-form.compact.pro-quality-form{
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;
  gap:12px!important;
  overflow:hidden!important;
}
.quality-form.compact.pro-quality-form button{
  grid-column:1 / -1!important;
  width:max-content!important;
  max-width:100%!important;
}

@media(max-width:900px){
  .final-top-header.site-header,
  .clean-header.site-header,
  .site-header.final-top-header{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"user" "nav"!important;
    row-gap:7px!important;
  }
  .final-user-status,
  .pro-header-actions.final-user-status,
  .header-actions.final-user-status,
  .site-header .header-actions{
    justify-self:end!important;
    width:auto!important;
    max-width:100%!important;
  }
  .final-main-nav,
  .clean-top-nav.top-nav,
  .pro-top-nav.top-nav,
  .site-header .top-nav{
    justify-content:flex-end!important;
    width:100%!important;
    overflow-x:auto!important;
    padding-inline-end:0!important;
  }
  .center-transport{
    width:184px!important;
    grid-template-columns:44px 72px 44px!important;
    gap:12px!important;
  }
  .center-skip{width:44px!important;height:44px!important;font-size:15px!important;border-radius:15px!important;}
  .play-orb-button.pro-play-button,
  .play-orb-button{width:72px!important;height:72px!important;}
  .play-orb-button.pro-play-button span,
  .play-orb-button span{width:48px!important;height:48px!important;font-size:20px!important;}
  .play-orb-button.is-playing span{font-size:17px!important;}
  .pro-clip-quality-form,
  .clip-quality-form.pro-clip-quality-form{
    grid-template-columns:1fr 1fr!important;
  }
}

/* =========================================================
   v1.32 - Player overlay separation + centered transparent search
   ========================================================= */
/* Keep the transport controls centered, separated, and almost invisible */
.center-transport{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:9!important;
  width:min(430px,72vw)!important;
  display:grid!important;
  grid-template-columns:82px 86px 82px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:56px!important;
  direction:ltr!important;
  pointer-events:none!important;
}
.center-transport button{pointer-events:auto!important;}
#prev-clip.center-skip,
#next-clip.center-skip{
  width:82px!important;
  height:56px!important;
  min-width:82px!important;
  max-width:82px!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.018)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  color:rgba(255,255,255,.36)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.055)!important;
  backdrop-filter:blur(3px) saturate(.95)!important;
  -webkit-backdrop-filter:blur(3px) saturate(.95)!important;
  text-shadow:0 2px 8px rgba(0,0,0,.32)!important;
}
#prev-clip.center-skip:hover,
#next-clip.center-skip:hover{
  background:rgba(255,255,255,.06)!important;
  color:rgba(255,255,255,.70)!important;
  border-color:rgba(255,255,255,.12)!important;
}
#prev-clip.center-skip{grid-column:1!important;justify-self:end!important;}
#big-play-button.play-orb-button{grid-column:2!important;justify-self:center!important;}
#next-clip.center-skip{grid-column:3!important;justify-self:start!important;}
#big-play-button.play-orb-button,
#big-play-button.play-orb-button.pro-play-button{
  width:86px!important;
  height:86px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.020)!important;
  border:1px solid rgba(255,255,255,.070)!important;
  box-shadow:0 7px 24px rgba(0,0,0,.07)!important;
  backdrop-filter:blur(4px) saturate(.95)!important;
  -webkit-backdrop-filter:blur(4px) saturate(.95)!important;
  opacity:.42!important;
}
#big-play-button.play-orb-button span,
#big-play-button.play-orb-button.pro-play-button span{
  width:58px!important;
  height:58px!important;
  background:rgba(255,250,235,.16)!important;
  color:rgba(255,255,255,.58)!important;
  font-size:23px!important;
  font-family:Arial,"Segoe UI",Tahoma,sans-serif!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 3px 12px rgba(0,0,0,.08)!important;
}
#big-play-button.play-orb-button.is-playing,
#big-play-button.play-orb-button.pro-play-button.is-playing{
  opacity:.20!important;
  background:rgba(255,255,255,.012)!important;
  border-color:rgba(255,255,255,.04)!important;
  box-shadow:none!important;
}
#big-play-button.play-orb-button.is-playing span{
  background:rgba(255,250,235,.10)!important;
  color:rgba(255,255,255,.48)!important;
  font-size:20px!important;
  letter-spacing:0!important;
}
#big-play-button.play-orb-button:hover{opacity:.60!important;}
#big-play-button.play-orb-button.is-playing:hover{opacity:.36!important;}

/* Center the search dock under the caption; keep it glassy and away from the icon */
.search-dock.in-video-search,
.search-dock.in-video-search.pro-search-dock{
  left:50%!important;
  right:auto!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  width:min(660px,calc(100% - 72px))!important;
  max-width:660px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  direction:ltr!important;
  background:rgba(10,22,35,.28)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
}
.search-dock.in-video-search input,
.search-dock.in-video-search.pro-search-dock input{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  text-align:center!important;
  direction:ltr!important;
  padding-inline:14px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.10)!important;
}
.search-dock.in-video-search input::placeholder{color:rgba(255,255,255,.55)!important;}
.search-dock.in-video-search .emoji-btn,
.search-dock.in-video-search.pro-search-dock .emoji-btn{
  order:-1!important;
  flex:0 0 48px!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:46px!important;
  padding:0!important;
  border-radius:15px!important;
  background:rgba(18,196,210,.72)!important;
  box-shadow:0 10px 22px rgba(18,196,210,.16)!important;
}

@media(max-width:900px){
  .center-transport{
    width:min(260px,72vw)!important;
    grid-template-columns:50px 64px 50px!important;
    gap:34px!important;
  }
  #prev-clip.center-skip,
  #next-clip.center-skip{
    width:50px!important;
    height:42px!important;
    min-width:50px!important;
    max-width:50px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
  #big-play-button.play-orb-button,
  #big-play-button.play-orb-button.pro-play-button{
    width:64px!important;
    height:64px!important;
  }
  #big-play-button.play-orb-button span,
  #big-play-button.play-orb-button.pro-play-button span{
    width:44px!important;
    height:44px!important;
    font-size:18px!important;
  }
  .search-dock.in-video-search,
  .search-dock.in-video-search.pro-search-dock{
    width:calc(100% - 54px)!important;
    bottom:12px!important;
    gap:8px!important;
    padding:7px!important;
    border-radius:18px!important;
  }
  .search-dock.in-video-search input,
  .search-dock.in-video-search.pro-search-dock input{
    height:40px!important;
    font-size:15px!important;
  }
  .search-dock.in-video-search .emoji-btn,
  .search-dock.in-video-search.pro-search-dock .emoji-btn{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:40px!important;
    border-radius:14px!important;
    font-size:17px!important;
  }
}

/* v1.36 compact inline action bar beside search */
.compact-search-row,
.search-dock.in-video-search.pro-search-dock.compact-search-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:min(94%,1080px)!important;
  max-width:min(94%,1080px)!important;
  padding:10px 14px!important;
  bottom:18px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  background:rgba(8,18,32,.34)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  backdrop-filter:blur(16px)!important;
}
.compact-search-row #phrase-search-btn,
.compact-search-row .emoji-btn{
  order:1;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:18px!important;
}
.compact-search-row input,
.search-dock.in-video-search.pro-search-dock.compact-search-row input{
  order:2;
  flex:1 1 320px!important;
  min-width:180px!important;
  padding:10px 12px!important;
  text-align:center!important;
  direction:ltr!important;
  font-size:18px!important;
}
.compact-inline-actions{
  order:3;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  margin-inline-start:4px!important;
}
.compact-action-btn{
  min-width:auto!important;
  height:44px!important;
  border-radius:14px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:rgba(255,255,255,.92)!important;
  box-shadow:none!important;
}
.compact-action-btn .control-label{
  font-size:13px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.compact-action-btn .control-icon{
  font-size:16px!important;
}
.compact-action-btn.heart-control.is-favorite .heart-icon{color:#ff5f72!important;}
.compact-action-btn.is-active,
.compact-action-btn.has-translation{
  background:rgba(46,221,255,.12)!important;
  border-color:rgba(46,221,255,.28)!important;
  color:#9df5ff!important;
}
/* remove old lower control panel gap if still present */
.pro-player-card > .live-meta-bar,
.pro-player-card > .pro-control-panel{margin-top:0!important; display:none!important;}
.player-home .pro-player-message{margin-top:8px!important;}

@media (max-width: 980px){
  .compact-search-row,
  .search-dock.in-video-search.pro-search-dock.compact-search-row{
    width:min(94%,760px)!important;
    max-width:min(94%,760px)!important;
    padding:9px 10px!important;
    gap:8px!important;
    flex-wrap:wrap!important;
  }
  .compact-search-row input{order:2; flex:1 1 calc(100% - 60px)!important;}
  .compact-inline-actions{
    order:4;
    width:100%!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    margin-top:2px!important;
  }
  .compact-action-btn{height:40px!important;padding:0 10px!important;}
  .compact-action-btn .control-label{font-size:12px!important;}
}

@media (max-width: 640px){
  .compact-search-row,
  .search-dock.in-video-search.pro-search-dock.compact-search-row{
    width:calc(100% - 18px)!important;
    max-width:calc(100% - 18px)!important;
    left:50%!important;right:auto!important;transform:translateX(-50%)!important;
    bottom:10px!important;
    padding:8px!important;
    border-radius:18px!important;
  }
  .compact-search-row #phrase-search-btn,
  .compact-search-row .emoji-btn{
    width:42px!important;min-width:42px!important;height:42px!important;
  }
  .compact-search-row input{
    flex:1 1 calc(100% - 58px)!important;
    min-width:0!important;
    font-size:16px!important;
    padding:9px 10px!important;
  }
  .compact-inline-actions{
    justify-content:space-between!important;
    gap:6px!important;
    width:100%!important;
  }
  .compact-action-btn{
    flex:1 1 calc(50% - 6px)!important;
    min-width:0!important;
    height:38px!important;
    padding:0 8px!important;
    border-radius:12px!important;
  }
  .compact-action-btn .control-label{
    font-size:11px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .compact-action-btn .control-icon{font-size:14px!important;}
}

/* v1.37 refine inline search actions UI */
.compact-search-row,
.search-dock.in-video-search.pro-search-dock.compact-search-row{
  width:min(94%,980px)!important;
  max-width:min(94%,980px)!important;
  gap:8px!important;
  padding:8px 10px!important;
  border-radius:18px!important;
  background:rgba(9,18,31,.28)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.14)!important;
}
.compact-search-row input,
.search-dock.in-video-search.pro-search-dock.compact-search-row input{
  height:42px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  font-size:17px!important;
  font-weight:800!important;
  color:#fff!important;
}
.compact-search-row input::placeholder{color:rgba(255,255,255,.58)!important;}
.compact-search-row #phrase-search-btn,
.compact-search-row .emoji-btn{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg, rgba(36,218,245,.90), rgba(37,152,255,.78))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 8px 22px rgba(28,191,240,.24)!important;
}
.compact-inline-actions{
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.compact-action-btn{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:84px!important;
  height:42px!important;
  padding:0 10px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.96)!important;
}
.compact-action-btn:hover{
  background:rgba(255,255,255,.11)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.compact-action-btn .emoji-icon,
.compact-action-btn .heart-icon,
.compact-action-btn .text-icon{
  font-size:15px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.compact-action-btn .control-label{
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.compact-action-btn.heart-control .heart-icon{font-size:18px!important;}
.compact-action-btn.heart-control.is-favorite .heart-icon{color:#ff5d72!important;}
.compact-action-btn.is-active,
.compact-action-btn.has-translation{
  background:rgba(44,224,255,.12)!important;
  border-color:rgba(44,224,255,.26)!important;
  color:#a8f7ff!important;
}

@media (max-width: 1100px){
  .compact-search-row,
  .search-dock.in-video-search.pro-search-dock.compact-search-row{
    width:min(96%,920px)!important;
    max-width:min(96%,920px)!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
  }
  .compact-search-row input{order:2;flex:1 1 280px!important;min-width:240px!important;}
  .compact-inline-actions{order:3;width:100%!important;justify-content:center!important;flex-wrap:wrap!important;}
}

@media (max-width: 640px){
  .compact-search-row,
  .search-dock.in-video-search.pro-search-dock.compact-search-row{
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    padding:8px!important;
    gap:6px!important;
    border-radius:16px!important;
  }
  .compact-search-row #phrase-search-btn,
  .compact-search-row .emoji-btn{
    width:40px!important;min-width:40px!important;height:40px!important;border-radius:12px!important;
  }
  .compact-search-row input{
    flex:1 1 calc(100% - 46px)!important;
    min-width:0!important;
    height:40px!important;
    font-size:16px!important;
    padding:8px 10px!important;
  }
  .compact-inline-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4, minmax(0, 1fr))!important;
    gap:6px!important;
  }
  .compact-action-btn{
    min-width:0!important;
    width:100%!important;
    height:40px!important;
    padding:0 6px!important;
    gap:5px!important;
    justify-content:center!important;
  }
  .compact-action-btn .control-label{
    font-size:10.5px!important;
  }
  .compact-action-btn .emoji-icon,
  .compact-action-btn .heart-icon,
  .compact-action-btn .text-icon{font-size:13px!important;}
}

/* v1.38 hard fix for search/action area desktop + mobile */
/* remove light/white layer and make lower tools contained */
.compact-search-row,
.search-dock.in-video-search.pro-search-dock.compact-search-row{
  background:rgba(7,16,28,.22)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  align-items:center!important;
}
.compact-search-row::before,
.compact-search-row::after{display:none!important;content:none!important;}
.compact-search-row input,
.search-dock.in-video-search.pro-search-dock.compact-search-row input{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.11)!important;
}
.compact-inline-actions{
  background:transparent!important;
  padding:0!important;
}
.compact-action-btn{
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#eef6ff!important;
  min-width:72px!important;
  padding:0 8px!important;
}
.compact-action-btn:hover{
  background:rgba(255,255,255,.08)!important;
}
.compact-action-btn .control-label{
  color:#eef6ff!important;
}
.compact-action-btn .emoji-icon,
.compact-action-btn .heart-icon,
.compact-action-btn .text-icon{
  opacity:.95!important;
}
.compact-action-btn.is-active,
.compact-action-btn.has-translation,
.compact-action-btn.heart-control.is-favorite{
  background:rgba(29,206,234,.12)!important;
  border-color:rgba(29,206,234,.20)!important;
}

/* Desktop: keep everything in one contained row */
@media (min-width: 901px){
  .compact-search-row,
  .search-dock.in-video-search.pro-search-dock.compact-search-row{
    display:grid!important;
    grid-template-columns:44px minmax(260px,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    width:min(95%,980px)!important;
    max-width:min(95%,980px)!important;
  }
  .compact-search-row #phrase-search-btn,
  .compact-search-row .emoji-btn{grid-column:1;grid-row:1;}
  .compact-search-row input{grid-column:2;grid-row:1;width:100%!important;min-width:0!important;}
  .compact-inline-actions{
    grid-column:3;
    grid-row:1;
    width:auto!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-end!important;
    min-width:0!important;
  }
  .compact-action-btn{
    width:auto!important;
    flex:0 0 auto!important;
    height:42px!important;
  }
}

/* Tablet and mobile: 2 rows, buttons never overflow */
@media (max-width: 900px){
  .compact-search-row,
  .search-dock.in-video-search.pro-search-dock.compact-search-row{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:8px!important;
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    padding:8px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
  .compact-search-row #phrase-search-btn,
  .compact-search-row .emoji-btn{grid-column:1;grid-row:1;}
  .compact-search-row input{
    grid-column:2;
    grid-row:1;
    width:100%!important;
    min-width:0!important;
  }
  .compact-inline-actions{
    grid-column:1 / span 2;
    grid-row:2;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
    gap:8px!important;
    justify-content:stretch!important;
  }
  .compact-action-btn{
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    padding:0 8px!important;
    justify-content:center!important;
  }
}

@media (max-width: 640px){
  .compact-search-row,
  .search-dock.in-video-search.pro-search-dock.compact-search-row{
    border-radius:18px!important;
    bottom:10px!important;
    padding:8px!important;
  }
  .compact-search-row #phrase-search-btn,
  .compact-search-row .emoji-btn{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border-radius:14px!important;
  }
  .compact-search-row input{
    height:42px!important;
    font-size:16px!important;
    font-weight:800!important;
  }
  .compact-inline-actions{
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
    gap:7px!important;
  }
  .compact-action-btn{
    height:39px!important;
    border-radius:12px!important;
    gap:6px!important;
  }
  .compact-action-btn .control-label{
    font-size:11px!important;
    white-space:nowrap!important;
  }
  .compact-action-btn .emoji-icon,
  .compact-action-btn .heart-icon,
  .compact-action-btn .text-icon{
    font-size:13px!important;
  }
}

/* v1.39 stable bottom UI: captions, search and actions are separate rows */
.video-bottom-ui{
  position:absolute!important;
  z-index:12!important;
  left:50%!important;
  right:auto!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  width:min(92%,760px)!important;
  max-width:min(92%,760px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  pointer-events:none!important;
}
.video-bottom-ui > *{pointer-events:auto!important;}

/* captions live above the search bar and never overlap it */
.video-bottom-ui .smart-caption-wrap{
  position:relative!important;
  left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
  transform:none!important;
  width:auto!important;
  max-width:min(100%,660px)!important;
  min-width:0!important;
  margin:0!important;
  padding:7px 46px 7px 14px!important;
  border-radius:14px!important;
  background:rgba(6,14,25,.48)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(14px)!important;
  overflow:hidden!important;
}
.video-bottom-ui .smart-caption-text{
  max-height:78px!important;
  overflow:auto!important;
  line-height:1.45!important;
  font-size:20px!important;
}
.video-bottom-ui .smart-caption-fa .smart-caption-text{
  font-size:15px!important;
  color:rgba(229,245,255,.92)!important;
}
.video-bottom-ui .caption-copy-btn{
  position:absolute!important;
  right:10px!important;top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;height:30px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#dff7ff!important;
}

/* search row: one clean centered row */
.stable-search-row,
.search-dock.in-video-search.pro-search-dock.stable-search-row{
  position:relative!important;
  left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
  transform:none!important;
  width:min(100%,620px)!important;
  max-width:min(100%,620px)!important;
  height:auto!important;
  min-height:54px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  padding:8px!important;
  margin:0!important;
  border-radius:18px!important;
  background:rgba(5,13,24,.38)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(15px)!important;
  overflow:hidden!important;
}
.stable-search-row::before,.stable-search-row::after{display:none!important;content:none!important;}
.stable-search-row #phrase-search-btn,
.stable-search-row .emoji-btn{
  grid-column:1!important;
  width:46px!important;min-width:46px!important;height:46px!important;
  border-radius:15px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(135deg, rgba(38,221,245,.94), rgba(37,152,255,.80))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 8px 20px rgba(28,191,240,.20)!important;
}
.stable-search-row input,
.search-dock.in-video-search.pro-search-dock.stable-search-row input{
  grid-column:2!important;
  width:100%!important;min-width:0!important;
  height:46px!important;
  padding:8px 14px!important;
  text-align:center!important;
  direction:ltr!important;
  font-size:18px!important;
  font-weight:850!important;
  color:#fff!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.stable-search-row input::placeholder{color:rgba(255,255,255,.55)!important;}

/* action row is separate under search, so it never breaks search */
.stable-action-row,
.compact-inline-actions.stable-action-row{
  position:relative!important;
  width:min(100%,620px)!important;
  max-width:min(100%,620px)!important;
  display:grid!important;
  grid-template-columns:repeat(4, minmax(0,1fr))!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.stable-action-row .compact-action-btn{
  width:100%!important;min-width:0!important;
  height:42px!important;
  border-radius:14px!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.95)!important;
  backdrop-filter:blur(12px)!important;
}
.stable-action-row .compact-action-btn:hover{background:rgba(255,255,255,.09)!important;}
.stable-action-row .compact-action-btn .control-label{
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  color:rgba(255,255,255,.94)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.stable-action-row .compact-action-btn .emoji-icon,
.stable-action-row .compact-action-btn .heart-icon,
.stable-action-row .compact-action-btn .text-icon{
  font-size:14px!important;
  line-height:1!important;
}
.stable-action-row .compact-action-btn.heart-control .heart-icon{font-size:18px!important;}
.stable-action-row .compact-action-btn.is-active,
.stable-action-row .compact-action-btn.has-translation,
.stable-action-row .compact-action-btn.heart-control.is-favorite{
  background:rgba(30,217,245,.12)!important;
  border-color:rgba(30,217,245,.23)!important;
  color:#a8f7ff!important;
}

/* old lower control panels must stay hidden */
.pro-player-card > .live-meta-bar,
.pro-player-card > .pro-control-panel,
.clean-meta.pro-control-panel.pro-emoji-controls{
  display:none!important;
}

/* reserve enough bottom room inside player so controls do not overlap video/subtitles */
.pro-video-shell,.live-video-shell.live-video-square{
  padding-bottom:188px!important;
  box-sizing:border-box!important;
}

@media (max-width:900px){
  .video-bottom-ui{
    bottom:12px!important;
    width:calc(100% - 22px)!important;
    max-width:calc(100% - 22px)!important;
    gap:8px!important;
  }
  .video-bottom-ui .smart-caption-wrap{
    max-width:100%!important;
    padding:7px 42px 7px 12px!important;
  }
  .video-bottom-ui .smart-caption-text{
    font-size:16px!important;
    max-height:64px!important;
  }
  .video-bottom-ui .smart-caption-fa .smart-caption-text{
    font-size:13px!important;
    max-height:54px!important;
  }
  .stable-search-row,
  .search-dock.in-video-search.pro-search-dock.stable-search-row{
    width:100%!important;
    max-width:100%!important;
    min-height:50px!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    padding:7px!important;
    gap:7px!important;
    border-radius:16px!important;
  }
  .stable-search-row #phrase-search-btn,
  .stable-search-row .emoji-btn{
    width:42px!important;min-width:42px!important;height:42px!important;border-radius:13px!important;
  }
  .stable-search-row input,
  .search-dock.in-video-search.pro-search-dock.stable-search-row input{
    height:42px!important;
    font-size:16px!important;
    padding:7px 10px!important;
  }
  .stable-action-row,
  .compact-inline-actions.stable-action-row{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .stable-action-row .compact-action-btn{
    height:38px!important;
    border-radius:12px!important;
    gap:4px!important;
    padding:0 4px!important;
  }
  .stable-action-row .compact-action-btn .control-label{font-size:10px!important;}
  .stable-action-row .compact-action-btn .emoji-icon,
  .stable-action-row .compact-action-btn .heart-icon,
  .stable-action-row .compact-action-btn .text-icon{font-size:12px!important;}
  .stable-action-row .compact-action-btn.heart-control .heart-icon{font-size:16px!important;}
  .pro-video-shell,.live-video-shell.live-video-square{padding-bottom:186px!important;}
}

@media (max-width:420px){
  .stable-action-row .compact-action-btn .control-label{font-size:9.5px!important;}
  .stable-action-row .compact-action-btn{height:36px!important;}
  .video-bottom-ui .smart-caption-text{font-size:15px!important;}
}

/* v1.40: Persian translation back to top; remove List button layout */
.top-fa-caption.smart-caption-fa{
  position:absolute!important;
  z-index:13!important;
  top:70px!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  max-width:min(78%,720px)!important;
  min-width:min(360px,72%)!important;
  padding:8px 44px 8px 16px!important;
  border-radius:16px!important;
  background:rgba(5,13,24,.34)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.15)!important;
  backdrop-filter:blur(16px)!important;
  overflow:hidden!important;
}
.top-fa-caption.smart-caption-fa .smart-caption-text{
  max-height:62px!important;
  overflow:auto!important;
  font-size:15px!important;
  line-height:1.55!important;
  color:rgba(225,248,255,.95)!important;
  text-align:center!important;
}
.top-fa-caption.smart-caption-fa .caption-copy-btn{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#dff7ff!important;
}
/* action row now has only Translate / Save / Favorite */
.stable-action-row,
.compact-inline-actions.stable-action-row{
  grid-template-columns:repeat(3, minmax(0,1fr))!important;
}
.stable-action-row .compact-action-btn .control-label{
  max-width:100%!important;
}
#add-playlist{display:none!important;}

@media (min-width:901px){
  .stable-action-row,
  .compact-inline-actions.stable-action-row{
    width:min(100%,620px)!important;
    max-width:min(100%,620px)!important;
  }
  .stable-action-row .compact-action-btn{
    min-width:0!important;
  }
}
@media (max-width:900px){
  .top-fa-caption.smart-caption-fa{
    top:64px!important;
    max-width:calc(100% - 34px)!important;
    min-width:0!important;
    width:auto!important;
    padding:7px 40px 7px 12px!important;
  }
  .top-fa-caption.smart-caption-fa .smart-caption-text{
    max-height:52px!important;
    font-size:13px!important;
  }
  .stable-action-row,
  .compact-inline-actions.stable-action-row{
    grid-template-columns:repeat(3, minmax(0,1fr))!important;
  }
}
@media (max-width:640px){
  .top-fa-caption.smart-caption-fa{
    top:58px!important;
    max-width:calc(100% - 28px)!important;
    border-radius:14px!important;
  }
  .top-fa-caption.smart-caption-fa .smart-caption-text{
    font-size:12.5px!important;
    max-height:46px!important;
  }
  .stable-action-row .compact-action-btn .control-label{
    font-size:9.8px!important;
  }
}

/* v1.41 feature UI */
.genre-filter{
  height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);color:#fff;font-weight:800;padding:0 10px;outline:none;
}
.genre-filter option{color:#111;background:#fff;}
.admin-dashboard-grid .table td{vertical-align:top;}
.processing-stats-grid{margin:18px 0;}
.inline-genre-form select,.big-select{width:100%;min-height:44px;border-radius:14px;padding:0 12px;}
.genre-edit-form{margin-top:16px;max-width:520px;}
.admin-search-bar{display:flex;gap:10px;align-items:center;margin:12px 0 18px;}
.admin-search-bar input{flex:1;min-height:46px;border-radius:16px;padding:0 14px;}
.settings-block{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.switch-line{display:flex!important;align-items:center;gap:12px;min-height:42px;}
.switch-line input{width:20px;height:20px;}
.quality-grid .wide{grid-column:1 / -1;}
.ai-teacher-box.word-tooltip{width:min(360px,calc(100vw - 28px));max-height:260px;overflow:auto;white-space:pre-wrap;line-height:1.85;text-align:right;direction:rtl;background:rgba(5,18,32,.94)!important;color:#f8fbff!important;border:1px solid rgba(34,211,238,.24)!important;box-shadow:0 22px 60px rgba(0,0,0,.35)!important;}
.flashcard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;}
.flashcard{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:20px;padding:18px;line-height:1.9;}
.flashcard b{font-size:20px;color:#fff;}
.review-actions{margin-top:12px;}
@media(max-width:760px){
  .genre-filter{width:100%;}
  .admin-search-bar{flex-direction:column;align-items:stretch;}
  .quality-grid .wide{grid-column:auto;}
}

/* v1.43 genre/stats/admin layout fixes */
.user-public-stats{
  grid-column:1 / -1;
  width:min(1180px, calc(100vw - 32px));
  margin:0 auto 10px;
  display:flex; gap:10px; justify-content:center; flex-wrap:wrap;
  pointer-events:none;
}
.user-public-stats span{
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 14px; border-radius:999px;
  background:rgba(10,25,42,.34); border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.78); backdrop-filter:blur(12px); font-weight:800;
}
.user-public-stats b{color:#7de9ff;font-size:16px;}

/* dashboard search genre: Genre label at the right side of the search bar */
.stable-search-row .genre-filter-wrap,
.compact-search-row .genre-filter-wrap{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  height:42px!important;
  padding:0 10px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.78)!important;
  flex:0 0 auto!important;
}
.genre-filter-wrap span{
  font-size:12px!important;
  font-weight:900!important;
  color:#7de9ff!important;
  letter-spacing:.03em!important;
}
.genre-filter-wrap select,
.stable-search-row .genre-filter{
  appearance:auto!important;
  height:34px!important;
  min-width:118px!important;
  max-width:160px!important;
  border:0!important;
  outline:0!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border-radius:10px!important;
  padding:0 8px!important;
  font-weight:800!important;
  font-size:13px!important;
}
.genre-filter-wrap option{color:#111827;background:#fff;}

@media (min-width:901px){
  .stable-search-row,
  .search-dock.in-video-search.pro-search-dock.stable-search-row{
    display:grid!important;
    grid-template-columns:46px minmax(300px,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
  }
  .stable-search-row .emoji-btn{grid-column:1!important;}
  .stable-search-row input{grid-column:2!important;}
  .stable-search-row .genre-filter-wrap{grid-column:3!important;}
}
@media (max-width:700px){
  .stable-search-row,
  .search-dock.in-video-search.pro-search-dock.stable-search-row{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:8px!important;
  }
  .stable-search-row .genre-filter-wrap{
    grid-column:1 / span 2!important;
    width:100%!important;
    justify-content:space-between!important;
  }
  .genre-filter-wrap select{max-width:none!important;width:calc(100% - 72px)!important;}
}

/* movie details: prevent clip card controls from overflowing */
.movie-detail-toolbar{
  display:flex!important; align-items:end!important; gap:12px!important; flex-wrap:wrap!important;
  margin:16px 0 8px!important; padding:14px!important; border-radius:18px!important;
  background:rgba(255,255,255,.05)!important; border:1px solid rgba(255,255,255,.10)!important;
}
.movie-detail-toolbar label{min-width:220px!important;flex:1 1 280px!important;}
.movie-detail-toolbar label span{display:block;font-size:12px;font-weight:900;color:#7de9ff;margin-bottom:6px;}
.movie-detail-toolbar select{width:100%!important;height:46px!important;}
.clip-admin-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))!important;gap:18px!important;}
.clip-card{overflow:hidden!important;min-width:0!important;}
.clip-card video{width:100%!important;max-width:100%!important;display:block!important;}
.clip-body{min-width:0!important;}
.clip-quality-form-pro{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  overflow:hidden!important;
  margin-top:10px!important;
}
.clip-quality-form-pro label{min-width:0!important;}
.clip-quality-form-pro label span{display:block;font-size:11px!important;font-weight:900!important;margin-bottom:5px!important;color:rgba(255,255,255,.75)!important;}
.clip-quality-form-pro select,.clip-quality-form-pro input{width:100%!important;min-width:0!important;height:42px!important;box-sizing:border-box!important;}
.clip-quality-form-pro button{grid-column:1 / -1!important;width:max-content!important;max-width:100%!important;}
.clip-admin-actions-row{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:10px!important;align-items:center!important;}
.clip-admin-actions-row form{margin:0!important;}
@media(max-width:480px){.clip-quality-form-pro{grid-template-columns:repeat(2,minmax(0,1fr))!important}.clip-admin-grid{grid-template-columns:1fr!important}}

/* users: make Save/Delete stable and readable */
.pro-user-form,.user-actions-form.pro-user-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:end!important;
  width:100%!important;
}
.user-form-grid{display:grid!important;grid-template-columns:repeat(3,minmax(180px,1fr))!important;gap:12px!important;min-width:0!important;}
.user-form-grid label{min-width:0!important;font-size:13px!important;font-weight:800!important;color:rgba(255,255,255,.80)!important;}
.user-form-grid select,.user-form-grid input{width:100%!important;min-width:0!important;height:48px!important;box-sizing:border-box!important;}
.user-row-actions{display:flex!important;gap:10px!important;align-items:center!important;justify-content:flex-end!important;min-width:180px!important;}
.user-row-actions .btn{height:44px!important;min-width:82px!important;}
.user-row-pro{display:grid!important;grid-template-columns:minmax(200px,260px) minmax(0,1fr)!important;gap:18px!important;align-items:center!important;}
@media(max-width:1100px){.user-row-pro{grid-template-columns:1fr!important}.pro-user-form{grid-template-columns:1fr!important}.user-form-grid{grid-template-columns:1fr 1fr!important}.user-row-actions{justify-content:flex-start!important;min-width:0!important}}
@media(max-width:640px){.user-form-grid{grid-template-columns:1fr!important}.user-row-actions{width:100%!important}.user-row-actions .btn{flex:1!important}}

/* v1.44 header stats + caption drag + cleaned controls */
.header-public-stats{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-inline-start:14px!important;
  margin-inline-end:12px!important;
  white-space:nowrap!important;
}
.header-public-stats span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  height:34px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(13,29,48,.42)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:rgba(238,247,255,.82)!important;
  font-size:12px!important;
  font-weight:850!important;
}
.header-public-stats b{color:#7de9ff!important;font-size:14px!important;}
.user-public-stats{display:none!important;}

/* Bigger, clearer search bar; genre stays at the right side */
.stable-search-row,
.search-dock.in-video-search.pro-search-dock.stable-search-row{
  width:min(100%,720px)!important;
  max-width:min(100%,720px)!important;
  min-height:62px!important;
  grid-template-columns:54px minmax(320px,1fr) auto!important;
  gap:12px!important;
  padding:10px!important;
}
.stable-search-row #phrase-search-btn,
.stable-search-row .emoji-btn{
  width:52px!important;min-width:52px!important;height:52px!important;border-radius:17px!important;
}
.stable-search-row input,
.search-dock.in-video-search.pro-search-dock.stable-search-row input{
  height:52px!important;
  font-size:20px!important;
  border-radius:16px!important;
}
.stable-search-row .genre-filter-wrap,
.compact-search-row .genre-filter-wrap{
  height:52px!important;
  min-width:190px!important;
}
.genre-filter-wrap span{font-size:13px!important;}
.genre-filter-wrap select,
.stable-search-row .genre-filter{height:40px!important;min-width:126px!important;}

/* Remove Save from the bottom controls; keep only Translate + Favorite */
#save-phrase{display:none!important;}
.stable-action-row,
.compact-inline-actions.stable-action-row{
  grid-template-columns:repeat(2, minmax(0,1fr))!important;
  width:min(100%,420px)!important;
  max-width:min(100%,420px)!important;
}
.stable-action-row .compact-action-btn{height:44px!important;}
.stable-action-row .compact-action-btn .control-label{font-size:12px!important;}

/* captions can be dragged by holding/touching the caption body */
.smart-caption-wrap{touch-action:none!important;cursor:grab!important;}
.smart-caption-wrap.caption-dragging{cursor:grabbing!important;transition:none!important;}
.video-bottom-ui .smart-caption-wrap{
  transform:translate(var(--caption-drag-x,0px), var(--caption-drag-y,0px))!important;
}
.top-fa-caption.smart-caption-fa{
  transform:translate(calc(-50% + var(--caption-drag-x,0px)), var(--caption-drag-y,0px))!important;
}
.smart-caption-wrap.caption-dragged{outline:1px solid rgba(125,233,255,.18)!important;}

/* movie detail quality cards: stop overflow and restore clean form layout */
.clip-quality-form-pro{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:end!important;
  gap:10px!important;
  padding:12px!important;
}
.clip-quality-form-pro label{min-width:0!important;}
.clip-quality-form-pro select,
.clip-quality-form-pro input{height:44px!important;min-width:0!important;}
.clip-quality-form-pro button{grid-column:auto!important;width:100%!important;min-width:0!important;height:44px!important;}
.clip-admin-actions-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
.clip-admin-actions-row form,.clip-admin-actions-row button{width:100%!important;}
.clip-admin-actions-row .btn{width:100%!important;min-width:0!important;}

/* users page action layout */
.user-row-actions{display:flex!important;gap:10px!important;align-items:center!important;justify-content:flex-end!important;}
.user-row-actions .btn{position:static!important;transform:none!important;min-width:92px!important;}
.user-form-grid{grid-template-columns:220px 220px 240px!important;align-items:end!important;}

@media(max-width:900px){
  .header-public-stats{order:4;width:100%;justify-content:flex-start;margin:6px 0 0!important;overflow:auto!important;}
  .stable-search-row,
  .search-dock.in-video-search.pro-search-dock.stable-search-row{
    width:100%!important;max-width:100%!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    min-height:58px!important;
  }
  .stable-search-row #phrase-search-btn,.stable-search-row .emoji-btn{width:46px!important;min-width:46px!important;height:46px!important;}
  .stable-search-row input{height:46px!important;font-size:17px!important;}
  .stable-search-row .genre-filter-wrap{grid-column:1 / span 2!important;width:100%!important;min-width:0!important;height:46px!important;}
  .genre-filter-wrap select{width:calc(100% - 70px)!important;max-width:none!important;}
  .stable-action-row,.compact-inline-actions.stable-action-row{width:100%!important;max-width:100%!important;grid-template-columns:1fr 1fr!important;}
  .clip-quality-form-pro{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .clip-quality-form-pro button{grid-column:1 / -1!important;}
  .user-form-grid{grid-template-columns:1fr!important;}
  .user-row-actions{justify-content:stretch!important;}
  .user-row-actions .btn{flex:1!important;}
}

@media(max-width:520px){
  .stable-search-row input{font-size:16px!important;}
  .stable-action-row .compact-action-btn .control-label{font-size:10.5px!important;}
  .header-public-stats span{font-size:11px!important;height:30px!important;padding:0 8px!important;}
}

/* v1.45 header stats / active menu / mobile compact / guest popup */
.user-chip-with-stats{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  padding-inline-end:12px!important;
}
.header-public-stats{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-inline-start:8px!important;
  white-space:nowrap!important;
}
.header-public-stats span{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:rgba(34,211,238,.10)!important;
  border:1px solid rgba(34,211,238,.18)!important;
  color:#dffbff!important;
  font-size:12px!important;
  font-weight:800!important;
}
.header-public-stats b{color:#35e7ff!important;}
.top-nav a.active,
.clean-top-nav a.active,
.pro-top-nav a.active{
  position:relative!important;
  border-color:rgba(34,211,238,.55)!important;
  background:rgba(34,211,238,.16)!important;
  color:#eaffff!important;
  box-shadow:0 0 0 1px rgba(34,211,238,.12),0 10px 28px rgba(34,211,238,.12)!important;
}
.top-nav a.active::before,
.top-nav a.active::after{
  content:""!important;
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  background:#22d3ee!important;
  box-shadow:0 0 12px rgba(34,211,238,.9)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
.top-nav a.active::before{right:8px!important;}
.top-nav a.active::after{left:8px!important;}
.login-popup{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(2,6,15,.58)!important;
  backdrop-filter:blur(12px)!important;
}
.login-popup.hidden{display:none!important;}
.login-popup-card{
  width:min(92vw,420px)!important;
  padding:26px!important;
  border-radius:28px!important;
  background:rgba(14,27,43,.82)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.45)!important;
  color:#fff!important;
  text-align:center!important;
  position:relative!important;
}
.login-popup-card h3{margin:0 0 10px!important;font-size:24px!important;}
.login-popup-card p{margin:0 0 20px!important;color:rgba(255,255,255,.78)!important;line-height:1.8!important;}
.login-popup-actions{display:flex!important;gap:10px!important;justify-content:center!important;}
.login-popup-close{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  width:36px!important;
  height:36px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:24px!important;
}
.maximize-player-btn{
  position:absolute!important;
  top:72px!important;
  right:18px!important;
  z-index:8!important;
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(4,12,23,.28)!important;
  color:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(10px)!important;
  cursor:pointer!important;
}
.maximize-player-btn:hover,.maximize-player-btn.active{background:rgba(34,211,238,.16)!important;color:#eaffff!important;}
.pro-player-card.max-view{
  position:fixed!important;
  inset:12px!important;
  z-index:9990!important;
  display:flex!important;
  flex-direction:column!important;
}
.pro-player-card.max-view .pro-video-shell{width:100%!important;height:100%!important;max-height:calc(100vh - 24px)!important;}

/* Better compact mobile video controls and captions */
@media (max-width:760px){
  .site-header.clean-header.pro-top-header{
    padding:8px 10px!important;
    gap:8px!important;
  }
  .top-nav.clean-top-nav.pro-top-nav{
    gap:7px!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
  }
  .top-nav.clean-top-nav.pro-top-nav a{
    padding:9px 12px!important;
    font-size:13px!important;
    border-radius:18px!important;
    white-space:nowrap!important;
  }
  .header-actions.pro-header-actions{gap:6px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
  .user-chip-with-stats{gap:6px!important;padding:8px 10px!important;max-width:100%!important;}
  .header-public-stats{gap:4px!important;margin-inline-start:2px!important;max-width:100%!important;overflow:auto!important;}
  .header-public-stats span{font-size:10.5px!important;padding:4px 6px!important;}
  .smart-caption-wrap.smart-caption-en{
    max-width:76%!important;
    padding:8px 10px!important;
    font-size:15px!important;
    line-height:1.45!important;
    max-height:76px!important;
    overflow:auto!important;
  }
  .smart-caption-wrap.smart-caption-fa,
  .top-fa-caption{
    max-width:78%!important;
    padding:7px 10px!important;
    font-size:13px!important;
    line-height:1.55!important;
    max-height:58px!important;
    overflow:auto!important;
  }
  .caption-copy-btn{width:30px!important;height:30px!important;min-width:30px!important;font-size:13px!important;}
  .stable-search-row,.compact-search-row,.search-dock.in-video-search.pro-search-dock{
    width:calc(100% - 22px)!important;
    padding:8px!important;
    gap:8px!important;
  }
  .stable-search-row input,.compact-search-row input{
    height:42px!important;
    font-size:16px!important;
  }
  .genre-filter-wrap{
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    padding:7px 10px!important;
  }
  .genre-filter-wrap span{font-size:13px!important;}
  .genre-filter{height:40px!important;font-size:14px!important;}
  .stable-action-row,.compact-inline-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    gap:8px!important;
  }
  .compact-action-btn{
    min-width:0!important;
    width:100%!important;
    height:42px!important;
    padding:0 8px!important;
    border-radius:14px!important;
  }
  .compact-action-btn .control-label{font-size:11.5px!important;}
}

/* v1.46 header stats / access popup / mobile compact / maximum view */
.header-actions.pro-header-actions{
  gap:10px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
.user-chip-only{flex:0 0 auto!important;}
.header-stat-bubbles{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-inline:10px!important;
  direction:ltr!important;
}
.header-stat-bubble{
  width:58px!important;
  height:58px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  gap:0!important;
  padding:4px!important;
  background:rgba(12,28,43,.48)!important;
  border:1px solid rgba(54,222,238,.24)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 10px 30px rgba(0,0,0,.16)!important;
  color:#eefaff!important;
}
.header-stat-bubble b{font-size:16px!important;line-height:1!important;color:#66efff!important;}
.header-stat-bubble small{font-size:10px!important;line-height:1!important;font-weight:900!important;color:rgba(238,250,255,.82)!important;}
.guest-chip{display:none!important;}
.top-nav.pro-top-nav a.active{
  border-color:rgba(44,224,255,.72)!important;
  box-shadow:0 0 0 2px rgba(44,224,255,.34) inset, 0 0 0 1px rgba(44,224,255,.18), 0 10px 24px rgba(44,224,255,.12)!important;
  background:rgba(44,224,255,.13)!important;
  color:#eaffff!important;
}
.top-nav.pro-top-nav a.active::after{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#28e7ff;
  box-shadow:0 0 12px rgba(40,231,255,.95);
  display:inline-block;
  margin-inline-start:4px;
}
.login-popup-card p{font-size:16px!important;color:rgba(255,255,255,.86)!important;}

.maximize-player-btn{
  top:auto!important;
  right:18px!important;
  bottom:126px!important;
  width:34px!important;
  height:34px!important;
  border-radius:14px!important;
  background:rgba(6,16,29,.22)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:rgba(255,255,255,.82)!important;
  z-index:40!important;
}
.pro-player-card.max-view{
  position:fixed!important;
  inset:0!important;
  z-index:9990!important;
  display:block!important;
  width:100vw!important;
  height:100vh!important;
  padding:0!important;
  border-radius:0!important;
  background:#050b13!important;
}
.pro-player-card.max-view .player-frame,
.pro-player-card.max-view .pro-player-frame,
.pro-player-card.max-view .pro-video-shell{
  width:100vw!important;
  height:100vh!important;
  max-height:100vh!important;
  border-radius:0!important;
  background:#050b13!important;
}
.pro-player-card.max-view .pro-video{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.pro-player-card.max-view .pro-video-topbar,
.pro-player-card.max-view .smart-caption-wrap,
.pro-player-card.max-view .center-transport,
.pro-player-card.max-view .stable-action-row,
.pro-player-card.max-view .compact-inline-actions{
  display:none!important;
}
.pro-player-card.max-view .stable-search-row,
.pro-player-card.max-view .search-dock.in-video-search{
  bottom:22px!important;
  width:min(760px,82vw)!important;
  max-width:min(760px,82vw)!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  opacity:.82!important;
}
.pro-player-card.max-view .maximize-player-btn{
  bottom:22px!important;
  right:22px!important;
}

.analytics-clear-card{margin-bottom:16px!important;}
.analytics-clear-form{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important;}
.analytics-clear-form input{height:46px!important;border-radius:14px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;padding:0 14px!important;}
.settings-block .switch-line input[type="checkbox"]{width:22px!important;height:22px!important;accent-color:#24d9ef!important;}

@media(max-width:760px){
  .header-actions.pro-header-actions{justify-content:flex-end!important;gap:7px!important;}
  .header-stat-bubbles{width:100%!important;justify-content:flex-end!important;margin-inline:0!important;order:3!important;}
  .header-stat-bubble{width:46px!important;height:46px!important;}
  .header-stat-bubble b{font-size:13px!important;}
  .header-stat-bubble small{font-size:8.5px!important;}
  .smart-caption-en .smart-caption-text,
  .live-caption.pro-caption{
    font-size:clamp(11px,3vw,14px)!important;
    line-height:1.28!important;
    max-height:3.9em!important;
    padding:6px 9px!important;
  }
  .smart-caption-en{bottom:150px!important;max-width:78%!important;}
  .smart-caption-fa{top:52px!important;max-width:76%!important;}
  .smart-caption-fa .smart-caption-text,
  .fa-caption-text{
    font-size:clamp(10px,2.75vw,13px)!important;
    line-height:1.35!important;
    max-height:3.7em!important;
    padding:6px 9px!important;
    overflow:auto!important;
  }
  .stable-search-row,
  .search-dock.in-video-search.stable-search-row{
    bottom:62px!important;
    width:calc(100% - 34px)!important;
    max-width:calc(100% - 34px)!important;
    padding:7px!important;
  }
  .stable-search-row input{height:38px!important;font-size:15px!important;}
  .stable-search-row .emoji-btn{height:38px!important;width:40px!important;min-width:40px!important;}
  .stable-action-row,
  .compact-inline-actions.stable-action-row{
    bottom:12px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:calc(100% - 34px)!important;
    max-width:calc(100% - 34px)!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }
  .stable-action-row .compact-action-btn{
    height:42px!important;
    min-height:42px!important;
    border-radius:15px!important;
    padding:0 8px!important;
  }
  .stable-action-row .control-label{font-size:11px!important;}
  .stable-action-row .control-icon{font-size:14px!important;}
  .maximize-player-btn{bottom:118px!important;right:18px!important;width:32px!important;height:32px!important;}
  .pro-player-card.max-view .stable-search-row,
  .pro-player-card.max-view .search-dock.in-video-search{bottom:14px!important;width:calc(100% - 90px)!important;max-width:calc(100% - 90px)!important;}
  .pro-player-card.max-view .maximize-player-btn{bottom:14px!important;right:14px!important;}
}

/* v1.47 mobile captions, ticketing, and active-nav polish */
/* Active user nav: single turquoise dot on the right only */
.top-nav a.active::before,
.clean-top-nav a.active::before,
.pro-top-nav a.active::before{display:none!important;content:none!important;}
.top-nav a.active::after,
.clean-top-nav a.active::after,
.pro-top-nav a.active::after{
  content:""!important;
  position:absolute!important;
  right:9px!important;
  left:auto!important;
  top:50%!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#28e7ff!important;
  transform:translateY(-50%)!important;
  box-shadow:0 0 13px rgba(40,231,255,.95)!important;
}

/* Captions: glassier, copy buttons visible and not over text */
.smart-caption-wrap{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:7px!important;
  background:rgba(6,16,28,.26)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  backdrop-filter:blur(18px) saturate(1.18)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.18)!important;
  touch-action:none!important;
  cursor:grab!important;
}
.smart-caption-wrap.caption-dragging{cursor:grabbing!important;transition:none!important;}
.smart-caption-en{bottom:92px!important;}
.smart-caption-fa{top:58px!important;bottom:auto!important;}
.smart-caption-text,
.smart-caption-en .smart-caption-text,
.smart-caption-en .live-caption,
.smart-caption-en .pro-caption,
.smart-caption-fa .smart-caption-text{
  min-width:0!important;
  max-width:min(72vw,820px)!important;
  padding:8px 13px!important;
  border-radius:16px!important;
  background:rgba(6,14,25,.52)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#f7fbff!important;
  white-space:normal!important;
  overflow:auto!important;
  text-overflow:clip!important;
  scrollbar-width:thin!important;
}
.smart-caption-en .smart-caption-text,
.smart-caption-en .live-caption,
.smart-caption-en .pro-caption{
  font-size:clamp(15px,1.55vw,26px)!important;
  line-height:1.3!important;
  max-height:calc(1.3em * 3 + 18px)!important;
  text-align:left!important;
  direction:ltr!important;
}
.smart-caption-fa .smart-caption-text{
  font-size:clamp(13px,1.05vw,19px)!important;
  line-height:1.45!important;
  max-height:calc(1.45em * 2 + 18px)!important;
  text-align:right!important;
  direction:rtl!important;
}
.caption-copy-btn{
  position:static!important;
  flex:0 0 auto!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#eaffff!important;
  font-size:13px!important;
  box-shadow:none!important;
  opacity:.94!important;
}
.smart-caption-fa .caption-copy-btn{order:2!important;}
.smart-caption-fa .smart-caption-text{order:1!important;}
.hit-word{background:transparent!important;color:var(--gold)!important;text-decoration:none!important;}

@media(max-width:760px){
  .smart-caption-wrap{gap:6px!important;padding:5px!important;max-width:88vw!important;border-radius:16px!important;}
  .smart-caption-en{bottom:132px!important;}
  .smart-caption-fa{top:48px!important;}
  .smart-caption-en .smart-caption-text,
  .smart-caption-en .live-caption,
  .smart-caption-en .pro-caption{
    font-size:clamp(12px,3.15vw,15px)!important;
    line-height:1.32!important;
    max-height:calc(1.32em * 3 + 14px)!important;
    padding:6px 9px!important;
    max-width:72vw!important;
  }
  .smart-caption-fa .smart-caption-text{
    font-size:clamp(10.5px,2.75vw,13px)!important;
    line-height:1.42!important;
    max-height:calc(1.42em * 2 + 14px)!important;
    padding:6px 9px!important;
    max-width:72vw!important;
  }
  .caption-copy-btn{width:26px!important;min-width:26px!important;height:26px!important;font-size:11px!important;border-radius:9px!important;}
  .video-bottom-ui{padding-bottom:6px!important;}
  .stable-search-row,.compact-search-row,.search-dock.in-video-search.pro-search-dock{bottom:12px!important;}
}

/* Ticketing UI */
.ticket-hero{align-items:center!important;}
.ticket-list{display:grid;gap:12px;}
.ticket-row{
  display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;
  padding:16px 18px;border-radius:22px;text-decoration:none;color:#eef8fb;
  background:rgba(9,22,38,.52);border:1px solid rgba(255,255,255,.13);
  transition:.16s ease;backdrop-filter:blur(16px);
}
.ticket-row:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.38);background:rgba(14,33,54,.62);}
.ticket-status{display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:32px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);}
.ticket-status.open{color:#8ff8ff;border-color:rgba(34,211,238,.34);background:rgba(34,211,238,.10);}
.ticket-status.answered{color:#b8ffcc;border-color:rgba(72,220,130,.34);background:rgba(72,220,130,.10);}
.ticket-status.closed{color:#ffc0c7;border-color:rgba(255,100,120,.34);background:rgba(255,100,120,.10);}
.ticket-form,.ticket-reply-form{display:grid;gap:16px;}
.ticket-form{grid-template-columns:1fr 220px;}
.ticket-form .wide{grid-column:1/-1;}
.ticket-form textarea,.ticket-reply-form textarea{min-height:130px;resize:vertical;}
.ticket-file input,.ticket-file-inline input{display:block;margin-top:8px;color:#dff9ff;}
.ticket-thread{display:grid;gap:14px;margin-bottom:20px;}
.ticket-message{width:min(760px,92%);padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);}
.ticket-message.admin{margin-inline-start:auto;background:rgba(34,211,238,.10);border-color:rgba(34,211,238,.20);}
.ticket-message.user{margin-inline-end:auto;}
.ticket-message-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#dff9ff;}
.ticket-message p{white-space:pre-wrap;line-height:1.8;margin:0;color:rgba(255,255,255,.88);}
.ticket-image-link{display:inline-block;margin-top:12px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.16);}
.ticket-image-link img{display:block;max-width:min(280px,72vw);max-height:240px;object-fit:cover;}
.ticket-reply-actions,.ticket-status-form,.ticket-filter-pills{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.admin-ticket-row{grid-template-columns:auto 1fr 220px;}
@media(max-width:760px){
  .ticket-row,.admin-ticket-row{grid-template-columns:1fr;gap:8px;}
  .ticket-form{grid-template-columns:1fr;}
  .ticket-message{width:100%;}
  .ticket-reply-actions{display:grid;grid-template-columns:1fr;}
}

/* v1.49 auth modal + ticket compose polish */
.auth-modal{
  position:fixed!important;
  inset:0!important;
  z-index:10050!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  background:rgba(2,6,15,.64)!important;
  backdrop-filter:blur(16px)!important;
}
.auth-modal.hidden{display:none!important;}
.auth-modal-card{
  width:min(94vw,500px)!important;
  border-radius:30px!important;
  padding:26px!important;
  position:relative!important;
  background:linear-gradient(145deg, rgba(12,25,42,.92), rgba(17,36,58,.76))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 35px 120px rgba(0,0,0,.55)!important;
  color:#fff!important;
  direction:rtl!important;
}
.auth-modal-close{
  position:absolute!important;
  top:14px!important;
  left:14px!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:24px!important;
  cursor:pointer!important;
}
.auth-modal-head{text-align:right!important;padding:0 0 14px!important;}
.auth-modal-kicker{display:block!important;color:#22d3ee!important;font-weight:900!important;font-size:12px!important;letter-spacing:.06em!important;margin-bottom:8px!important;}
.auth-modal-card h3{font-size:30px!important;margin:0 0 8px!important;color:#fff!important;}
.auth-modal-card p{margin:0!important;color:rgba(255,255,255,.76)!important;line-height:1.9!important;font-size:15px!important;}
.auth-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:8px!important;margin:16px 0!important;border-radius:18px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;}
.auth-tab{height:44px!important;border-radius:14px!important;border:0!important;background:transparent!important;color:rgba(255,255,255,.72)!important;font-weight:900!important;cursor:pointer!important;}
.auth-tab.active{background:rgba(34,211,238,.18)!important;color:#bff8ff!important;box-shadow:inset 0 0 0 1px rgba(34,211,238,.20)!important;}
.auth-popup-form{display:none!important;gap:12px!important;}
.auth-popup-form.active{display:grid!important;}
.auth-popup-form label{display:grid!important;gap:7px!important;color:rgba(255,255,255,.82)!important;font-weight:850!important;}
.auth-popup-form input{
  height:50px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;padding:0 14px!important;font-size:16px!important;outline:none!important;direction:ltr!important;text-align:left!important;
}
.auth-popup-form input:focus{border-color:rgba(34,211,238,.42)!important;box-shadow:0 0 0 4px rgba(34,211,238,.08)!important;}
.auth-modal-status{min-height:24px!important;margin-top:12px!important;text-align:center!important;font-weight:850!important;color:rgba(255,255,255,.75)!important;}
.auth-modal-status.error{color:#ff8da1!important;}.auth-modal-status.ok{color:#89f7c0!important;}.auth-modal-status.loading{color:#bff8ff!important;}

.ticket-hero-polished{margin-bottom:18px!important;}
.ticket-hero-polished .muted{max-width:820px!important;font-size:16px!important;line-height:2!important;color:rgba(255,255,255,.70)!important;}
.ticket-compose-shell{
  display:grid!important;
  grid-template-columns:minmax(280px,.85fr) minmax(420px,1.3fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  direction:rtl!important;
}
.ticket-compose-info,.ticket-form-pro{
  border-radius:30px!important;
  background:rgba(7,20,36,.70)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 25px 85px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(18px)!important;
}
.ticket-compose-info{padding:30px!important;color:#fff!important;}
.support-badge{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 13px!important;border-radius:999px!important;background:rgba(34,211,238,.12)!important;color:#bff8ff!important;border:1px solid rgba(34,211,238,.18)!important;font-weight:900!important;margin-bottom:16px!important;}
.ticket-compose-info h2{font-size:30px!important;margin:0 0 12px!important;color:#fff!important;}
.ticket-compose-info p{color:rgba(255,255,255,.72)!important;line-height:2!important;font-size:15px!important;margin:0!important;}
.ticket-tips{display:grid!important;gap:10px!important;margin-top:22px!important;}
.ticket-tips span{padding:12px 14px!important;border-radius:16px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;color:rgba(255,255,255,.82)!important;font-weight:850!important;}
.ticket-form-pro{padding:24px!important;}
.ticket-grid-pro{display:grid!important;grid-template-columns:1.4fr .6fr!important;gap:16px!important;}
.ticket-field{display:grid!important;gap:8px!important;color:rgba(255,255,255,.84)!important;font-weight:900!important;}
.ticket-field.wide{grid-column:1 / -1!important;}
.ticket-field input,.ticket-field select,.ticket-field textarea{
  width:100%!important;box-sizing:border-box!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;padding:14px 16px!important;font-size:16px!important;outline:none!important;box-shadow:none!important;
}
.ticket-field input,.ticket-field select{height:54px!important;}
.ticket-field textarea{min-height:180px!important;resize:vertical!important;line-height:1.9!important;}
.ticket-field input:focus,.ticket-field select:focus,.ticket-field textarea:focus{border-color:rgba(34,211,238,.42)!important;box-shadow:0 0 0 4px rgba(34,211,238,.08)!important;}
.ticket-field input::placeholder,.ticket-field textarea::placeholder{color:rgba(255,255,255,.45)!important;}
.ticket-file-field input[type=file]{height:auto!important;padding:13px!important;cursor:pointer!important;}
.ticket-form-actions{display:flex!important;justify-content:flex-start!important;gap:10px!important;margin-top:18px!important;}
.ticket-form-actions .btn{min-width:130px!important;justify-content:center!important;}

@media(max-width:900px){
  .ticket-compose-shell{grid-template-columns:1fr!important;}
  .ticket-grid-pro{grid-template-columns:1fr!important;}
  .ticket-compose-info,.ticket-form-pro{padding:20px!important;border-radius:24px!important;}
  .ticket-compose-info h2{font-size:24px!important;}
}

/* v1.50 force ticket UI visibility even if old CSS exists */
.ticket-v150-wrap input,.ticket-v150-wrap select,.ticket-v150-wrap textarea,
.tickets-v150 input,.tickets-v150 select,.tickets-v150 textarea,
.ticket-detail-v150 input,.ticket-detail-v150 select,.ticket-detail-v150 textarea{font-family:inherit!important;}
.ticket-v150-wrap,.tickets-v150,.ticket-detail-v150{isolation:isolate;}

/* v1.51 focused UX corrections */
/* Header: menus left, stats center, user/login right */
.site-header.pro-top-header,
.final-top-header.site-header,
.clean-header.site-header{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto minmax(240px,1fr)!important;
  align-items:center!important;
  direction:ltr!important;
  gap:14px!important;
}
.site-header .top-nav,
.clean-top-nav.top-nav,
.pro-top-nav.top-nav{
  grid-column:1!important;
  justify-content:flex-start!important;
  direction:rtl!important;
  width:auto!important;
  overflow-x:auto!important;
}
.header-center-stats{
  grid-column:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-width:0!important;
}
.header-actions.pro-header-actions,
.header-actions.final-user-status{
  grid-column:3!important;
  justify-content:flex-end!important;
  direction:ltr!important;
  width:auto!important;
  order:unset!important;
}
.header-stat-bubbles{display:contents!important;}
.header-stat-bubble{
  flex:0 0 auto!important;
  width:54px!important;
  height:54px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  gap:0!important;
  background:rgba(32,203,222,.12)!important;
  border:1px solid rgba(32,203,222,.28)!important;
  box-shadow:0 0 0 5px rgba(32,203,222,.08)!important;
}
.header-stat-bubble b{font-size:14px!important;color:#74f3ff!important;line-height:1!important;}
.header-stat-bubble small{font-size:8.5px!important;color:rgba(235,253,255,.88)!important;line-height:1!important;}
/* Active menu: one turquoise dot only on the right */
.top-nav a.active::before,.clean-top-nav a.active::before,.pro-top-nav a.active::before{display:none!important;content:none!important;}
.top-nav a.active::after,.clean-top-nav a.active::after,.pro-top-nav a.active::after{
  content:""!important;
  position:absolute!important;
  right:8px!important;
  left:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:9px!important;height:9px!important;border-radius:999px!important;
  background:#26d7e9!important;
  box-shadow:0 0 0 5px rgba(38,215,233,.12)!important;
}
.top-nav a,.clean-top-nav a,.pro-top-nav a{position:relative!important;}

/* Auth popup Persian cleanup */
.auth-modal-card{direction:rtl!important;text-align:right!important;}
.auth-modal-head p:empty{display:none!important;}
.auth-tabs{direction:rtl!important;}
.auth-popup-form label span{font-weight:900!important;color:rgba(255,255,255,.86)!important;}

/* Center video controls: more centered, glassier, white symbols */
.center-transport{
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  display:grid!important;
  grid-template-columns:58px 66px 58px!important;
  gap:14px!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
  z-index:7!important;
}
.center-transport button{pointer-events:auto!important;}
#prev-clip.center-skip,#next-clip.center-skip{
  width:58px!important;height:50px!important;border-radius:18px!important;
  background:rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.92)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(16px) saturate(1.15)!important;
  font-size:17px!important;font-weight:950!important;
}
.play-orb-button.pro-play-button,#big-play-button.pro-play-button{
  width:66px!important;height:66px!important;border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  opacity:.68!important;
}
#big-play-button.pro-play-button:hover{opacity:.88!important;background:rgba(255,255,255,.15)!important;}
#big-play-button.pro-play-button span{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.55)!important;}
#big-play-button.pro-play-button.is-playing{opacity:.36!important;}

/* Captions: glassier and drag across the whole video shell */
.pro-video-shell{position:relative!important;}
.smart-caption-wrap{
  z-index:9!important;
  background:rgba(7,16,28,.22)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(14px) saturate(1.1)!important;
  border-radius:18px!important;
  transform:translate(calc(-50% + var(--caption-drag-x,0px)), var(--caption-drag-y,0px))!important;
  max-width:min(86%,1100px)!important;
}
.smart-caption-text{
  background:rgba(8,17,30,.42)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  padding:9px 15px!important;
}
.smart-caption-fa{top:58px!important;left:50%!important;right:auto!important;bottom:auto!important;}
.smart-caption-en{bottom:116px!important;left:50%!important;right:auto!important;top:auto!important;}
.video-bottom-ui .smart-caption-wrap{position:absolute!important;}
.caption-copy-btn{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.12)!important;}

/* Search area: bigger and stable above action buttons */
.video-bottom-ui{
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  z-index:8!important;
  display:grid!important;
  justify-items:center!important;
  gap:10px!important;
  padding:0 12px 18px!important;
  pointer-events:none!important;
}
.video-bottom-ui > *{pointer-events:auto!important;}
.stable-search-row,
.search-dock.in-video-search.pro-search-dock.stable-search-row{
  position:relative!important;
  left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
  width:min(92%,820px)!important;max-width:min(92%,820px)!important;
  display:grid!important;
  grid-template-columns:50px minmax(260px,1fr) 190px!important;
  gap:10px!important;
  align-items:center!important;
  padding:9px!important;
  border-radius:22px!important;
  background:rgba(7,16,28,.34)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.stable-search-row input{height:48px!important;font-size:18px!important;border-radius:17px!important;}
.stable-search-row #phrase-search-btn{height:48px!important;width:50px!important;min-width:50px!important;border-radius:17px!important;}
.stable-search-row .genre-filter-wrap{height:48px!important;border-radius:17px!important;}
.stable-action-row,
.compact-inline-actions.stable-action-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  width:min(92%,520px)!important;
  max-width:min(92%,520px)!important;
}
.stable-action-row .compact-action-btn{height:48px!important;min-height:0!important;border-radius:18px!important;}

/* Maximum view: make video fill the viewport, keep search compact */
.pro-player-card.max-view{
  position:fixed!important;inset:0!important;z-index:9999!important;
  width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;
  border-radius:0!important;background:#000!important;
  display:block!important;
}
.pro-player-card.max-view .player-frame,.pro-player-card.max-view .pro-player-frame{width:100%!important;height:100%!important;}
.pro-player-card.max-view .pro-video-shell{
  width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;
  border-radius:0!important;margin:0!important;background:#000!important;
}
.pro-player-card.max-view .pro-video{width:100%!important;height:100%!important;object-fit:contain!important;}
.pro-player-card.max-view .pro-video-topbar,.pro-player-card.max-view .stable-action-row,.pro-player-card.max-view .pro-empty-overlay{display:none!important;}
.pro-player-card.max-view .stable-search-row{width:min(88%,700px)!important;max-width:min(88%,700px)!important;}
.maximize-player-btn{
  right:18px!important;bottom:18px!important;top:auto!important;left:auto!important;
  width:40px!important;height:40px!important;border-radius:15px!important;
  background:rgba(10,18,30,.18)!important;border:1px solid rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.82)!important;backdrop-filter:blur(14px)!important;
  z-index:11!important;
}
.pro-player-card.max-view .maximize-player-btn{right:18px!important;bottom:18px!important;}

/* Ticket pages v1.51 */
.ticket-v150-grid{grid-template-columns:1fr!important;justify-items:end!important;}
.ticket-v150-form-card{width:min(760px,100%)!important;margin-right:0!important;}
.ticket-v150-info{display:none!important;}
.ticket-v150-field input,.ticket-v150-field select{height:62px!important;font-size:17px!important;}
.ticket-v150-field textarea{min-height:240px!important;font-size:17px!important;}
.tickets-v150-hero p{display:none!important;}
.tickets-v150-empty span{display:none!important;}
.tickets-v150-date,.ticket-message-head-v150 small{direction:ltr!important;unicode-bidi:isolate!important;}

@media(max-width:760px){
  /* Header/mobile scale: closer to normal app buttons */
  .site-header.pro-top-header,.final-top-header.site-header,.clean-header.site-header{
    display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:9px!important;
  }
  .header-actions.pro-header-actions,.header-actions.final-user-status{grid-column:1!important;grid-row:1!important;justify-content:flex-end!important;width:100%!important;}
  .site-header .top-nav,.clean-top-nav.top-nav,.pro-top-nav.top-nav{grid-column:1!important;grid-row:2!important;width:100%!important;gap:7px!important;}
  .header-center-stats{grid-column:1!important;grid-row:3!important;justify-content:center!important;width:100%!important;gap:7px!important;}
  .top-nav.pro-top-nav a,.ghost-link,.user-chip,.guest-chip{min-height:36px!important;padding:0 11px!important;font-size:12px!important;border-radius:16px!important;}
  .header-stat-bubble{width:42px!important;height:42px!important;}
  .header-stat-bubble b{font-size:12px!important}.header-stat-bubble small{font-size:7.5px!important}
  .live-video-shell.live-video-square{min-height:520px!important;height:min(78vh,620px)!important;border-radius:26px!important;}
  .center-transport{grid-template-columns:44px 56px 44px!important;gap:9px!important;top:50%!important;}
  #prev-clip.center-skip,#next-clip.center-skip{width:44px!important;height:40px!important;border-radius:14px!important;font-size:14px!important;}
  #big-play-button.pro-play-button{width:56px!important;height:56px!important;}
  .smart-caption-wrap{max-width:82vw!important;gap:5px!important;border-radius:14px!important;}
  .smart-caption-text{font-size:clamp(11px,3vw,14px)!important;line-height:1.32!important;padding:7px 10px!important;border-radius:13px!important;max-height:calc(1.32em * 3 + 14px)!important;overflow:auto!important;}
  .smart-caption-fa .smart-caption-text{font-size:clamp(10.5px,2.8vw,13px)!important;line-height:1.45!important;}
  .caption-copy-btn{width:27px!important;height:27px!important;min-width:27px!important;font-size:11px!important;border-radius:10px!important;}
  .smart-caption-fa{top:48px!important;}
  .smart-caption-en{bottom:182px!important;}
  .video-bottom-ui{gap:7px!important;padding:0 9px 12px!important;}
  .stable-search-row,.search-dock.in-video-search.pro-search-dock.stable-search-row{
    width:calc(100% - 18px)!important;max-width:calc(100% - 18px)!important;
    grid-template-columns:42px minmax(0,1fr)!important;gap:7px!important;padding:7px!important;border-radius:18px!important;
  }
  .stable-search-row .genre-filter-wrap{grid-column:1 / span 2!important;width:100%!important;height:40px!important;border-radius:14px!important;}
  .stable-search-row input{height:42px!important;font-size:15px!important;border-radius:14px!important;}
  .stable-search-row #phrase-search-btn{width:42px!important;min-width:42px!important;height:42px!important;border-radius:14px!important;}
  .stable-action-row,.compact-inline-actions.stable-action-row{width:calc(100% - 18px)!important;max-width:calc(100% - 18px)!important;gap:7px!important;}
  .stable-action-row .compact-action-btn{height:42px!important;border-radius:15px!important;min-height:0!important;}
  .stable-action-row .compact-action-btn .control-label{font-size:10.5px!important;}
  .stable-action-row .compact-action-btn .control-icon{font-size:13px!important;}
  .maximize-player-btn{right:12px!important;bottom:13px!important;width:34px!important;height:34px!important;border-radius:12px!important;}
  .pro-player-card.max-view .stable-search-row{width:calc(100% - 70px)!important;max-width:calc(100% - 70px)!important;}
  .ticket-v150-hero p{font-size:14px!important;line-height:1.8!important;}
  .ticket-v150-field input,.ticket-v150-field select{height:54px!important;}
  .ticket-v150-field textarea{min-height:180px!important;}
}

/* v1.52 device-aware layout repair: desktop and mobile are now separated */
/* Header: menu buttons on the right, stats centered, user/auth on the left */
@media (min-width: 901px){
  .site-header.pro-top-header,
  .final-top-header.site-header,
  .clean-header.site-header{
    display:grid!important;
    grid-template-columns:minmax(250px,1fr) auto minmax(360px,1fr)!important;
    grid-template-areas:"auth stats nav"!important;
    align-items:center!important;
    gap:16px!important;
    direction:ltr!important;
  }
  .site-header .top-nav,
  .clean-top-nav.top-nav,
  .pro-top-nav.top-nav{
    grid-area:nav!important;
    justify-content:flex-start!important;
    direction:rtl!important;
    width:100%!important;
    overflow-x:auto!important;
    margin:0!important;
  }
  .header-center-stats{
    grid-area:stats!important;
    justify-content:center!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
  }
  .header-actions.pro-header-actions,
  .header-actions.final-user-status,
  .site-header .header-actions{
    grid-area:auth!important;
    justify-content:flex-start!important;
    direction:ltr!important;
    width:100%!important;
  }
}

/* Desktop player: restore a clear search row and put actions below it */
@media (min-width: 901px){
  .live-video-shell.live-video-square,
  .pro-video-shell{
    min-height:min(78vh,820px)!important;
  }
  .video-bottom-ui{
    bottom:0!important;
    padding:0 18px 32px!important;
    gap:13px!important;
    display:grid!important;
    grid-template-rows:auto auto!important;
    justify-items:center!important;
    pointer-events:none!important;
  }
  .video-bottom-ui > *{pointer-events:auto!important;}
  .stable-search-row,
  .search-dock.in-video-search.pro-search-dock.stable-search-row{
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
    width:min(860px,78vw)!important;
    max-width:min(860px,78vw)!important;
    display:grid!important;
    grid-template-columns:58px minmax(380px,1fr) 180px!important;
    gap:12px!important;
    padding:10px!important;
    border-radius:22px!important;
    background:rgba(8,18,32,.42)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 14px 40px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(18px) saturate(1.15)!important;
  }
  .stable-search-row #phrase-search-btn,
  .stable-search-row .emoji-btn{
    grid-column:1!important;
    width:58px!important;min-width:58px!important;height:54px!important;
    border-radius:18px!important;
    font-size:21px!important;
  }
  .stable-search-row input{
    grid-column:2!important;
    height:54px!important;
    font-size:20px!important;
    border-radius:18px!important;
    text-align:center!important;
    background:rgba(255,255,255,.075)!important;
  }
  .stable-search-row .genre-filter-wrap{
    grid-column:3!important;
    height:54px!important;
    min-width:0!important;
    border-radius:18px!important;
  }
  .stable-action-row,
  .compact-inline-actions.stable-action-row{
    position:relative!important;
    width:min(520px,66vw)!important;
    max-width:min(520px,66vw)!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    justify-content:center!important;
  }
  .stable-action-row .compact-action-btn{
    height:50px!important;
    border-radius:18px!important;
    font-size:13px!important;
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:none!important;
  }
}

/* Caption free drag: JS switches to pixel-based positioning so captions can move across the full video shell */
.smart-caption-wrap.caption-free-pos{
  position:absolute!important;
  transform:none!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
}
.smart-caption-wrap.caption-dragging{
  cursor:grabbing!important;
  transition:none!important;
  z-index:30!important;
}

/* Desktop captions: keep defaults clean, but allow free-drag after the user moves them */
@media (min-width: 901px){
  .smart-caption-fa:not(.caption-free-pos){
    top:56px!important;
    bottom:auto!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
  .smart-caption-en:not(.caption-free-pos){
    bottom:152px!important;
    top:auto!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}

/* Maximum view: actual full video viewport, not just hiding menus */
.pro-player-card.max-view{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  width:100vw!important;
  height:100vh!important;
  max-width:100vw!important;
  max-height:100vh!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  background:#000!important;
  overflow:hidden!important;
}
.pro-player-card.max-view .player-frame,
.pro-player-card.max-view .pro-player-frame,
.pro-player-card.max-view .pro-video-shell{
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  border-radius:0!important;
  margin:0!important;
  border:0!important;
}
.pro-player-card.max-view .pro-video{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.pro-player-card.max-view .pro-video-topbar,
.pro-player-card.max-view .stable-action-row,
.pro-player-card.max-view .playlist-panel,
.pro-player-card.max-view .pro-empty-overlay{
  display:none!important;
}
.pro-player-card.max-view .stable-search-row{
  width:min(720px,86vw)!important;
  max-width:min(720px,86vw)!important;
  grid-template-columns:52px minmax(260px,1fr) 150px!important;
  opacity:.92!important;
}
.pro-player-card.max-view .video-bottom-ui{
  padding-bottom:20px!important;
}

/* Ticket new page: make the form wide and right aligned */
.ticket-v150-wrap{width:min(1320px,calc(100vw - 44px))!important;}
.ticket-v150-grid{
  grid-template-columns:1fr!important;
  justify-items:end!important;
}
.ticket-v150-form-card{
  width:min(980px,100%)!important;
  margin-right:0!important;
  margin-left:auto!important;
}
.ticket-v150-form{max-width:100%!important;}
.ticket-v150-row{grid-template-columns:1.35fr .65fr!important;}

/* Mobile: compact app-like controls; no overflowing buttons and no giant search blocks */
@media (max-width: 900px){
  .site-header.pro-top-header,
  .final-top-header.site-header,
  .clean-header.site-header{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"auth" "nav" "stats"!important;
    gap:8px!important;
    padding:9px!important;
    direction:rtl!important;
  }
  .header-actions.pro-header-actions,
  .header-actions.final-user-status,
  .site-header .header-actions{
    grid-area:auth!important;
    justify-content:flex-end!important;
    width:100%!important;
    direction:ltr!important;
  }
  .site-header .top-nav,
  .clean-top-nav.top-nav,
  .pro-top-nav.top-nav{
    grid-area:nav!important;
    justify-content:flex-end!important;
    gap:6px!important;
    width:100%!important;
    overflow-x:auto!important;
    direction:rtl!important;
  }
  .header-center-stats{grid-area:stats!important;justify-content:center!important;width:100%!important;}
  .top-nav.pro-top-nav a,.ghost-link,.user-chip,.guest-chip{
    min-height:34px!important;
    padding:0 10px!important;
    font-size:11.5px!important;
    border-radius:15px!important;
  }
  .player-home.player-home-wide{gap:8px!important;}
  .live-video-shell.live-video-square,
  .pro-video-shell{
    width:calc(100vw - 16px)!important;
    height:min(76vh,610px)!important;
    min-height:500px!important;
    border-radius:24px!important;
  }
  .center-transport{
    top:50%!important;
    grid-template-columns:38px 50px 38px!important;
    gap:8px!important;
  }
  #prev-clip.center-skip,#next-clip.center-skip{width:38px!important;height:34px!important;border-radius:12px!important;font-size:12px!important;}
  #big-play-button.pro-play-button{width:50px!important;height:50px!important;opacity:.52!important;}
  .smart-caption-wrap{max-width:82vw!important;}
  .smart-caption-en:not(.caption-free-pos){bottom:128px!important;left:50%!important;transform:translateX(-50%)!important;}
  .smart-caption-fa:not(.caption-free-pos){top:46px!important;left:50%!important;transform:translateX(-50%)!important;}
  .smart-caption-text,
  .smart-caption-en .smart-caption-text,
  .smart-caption-fa .smart-caption-text{
    font-size:clamp(10.5px,2.85vw,13px)!important;
    line-height:1.35!important;
    padding:6px 9px!important;
    max-height:58px!important;
    overflow:auto!important;
  }
  .caption-copy-btn{width:25px!important;height:25px!important;min-width:25px!important;font-size:10px!important;border-radius:9px!important;}
  .video-bottom-ui{
    gap:6px!important;
    padding:0 8px 10px!important;
  }
  .stable-search-row,
  .search-dock.in-video-search.pro-search-dock.stable-search-row{
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:6px!important;
    padding:6px!important;
    border-radius:16px!important;
    background:rgba(8,18,32,.34)!important;
  }
  .stable-search-row #phrase-search-btn{width:40px!important;min-width:40px!important;height:38px!important;border-radius:13px!important;font-size:16px!important;}
  .stable-search-row input{height:38px!important;font-size:14px!important;border-radius:13px!important;min-width:0!important;}
  .stable-search-row .genre-filter-wrap{
    grid-column:1 / span 2!important;
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    border-radius:13px!important;
  }
  .stable-search-row .genre-filter-wrap span{font-size:11px!important;}
  .stable-search-row .genre-filter{font-size:13px!important;height:36px!important;}
  .stable-action-row,
  .compact-inline-actions.stable-action-row{
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .stable-action-row .compact-action-btn{
    height:38px!important;
    border-radius:14px!important;
    min-width:0!important;
    padding:0 7px!important;
  }
  .stable-action-row .compact-action-btn .control-label{font-size:10.5px!important;white-space:nowrap!important;}
  .stable-action-row .compact-action-btn .control-icon{font-size:12px!important;}
  .maximize-player-btn{right:12px!important;bottom:12px!important;width:32px!important;height:32px!important;border-radius:11px!important;opacity:.78!important;}
  .ticket-v150-wrap{width:calc(100vw - 18px)!important;}
  .ticket-v150-form-card{width:100%!important;}
  .ticket-v150-row{grid-template-columns:1fr!important;}
}

/* v1.53 strict desktop/mobile repair */
/* Header desktop: menu right, stats center, user/logout left without overlap */
@media (min-width: 901px){
  .site-header.pro-top-header,.final-top-header.site-header,.clean-header.site-header{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    position:relative!important;
    direction:ltr!important;
    min-height:74px!important;
    padding-inline:18px!important;
  }
  .site-header .header-actions,.header-actions.final-user-status,.header-actions.pro-header-actions{
    order:1!important;
    flex:0 0 auto!important;
    margin-right:auto!important;
    justify-content:flex-start!important;
    direction:ltr!important;
    z-index:5!important;
  }
  .site-header .top-nav,.clean-top-nav.top-nav,.pro-top-nav.top-nav{
    order:3!important;
    flex:0 1 auto!important;
    margin-left:auto!important;
    max-width:calc(50vw - 140px)!important;
    justify-content:flex-end!important;
    overflow-x:auto!important;
    direction:rtl!important;
    z-index:4!important;
  }
  .header-center-stats{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    order:2!important;
    width:auto!important;
    max-width:340px!important;
    display:flex!important;
    justify-content:center!important;
    gap:8px!important;
    z-index:3!important;
    pointer-events:none!important;
  }
  .header-center-stats .header-stat-bubble{pointer-events:auto!important;}
  .top-nav a,.clean-top-nav a,.pro-top-nav a{white-space:nowrap!important;}
}

/* Active menu marker: only one turquoise dot on the right side */
.top-nav a.active::before,.clean-top-nav a.active::before,.pro-top-nav a.active::before{display:none!important;content:none!important;}
.top-nav a.active::after,.clean-top-nav a.active::after,.pro-top-nav a.active::after{
  content:""!important;
  position:absolute!important;
  right:8px!important;
  left:auto!important;
  top:50%!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  transform:translateY(-50%)!important;
  background:#29d9ef!important;
  box-shadow:0 0 0 4px rgba(41,217,239,.12),0 0 14px rgba(41,217,239,.75)!important;
}
.top-nav a.active,.clean-top-nav a.active,.pro-top-nav a.active{padding-right:24px!important;}

/* Desktop player bottom: search clearly above, buttons below */
@media (min-width: 901px){
  .video-bottom-ui{
    left:0!important;right:0!important;bottom:0!important;
    display:grid!important;
    grid-template-rows:auto auto!important;
    justify-items:center!important;
    align-content:end!important;
    gap:12px!important;
    padding:0 22px 34px!important;
    background:linear-gradient(to top, rgba(15,27,39,.52), rgba(15,27,39,.26) 65%, transparent)!important;
    pointer-events:none!important;
  }
  .video-bottom-ui>*{pointer-events:auto!important;}
  .stable-search-row,.search-dock.in-video-search.pro-search-dock.stable-search-row{
    grid-row:1!important;
    width:min(850px,72vw)!important;
    max-width:min(850px,72vw)!important;
    display:grid!important;
    grid-template-columns:62px minmax(420px,1fr) 175px!important;
    gap:12px!important;
    padding:10px!important;
    border-radius:23px!important;
    background:rgba(8,18,32,.46)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 16px 44px rgba(0,0,0,.18)!important;
  }
  .stable-search-row #phrase-search-btn{width:62px!important;min-width:62px!important;height:56px!important;border-radius:19px!important;font-size:21px!important;}
  .stable-search-row input{height:56px!important;font-size:20px!important;border-radius:19px!important;text-align:center!important;}
  .stable-search-row .genre-filter-wrap{height:56px!important;border-radius:19px!important;min-width:0!important;}
  .stable-action-row,.compact-inline-actions.stable-action-row{
    grid-row:2!important;
    width:min(500px,56vw)!important;
    max-width:min(500px,56vw)!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    justify-content:center!important;
  }
  .stable-action-row .compact-action-btn{height:48px!important;border-radius:18px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important;}
}

/* Caption drag: pixel-based, full video shell, no sudden transform jump */
.smart-caption-wrap.caption-free-pos{
  position:absolute!important;
  transform:none!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  z-index:24!important;
  touch-action:none!important;
}
.smart-caption-wrap.caption-dragging{cursor:grabbing!important;transition:none!important;user-select:none!important;}
.smart-caption-wrap{touch-action:none!important;}

/* Maximum view: video becomes the page, search keeps its normal size */
.pro-player-card.max-view{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:99999!important;border-radius:0!important;background:#000!important;margin:0!important;padding:0!important;overflow:hidden!important;}
.pro-player-card.max-view .player-frame,.pro-player-card.max-view .pro-player-frame,.pro-player-card.max-view .pro-video-shell{width:100vw!important;height:100vh!important;min-height:100vh!important;border-radius:0!important;border:0!important;margin:0!important;}
.pro-player-card.max-view .pro-video{width:100%!important;height:100%!important;object-fit:contain!important;}
.pro-player-card.max-view .stable-action-row,.pro-player-card.max-view .pro-video-topbar,.pro-player-card.max-view .pro-empty-overlay{display:none!important;}
.pro-player-card.max-view .stable-search-row{width:min(720px,86vw)!important;max-width:min(720px,86vw)!important;grid-template-columns:54px minmax(260px,1fr) 150px!important;opacity:.92!important;}
.pro-player-card.max-view .video-bottom-ui{padding-bottom:22px!important;background:linear-gradient(to top,rgba(0,0,0,.46),transparent)!important;}
.maximize-player-btn{right:16px!important;bottom:16px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(12px)!important;}

/* Ticket page: right aligned, wider form card */
.ticket-v150-wrap{width:min(1320px,calc(100vw - 44px))!important;margin-inline:auto!important;}
.ticket-v150-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:end!important;}
.ticket-v150-form-card{width:min(980px,100%)!important;margin-right:0!important;margin-left:auto!important;}
.ticket-v150-row{grid-template-columns:1.25fr .75fr!important;}
.ticket-v150-field input,.ticket-v150-field select{height:58px!important;font-size:15px!important;}
.ticket-v150-field textarea{min-height:210px!important;font-size:16px!important;line-height:1.9!important;}

/* Mobile: app-like compact layout */
@media (max-width: 900px){
  .site-header.pro-top-header,.final-top-header.site-header,.clean-header.site-header{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"auth" "nav" "stats"!important;gap:8px!important;padding:9px!important;}
  .site-header .header-actions{grid-area:auth!important;justify-content:flex-end!important;width:100%!important;}
  .site-header .top-nav{grid-area:nav!important;justify-content:flex-end!important;gap:6px!important;width:100%!important;overflow-x:auto!important;}
  .header-center-stats{grid-area:stats!important;position:static!important;transform:none!important;justify-content:center!important;max-width:100%!important;}
  .top-nav.pro-top-nav a,.ghost-link,.user-chip,.guest-chip{min-height:34px!important;padding:0 10px!important;font-size:11.5px!important;border-radius:15px!important;}
  .live-video-shell.live-video-square,.pro-video-shell{width:calc(100vw - 16px)!important;height:min(76vh,610px)!important;min-height:500px!important;border-radius:24px!important;}
  .center-transport{top:50%!important;grid-template-columns:38px 50px 38px!important;gap:8px!important;}
  #prev-clip.center-skip,#next-clip.center-skip{width:38px!important;height:34px!important;border-radius:12px!important;font-size:12px!important;}
  #big-play-button.pro-play-button{width:50px!important;height:50px!important;opacity:.50!important;}
  .smart-caption-text{font-size:clamp(10.5px,2.8vw,13px)!important;line-height:1.35!important;padding:6px 9px!important;max-height:58px!important;overflow:auto!important;}
  .smart-caption-wrap{max-width:82vw!important;}
  .caption-copy-btn{width:25px!important;height:25px!important;min-width:25px!important;font-size:10px!important;border-radius:9px!important;}
  .video-bottom-ui{gap:7px!important;padding:0 8px 12px!important;background:linear-gradient(to top, rgba(15,27,39,.44), rgba(15,27,39,.14), transparent)!important;}
  .stable-search-row,.search-dock.in-video-search.pro-search-dock.stable-search-row{width:calc(100% - 14px)!important;max-width:calc(100% - 14px)!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:6px!important;padding:6px!important;border-radius:16px!important;}
  .stable-search-row #phrase-search-btn{width:40px!important;min-width:40px!important;height:38px!important;border-radius:13px!important;font-size:16px!important;}
  .stable-search-row input{height:38px!important;font-size:14px!important;border-radius:13px!important;min-width:0!important;}
  .stable-search-row .genre-filter-wrap{grid-column:1/span 2!important;width:100%!important;min-width:0!important;height:36px!important;border-radius:13px!important;}
  .stable-action-row,.compact-inline-actions.stable-action-row{width:calc(100% - 14px)!important;max-width:calc(100% - 14px)!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;}
  .stable-action-row .compact-action-btn{height:38px!important;border-radius:14px!important;min-width:0!important;padding:0 7px!important;}
  .stable-action-row .compact-action-btn .control-label{font-size:10.5px!important;white-space:nowrap!important;}
  .maximize-player-btn{right:12px!important;bottom:12px!important;width:32px!important;height:32px!important;border-radius:11px!important;opacity:.78!important;}
  .ticket-v150-wrap{width:calc(100vw - 18px)!important;}
  .ticket-v150-form-card{width:100%!important;}
  .ticket-v150-row{grid-template-columns:1fr!important;}
}

/* v1.54 FINAL layout repair: strict desktop/mobile separation */
@media (min-width: 1025px){
  html body .site-header.pro-top-header,
  html body .site-header.clean-header,
  html body .final-top-header.site-header{
    display:grid!important;
    grid-template-columns:minmax(230px,310px) minmax(150px,240px) minmax(620px,1fr)!important;
    grid-template-areas:"auth stats nav"!important;
    align-items:center!important;
    gap:14px!important;
    direction:ltr!important;
    min-height:74px!important;
    padding:10px 18px!important;
    overflow:visible!important;
  }
  html body .site-header .header-actions,
  html body .header-actions.final-user-status,
  html body .header-actions.pro-header-actions{
    grid-area:auth!important;
    order:0!important;
    width:auto!important;
    max-width:310px!important;
    margin:0!important;
    justify-content:flex-start!important;
    justify-self:start!important;
    flex-wrap:nowrap!important;
    z-index:5!important;
  }
  html body .header-center-stats{
    grid-area:stats!important;
    position:static!important;
    transform:none!important;
    width:auto!important;
    max-width:240px!important;
    margin:0!important;
    justify-content:center!important;
    justify-self:center!important;
    display:flex!important;
    gap:8px!important;
    z-index:4!important;
  }
  html body .header-center-stats .header-stat-bubble{
    width:50px!important;
    min-width:50px!important;
    height:50px!important;
    padding:0!important;
    border-radius:999px!important;
  }
  html body .header-center-stats .header-stat-bubble b{font-size:13px!important;line-height:1!important;}
  html body .header-center-stats .header-stat-bubble small{font-size:8px!important;line-height:1!important;}
  html body .site-header .top-nav,
  html body .clean-top-nav.top-nav,
  html body .pro-top-nav.top-nav{
    grid-area:nav!important;
    order:0!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
    direction:rtl!important;
    gap:8px!important;
    z-index:3!important;
  }
  html body .top-nav.pro-top-nav a,
  html body .clean-top-nav a{
    min-height:42px!important;
    padding:0 14px!important;
    font-size:13px!important;
    border-radius:18px!important;
    white-space:nowrap!important;
  }
}

@media (min-width: 901px){
  html body .video-bottom-ui{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    padding:0 24px 30px!important;
    background:linear-gradient(to top, rgba(14,24,34,.62), rgba(14,24,34,.30) 62%, transparent)!important;
    pointer-events:none!important;
    z-index:20!important;
  }
  html body .video-bottom-ui > *{pointer-events:auto!important;}
  html body .stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row{
    order:1!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    transform:none!important;
    margin:0 auto!important;
    width:min(820px,68vw)!important;
    max-width:min(820px,68vw)!important;
    display:grid!important;
    grid-template-columns:58px minmax(380px,1fr) 150px!important;
    align-items:center!important;
    gap:12px!important;
    padding:9px 10px!important;
    border-radius:22px!important;
    background:rgba(7,18,31,.44)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:0 16px 44px rgba(0,0,0,.20)!important;
  }
  html body .stable-search-row #phrase-search-btn,
  html body .stable-search-row .emoji-btn{
    width:58px!important;
    min-width:58px!important;
    height:52px!important;
    border-radius:18px!important;
    font-size:21px!important;
  }
  html body .stable-search-row input{
    height:52px!important;
    font-size:20px!important;
    border-radius:18px!important;
    text-align:center!important;
    min-width:0!important;
  }
  html body .stable-search-row .genre-filter-wrap{
    grid-column:auto!important;
    width:150px!important;
    min-width:150px!important;
    height:52px!important;
    border-radius:18px!important;
  }
  html body .stable-action-row,
  html body .compact-inline-actions.stable-action-row{
    order:2!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    transform:none!important;
    width:min(440px,48vw)!important;
    max-width:min(440px,48vw)!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    margin:0 auto!important;
  }
  html body .stable-action-row .compact-action-btn{
    height:48px!important;
    min-height:0!important;
    border-radius:18px!important;
    padding:0 14px!important;
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:none!important;
  }
  html body .stable-action-row .compact-action-btn .control-label{font-size:12px!important;}
  html body .stable-action-row .compact-action-btn .control-icon{font-size:14px!important;}
}

/* Caption drag fix: make caption draggable anywhere inside the whole video shell */
html body .smart-caption-wrap{
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
  z-index:34!important;
}
html body .smart-caption-wrap.caption-dragging{cursor:grabbing!important;transition:none!important;}
html body .smart-caption-wrap.caption-free-pos{
  position:absolute!important;
  transform:none!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  z-index:40!important;
}

/* Maximum view: keep only video + search, and really fill the viewport */
html body .pro-player-card.max-view{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:99999!important;margin:0!important;padding:0!important;border-radius:0!important;background:#000!important;overflow:hidden!important;}
html body .pro-player-card.max-view .player-frame,
html body .pro-player-card.max-view .pro-player-frame,
html body .pro-player-card.max-view .pro-video-shell{width:100vw!important;height:100vh!important;min-height:100vh!important;border-radius:0!important;border:0!important;margin:0!important;}
html body .pro-player-card.max-view .pro-video{width:100%!important;height:100%!important;object-fit:contain!important;}
html body .pro-player-card.max-view .stable-action-row,
html body .pro-player-card.max-view .pro-video-topbar,
html body .pro-player-card.max-view .pro-empty-overlay{display:none!important;}
html body .pro-player-card.max-view .video-bottom-ui{padding-bottom:22px!important;background:linear-gradient(to top,rgba(0,0,0,.48),transparent)!important;}
html body .pro-player-card.max-view .stable-search-row{width:min(720px,86vw)!important;max-width:min(720px,86vw)!important;grid-template-columns:54px minmax(260px,1fr) 150px!important;opacity:.92!important;}

@media (max-width: 900px){
  html body .site-header.pro-top-header,
  html body .final-top-header.site-header,
  html body .clean-header.site-header{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"auth" "nav" "stats"!important;
    gap:8px!important;
    padding:9px!important;
    overflow:hidden!important;
  }
  html body .site-header .header-actions{grid-area:auth!important;justify-content:flex-end!important;width:100%!important;}
  html body .site-header .top-nav{grid-area:nav!important;justify-content:flex-end!important;width:100%!important;overflow-x:auto!important;gap:6px!important;}
  html body .header-center-stats{grid-area:stats!important;position:static!important;transform:none!important;justify-content:center!important;max-width:100%!important;width:100%!important;}
  html body .video-bottom-ui{
    position:absolute!important;
    left:0!important;right:0!important;bottom:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:7px!important;
    padding:0 9px 12px!important;
    background:linear-gradient(to top, rgba(14,24,34,.58), rgba(14,24,34,.20), transparent)!important;
    pointer-events:none!important;
  }
  html body .video-bottom-ui > *{pointer-events:auto!important;}
  html body .stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row{
    order:1!important;
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px!important;
    border-radius:17px!important;
  }
  html body .stable-search-row input{height:42px!important;font-size:15px!important;border-radius:14px!important;min-width:0!important;}
  html body .stable-search-row #phrase-search-btn{width:42px!important;min-width:42px!important;height:42px!important;border-radius:14px!important;font-size:16px!important;}
  html body .stable-search-row .genre-filter-wrap{grid-column:1 / span 2!important;width:100%!important;height:38px!important;border-radius:14px!important;}
  html body .stable-action-row,
  html body .compact-inline-actions.stable-action-row{
    order:2!important;
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  html body .stable-action-row .compact-action-btn{height:40px!important;border-radius:15px!important;min-height:0!important;padding:0 8px!important;}
  html body .stable-action-row .compact-action-btn .control-label{font-size:10.5px!important;}
}

/* v1.55 - professional desktop search bar + reliable caption drag */
html body .pro-video-shell,
html body .live-video-shell{
  position:relative!important;
}

@media (min-width:901px){
  html body .video-bottom-ui{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:14px!important;
    padding:0 26px 34px!important;
    background:linear-gradient(to top, rgba(12,22,32,.66), rgba(12,22,32,.38) 55%, transparent 100%)!important;
    pointer-events:none!important;
    z-index:24!important;
  }
  html body .video-bottom-ui > *{pointer-events:auto!important;}

  html body .stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row{
    order:1!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    transform:none!important;
    margin:0 auto!important;
    width:min(760px,64vw)!important;
    max-width:min(760px,64vw)!important;
    height:62px!important;
    display:grid!important;
    grid-template-columns:58px minmax(300px,1fr) 146px!important;
    align-items:center!important;
    gap:10px!important;
    padding:8px 10px!important;
    border-radius:24px!important;
    background:rgba(8,18,31,.40)!important;
    border:1px solid rgba(130,215,230,.17)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.07)!important;
    backdrop-filter:blur(18px)!important;
    overflow:hidden!important;
  }
  html body .stable-search-row::before,
  html body .stable-search-row::after{display:none!important;content:none!important;}

  html body .stable-search-row #phrase-search-btn,
  html body .stable-search-row .emoji-btn{
    grid-column:1!important;
    grid-row:1!important;
    width:58px!important;
    min-width:58px!important;
    height:46px!important;
    border-radius:18px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    font-size:20px!important;
    background:linear-gradient(135deg, rgba(31,206,231,.94), rgba(27,137,215,.82))!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:0 10px 24px rgba(20,177,220,.20)!important;
  }
  html body .stable-search-row input,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row input{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    padding:0 16px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
    color:#fff!important;
    font-size:19px!important;
    font-weight:900!important;
    text-align:center!important;
    direction:ltr!important;
  }
  html body .stable-search-row input::placeholder{color:rgba(255,255,255,.55)!important;}

  html body .stable-search-row .genre-filter-wrap{
    grid-column:3!important;
    grid-row:1!important;
    width:146px!important;
    min-width:146px!important;
    height:46px!important;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 12px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.88)!important;
    overflow:hidden!important;
  }
  html body .stable-search-row .genre-filter-wrap span{
    color:#70e6f4!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
  }
  html body .stable-search-row .genre-filter,
  html body .stable-search-row select.genre-filter{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0 22px 0 6px!important;
    border:0!important;
    outline:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:850!important;
    box-shadow:none!important;
    appearance:auto!important;
  }
  html body .stable-search-row .genre-filter option{color:#0f172a!important;background:#fff!important;}

  html body .stable-action-row,
  html body .compact-inline-actions.stable-action-row{
    order:2!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    transform:none!important;
    width:min(430px,42vw)!important;
    max-width:min(430px,42vw)!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
  }
  html body .stable-action-row .compact-action-btn{
    height:44px!important;
    min-height:0!important;
    border-radius:17px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    color:rgba(255,255,255,.94)!important;
    box-shadow:none!important;
    backdrop-filter:blur(12px)!important;
  }
  html body .stable-action-row .compact-action-btn:hover{background:rgba(255,255,255,.12)!important;}
  html body .stable-action-row .compact-action-btn .control-label{font-size:11.5px!important;font-weight:900!important;white-space:nowrap!important;}
  html body .stable-action-row .compact-action-btn .control-icon{font-size:13px!important;}
}

/* mobile remains compact and never uses desktop widths */
@media (max-width:900px){
  html body .video-bottom-ui{
    gap:7px!important;
    padding:0 8px 12px!important;
    background:linear-gradient(to top, rgba(12,22,32,.62), rgba(12,22,32,.25), transparent)!important;
  }
  html body .stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row{
    width:calc(100% - 18px)!important;
    max-width:calc(100% - 18px)!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px!important;
    border-radius:17px!important;
    background:rgba(8,18,31,.38)!important;
    border:1px solid rgba(130,215,230,.15)!important;
    box-shadow:none!important;
  }
  html body .stable-search-row input{height:41px!important;font-size:15px!important;border-radius:14px!important;}
  html body .stable-search-row #phrase-search-btn{height:41px!important;width:41px!important;min-width:41px!important;border-radius:14px!important;}
  html body .stable-search-row .genre-filter-wrap{
    grid-column:1 / span 2!important;
    width:100%!important;
    height:38px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.06)!important;
    border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:none!important;
  }
  html body .stable-action-row{width:calc(100% - 18px)!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;}
  html body .stable-action-row .compact-action-btn{height:39px!important;border-radius:14px!important;}
}

/* caption dragging v1.55 */
html body .smart-caption-wrap{
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
  z-index:36!important;
  max-width:min(82%,720px)!important;
}
html body .smart-caption-wrap.caption-dragging{
  cursor:grabbing!important;
  transition:none!important;
  opacity:.98!important;
}
html body .smart-caption-wrap.caption-free-pos{
  position:absolute!important;
  transform:none!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  z-index:42!important;
}

/* v1.56 FINAL OVERRIDE: centered desktop search/actions + no white genre halo */
@media (min-width:901px){
  html body .pro-video-shell .video-bottom-ui,
  html body .live-video-shell .video-bottom-ui{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    justify-items:center!important;
    align-items:end!important;
    row-gap:12px!important;
    padding:0 24px 28px!important;
    background:linear-gradient(to top, rgba(11,21,31,.62), rgba(11,21,31,.28) 55%, transparent)!important;
    pointer-events:none!important;
    z-index:35!important;
  }
  html body .pro-video-shell .video-bottom-ui > *,
  html body .live-video-shell .video-bottom-ui > *{pointer-events:auto!important;}

  html body .stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row{
    grid-row:1!important;
    order:1!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    transform:none!important;
    margin:0 auto!important;
    width:min(760px,72vw)!important;
    max-width:min(760px,72vw)!important;
    min-width:560px!important;
    height:60px!important;
    display:grid!important;
    grid-template-columns:56px minmax(300px,1fr) 142px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    padding:7px 9px!important;
    border-radius:24px!important;
    background:rgba(6,16,29,.50)!important;
    border:1px solid rgba(128,230,245,.18)!important;
    box-shadow:0 14px 38px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06)!important;
    backdrop-filter:blur(18px)!important;
    overflow:hidden!important;
  }
  html body .stable-search-row #phrase-search-btn,
  html body .stable-search-row .emoji-btn{
    grid-column:1!important;
    width:56px!important;
    min-width:56px!important;
    height:46px!important;
    border-radius:17px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    font-size:20px!important;
  }
  html body .stable-search-row input,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row input{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    border-radius:17px!important;
    padding:0 16px!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:none!important;
    color:#fff!important;
    font-size:19px!important;
    font-weight:900!important;
    text-align:center!important;
    direction:ltr!important;
  }
  html body .stable-search-row .genre-filter-wrap{
    grid-column:3!important;
    width:142px!important;
    min-width:142px!important;
    height:46px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:7px!important;
    align-items:center!important;
    padding:0 11px!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html body .stable-search-row .genre-filter-wrap span{
    color:#63e7f6!important;
    font-size:10.5px!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }
  html body .stable-search-row select.genre-filter,
  html body .stable-search-row .genre-filter{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0 4px!important;
    border:0!important;
    outline:0!important;
    border-radius:10px!important;
    background-color:transparent!important;
    background-image:none!important;
    color:#fff!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:900!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
  }
  html body .stable-search-row .genre-filter-wrap::after{
    content:'⌄';
    color:rgba(255,255,255,.70);
    font-size:14px;
    position:absolute;
    right:12px;
    pointer-events:none;
  }
  html body .stable-search-row .genre-filter option{color:#0f172a!important;background:#fff!important;}

  html body .stable-action-row,
  html body .compact-inline-actions.stable-action-row{
    grid-row:2!important;
    order:2!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    transform:none!important;
    margin:0 auto!important;
    width:min(420px,44vw)!important;
    max-width:min(420px,44vw)!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    justify-content:center!important;
    align-items:center!important;
    padding:0!important;
    background:transparent!important;
  }
  html body .stable-action-row .compact-action-btn{
    height:43px!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:none!important;
  }
}

/* v1.56 mobile: keep same structure but smaller and centered */
@media (max-width:900px){
  html body .pro-video-shell .video-bottom-ui,
  html body .live-video-shell .video-bottom-ui{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    row-gap:7px!important;
    padding:0 8px 10px!important;
    background:linear-gradient(to top, rgba(11,21,31,.60), rgba(11,21,31,.25), transparent)!important;
    pointer-events:none!important;
    z-index:35!important;
  }
  html body .video-bottom-ui > *{pointer-events:auto!important;}
  html body .stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row{
    width:calc(100% - 18px)!important;
    max-width:calc(100% - 18px)!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px!important;
    border-radius:17px!important;
    background:rgba(6,16,29,.47)!important;
    border:1px solid rgba(128,230,245,.15)!important;
    box-shadow:none!important;
  }
  html body .stable-search-row #phrase-search-btn{width:40px!important;min-width:40px!important;height:40px!important;border-radius:13px!important;}
  html body .stable-search-row input{height:40px!important;font-size:15px!important;border-radius:13px!important;text-align:center!important;}
  html body .stable-search-row .genre-filter-wrap{grid-column:1 / span 2!important;width:100%!important;height:36px!important;border-radius:13px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important;}
  html body .stable-search-row select.genre-filter{background:transparent!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;color:#fff!important;}
  html body .stable-action-row{width:calc(100% - 18px)!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;}
  html body .stable-action-row .compact-action-btn{height:38px!important;border-radius:14px!important;}
}

/* v1.56 caption free position must beat all old !important centering rules */
html body .smart-caption-wrap.caption-free-pos{
  position:absolute!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  margin:0!important;
  z-index:80!important;
}
html body .smart-caption-wrap.caption-dragging{z-index:90!important;}

/* v1.57 HARD FINAL: independent centered search/actions layout + solid caption drag layer */
html body .pro-video-shell,
html body .live-video-shell{position:relative!important; overflow:hidden!important;}

@media (min-width:901px){
  html body .pro-video-shell .video-bottom-ui,
  html body .live-video-shell .video-bottom-ui{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:34px!important;
    top:auto!important;
    transform:translateX(-50%)!important;
    width:min(760px, calc(100% - 96px))!important;
    max-width:min(760px, calc(100% - 96px))!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
    z-index:55!important;
  }
  html body .pro-video-shell .video-bottom-ui > *,
  html body .live-video-shell .video-bottom-ui > *{pointer-events:auto!important;}

  html body form#phrase-search-form.stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row,
  html body .stable-search-row{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:62px!important;
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr) 138px!important;
    align-items:center!important;
    gap:10px!important;
    padding:8px 10px!important;
    margin:0!important;
    border-radius:24px!important;
    background:rgba(7,17,30,.58)!important;
    border:1px solid rgba(103,220,238,.18)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05)!important;
    backdrop-filter:blur(18px)!important;
    overflow:hidden!important;
  }
  html body .stable-search-row #phrase-search-btn,
  html body .stable-search-row .emoji-btn{
    grid-column:1!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    border-radius:17px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    font-size:20px!important;
  }
  html body .stable-search-row input#phrase-query,
  html body .stable-search-row input{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    padding:0 18px!important;
    margin:0!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:none!important;
    color:#fff!important;
    font-size:20px!important;
    font-weight:900!important;
    text-align:center!important;
    direction:ltr!important;
  }
  html body .stable-search-row .genre-filter-wrap{
    grid-column:3!important;
    position:relative!important;
    width:138px!important;
    min-width:0!important;
    height:46px!important;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    align-items:center!important;
    gap:7px!important;
    padding:0 12px!important;
    margin:0!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html body .stable-search-row .genre-filter-wrap span{
    color:#5ee4f3!important;
    font-size:10px!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }
  html body .stable-search-row select.genre-filter,
  html body .stable-search-row .genre-filter{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    padding:0 12px 0 0!important;
    border:0!important;
    outline:0!important;
    border-radius:12px!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:900!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
  }
  html body .stable-search-row .genre-filter-wrap::after{
    content:'⌄'!important;
    position:absolute!important;
    right:10px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:rgba(255,255,255,.72)!important;
    pointer-events:none!important;
  }

  html body .compact-inline-actions.stable-action-row,
  html body .stable-action-row{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:min(430px, 100%)!important;
    max-width:min(430px, 100%)!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    padding:0!important;
    margin:0 auto!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body .stable-action-row .compact-action-btn{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:none!important;
  }
}

@media (max-width:900px){
  html body .pro-video-shell .video-bottom-ui,
  html body .live-video-shell .video-bottom-ui{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:14px!important;
    top:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:8px!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
    z-index:55!important;
  }
  html body .video-bottom-ui > *{pointer-events:auto!important;}
  html body form#phrase-search-form.stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row,
  html body .stable-search-row{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:42px 38px!important;
    align-items:center!important;
    gap:7px!important;
    padding:7px!important;
    margin:0!important;
    border-radius:18px!important;
    background:rgba(7,17,30,.52)!important;
    border:1px solid rgba(103,220,238,.16)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(16px)!important;
    overflow:hidden!important;
  }
  html body .stable-search-row #phrase-search-btn{grid-column:1!important;grid-row:1!important;width:42px!important;min-width:42px!important;height:42px!important;border-radius:14px!important;padding:0!important;}
  html body .stable-search-row input#phrase-query,
  html body .stable-search-row input{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;height:42px!important;border-radius:14px!important;font-size:16px!important;text-align:center!important;padding:0 12px!important;}
  html body .stable-search-row .genre-filter-wrap{grid-column:1 / span 2!important;grid-row:2!important;width:100%!important;min-width:0!important;height:38px!important;border-radius:14px!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;padding:0 12px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important;overflow:hidden!important;}
  html body .stable-search-row .genre-filter-wrap span{font-size:11px!important;color:#5ee4f3!important;font-weight:950!important;}
  html body .stable-search-row select.genre-filter{background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;color:#fff!important;appearance:none!important;-webkit-appearance:none!important;font-size:13px!important;font-weight:900!important;}
  html body .compact-inline-actions.stable-action-row,
  html body .stable-action-row{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important;padding:0!important;background:transparent!important;}
  html body .stable-action-row .compact-action-btn{height:40px!important;border-radius:14px!important;min-width:0!important;width:100%!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.12)!important;}
  html body .stable-action-row .compact-action-btn .control-label{font-size:11px!important;white-space:nowrap!important;}
}

html body .smart-caption-wrap{
  pointer-events:auto!important;
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
  z-index:75!important;
}
html body .smart-caption-wrap.caption-free-pos{
  position:absolute!important;
  left:var(--caption-left, auto)!important;
  top:var(--caption-top, auto)!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  margin:0!important;
  z-index:90!important;
}
html body .smart-caption-wrap.caption-dragging{cursor:grabbing!important;transition:none!important;z-index:100!important;}

/* v1.58 MOBILE-ONLY compact polish + active menu ring (desktop layout untouched) */
/* Remove active turquoise dot; keep only a clean turquoise ring around the active menu. */
html body .top-nav a.active::before,
html body .top-nav a.active::after,
html body .clean-top-nav a.active::before,
html body .clean-top-nav a.active::after,
html body .pro-top-nav a.active::before,
html body .pro-top-nav a.active::after{
  display:none!important;
  content:none!important;
}
html body .top-nav a.active,
html body .clean-top-nav a.active,
html body .pro-top-nav a.active{
  padding-right:inherit!important;
  border-color:rgba(35,225,245,.86)!important;
  box-shadow:0 0 0 1px rgba(35,225,245,.34), 0 0 18px rgba(35,225,245,.20)!important;
}

/* Only mobile/tablet: make controls smaller, centered and app-like. */
@media (max-width:900px){
  html body .pro-video-shell .video-bottom-ui,
  html body .live-video-shell .video-bottom-ui{
    left:50%!important;
    right:auto!important;
    bottom:12px!important;
    transform:translateX(-50%)!important;
    width:min(86vw, 350px)!important;
    max-width:min(86vw, 350px)!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    box-shadow:none!important;
    z-index:58!important;
  }

  html body form#phrase-search-form.stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row,
  html body .stable-search-row{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    grid-template-rows:36px 32px!important;
    gap:5px!important;
    padding:5px!important;
    margin:0!important;
    border-radius:15px!important;
    background:rgba(7,17,30,.42)!important;
    border:1px solid rgba(103,220,238,.12)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.14)!important;
    backdrop-filter:blur(14px)!important;
    overflow:hidden!important;
  }
  html body .stable-search-row #phrase-search-btn,
  html body .stable-search-row .emoji-btn{
    grid-column:1!important;
    grid-row:1!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    border-radius:12px!important;
    padding:0!important;
    font-size:16px!important;
    display:grid!important;
    place-items:center!important;
  }
  html body .stable-search-row input#phrase-query,
  html body .stable-search-row input{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    padding:0 10px!important;
    margin:0!important;
    border-radius:12px!important;
    font-size:14px!important;
    font-weight:850!important;
    text-align:center!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
  }
  html body .stable-search-row .genre-filter-wrap{
    grid-column:1 / span 2!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    height:32px!important;
    border-radius:12px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 10px!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html body .stable-search-row .genre-filter-wrap span{
    font-size:10px!important;
    color:#5ee4f3!important;
    font-weight:900!important;
  }
  html body .stable-search-row select.genre-filter,
  html body .stable-search-row .genre-filter{
    height:30px!important;
    min-width:0!important;
    width:100%!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#fff!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    font-size:12.5px!important;
    font-weight:850!important;
  }

  html body .compact-inline-actions.stable-action-row,
  html body .stable-action-row{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body .stable-action-row .compact-action-btn{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:0!important;
    padding:0 6px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:none!important;
  }
  html body .stable-action-row .compact-action-btn .control-label{
    font-size:9.8px!important;
    white-space:nowrap!important;
    line-height:1!important;
  }
  html body .stable-action-row .compact-action-btn .control-icon,
  html body .stable-action-row .compact-action-btn .heart-icon{
    font-size:11px!important;
    line-height:1!important;
  }

  /* Keep English subtitle above the mobile controls when it has not been manually moved. */
  html body .smart-caption-en:not(.caption-free-pos){
    bottom:128px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    max-width:78vw!important;
  }
  html body .smart-caption-fa:not(.caption-free-pos){
    top:42px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    max-width:78vw!important;
  }
  html body .smart-caption-wrap{
    max-width:78vw!important;
    gap:4px!important;
    padding:4px!important;
    border-radius:12px!important;
  }
  html body .smart-caption-text,
  html body .smart-caption-en .smart-caption-text,
  html body .smart-caption-fa .smart-caption-text{
    font-size:clamp(9.8px,2.45vw,12px)!important;
    line-height:1.28!important;
    padding:5px 8px!important;
    border-radius:11px!important;
    max-height:48px!important;
    overflow:auto!important;
  }
  html body .caption-copy-btn{
    width:23px!important;
    min-width:23px!important;
    height:23px!important;
    font-size:9px!important;
    border-radius:8px!important;
  }
}

/* v1.59 MOBILE-ONLY layout separation and compact controls
   Desktop rules are intentionally untouched. */
html body .top-nav a.active::before,
html body .top-nav a.active::after,
html body .clean-top-nav a.active::before,
html body .clean-top-nav a.active::after,
html body .pro-top-nav a.active::before,
html body .pro-top-nav a.active::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
}
html body .top-nav a.active,
html body .clean-top-nav a.active,
html body .pro-top-nav a.active{
  border-color:rgba(36,226,245,.92)!important;
  box-shadow:0 0 0 1px rgba(36,226,245,.36), 0 0 15px rgba(36,226,245,.18)!important;
}

@media (max-width: 820px){
  html body .pro-video-shell .center-transport,
  html body .live-video-shell .center-transport,
  html body .center-transport{
    top:44%!important;
    left:50%!important;
    transform:translate(-50%,-50%)!important;
    grid-template-columns:34px 46px 34px!important;
    gap:9px!important;
    z-index:64!important;
  }
  html body #prev-clip.center-skip,
  html body #next-clip.center-skip{
    width:34px!important;
    height:31px!important;
    border-radius:11px!important;
    font-size:11px!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    color:rgba(255,255,255,.95)!important;
    box-shadow:none!important;
  }
  html body .play-orb-button.pro-play-button,
  html body .pro-play-button{
    width:46px!important;
    height:46px!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:none!important;
  }
  html body .pro-play-button span,
  html body .play-orb-button.pro-play-button span{
    width:30px!important;
    height:30px!important;
    font-size:14px!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
  }

  /* One compact mobile-only dock: search+genre on the left, actions on the right. */
  html body .pro-video-shell .video-bottom-ui,
  html body .live-video-shell .video-bottom-ui,
  html body .video-bottom-ui{
    left:50%!important;
    right:auto!important;
    bottom:9px!important;
    transform:translateX(-50%)!important;
    width:min(88vw, 356px)!important;
    max-width:min(88vw, 356px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 78px!important;
    grid-template-rows:auto!important;
    align-items:stretch!important;
    column-gap:6px!important;
    row-gap:0!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:60!important;
    overflow:visible!important;
  }
  html body form#phrase-search-form.stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row,
  html body .stable-search-row{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-rows:34px 30px!important;
    gap:5px!important;
    padding:5px!important;
    margin:0!important;
    border-radius:15px!important;
    background:rgba(7,17,30,.48)!important;
    border:1px solid rgba(103,220,238,.13)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.15)!important;
    backdrop-filter:blur(14px)!important;
    overflow:hidden!important;
  }
  html body .stable-search-row #phrase-search-btn,
  html body .stable-search-row .emoji-btn{
    grid-column:1!important;
    grid-row:1!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    border-radius:12px!important;
    padding:0!important;
    font-size:15px!important;
    display:grid!important;
    place-items:center!important;
  }
  html body .stable-search-row input#phrase-query,
  html body .stable-search-row input{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0 8px!important;
    margin:0!important;
    border-radius:12px!important;
    font-size:14px!important;
    line-height:34px!important;
    text-align:center!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
  }
  html body .stable-search-row .genre-filter-wrap{
    grid-column:1 / span 2!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    border-radius:12px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    padding:0 9px!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html body .stable-search-row .genre-filter-wrap span{
    font-size:9.5px!important;
    color:#5ee4f3!important;
    font-weight:900!important;
    line-height:1!important;
  }
  html body .stable-search-row select.genre-filter,
  html body .stable-search-row .genre-filter{
    height:28px!important;
    min-width:0!important;
    width:100%!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#fff!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    font-size:12px!important;
    font-weight:850!important;
  }
  html body .compact-inline-actions.stable-action-row,
  html body .stable-action-row{
    grid-column:2!important;
    grid-row:1!important;
    width:78px!important;
    max-width:78px!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:1fr 1fr!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body .stable-action-row .compact-action-btn{
    width:78px!important;
    min-width:0!important;
    height:32px!important;
    min-height:0!important;
    padding:0 5px!important;
    border-radius:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:none!important;
  }
  html body .stable-action-row .compact-action-btn .control-label{
    font-size:9px!important;
    max-width:52px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    line-height:1!important;
  }
  html body .stable-action-row .compact-action-btn .control-icon,
  html body .stable-action-row .compact-action-btn .heart-icon{
    font-size:10px!important;
    line-height:1!important;
  }

  /* Wider captions so short sentences do not wrap, but still stay inside the mobile screen. */
  html body .smart-caption-wrap{
    max-width:88vw!important;
    min-width:min(250px,86vw)!important;
    padding:4px!important;
    gap:4px!important;
    border-radius:12px!important;
  }
  html body .smart-caption-wrap.caption-free-pos{
    max-width:88vw!important;
    min-width:min(250px,86vw)!important;
  }
  html body .smart-caption-en:not(.caption-free-pos){
    bottom:86px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    max-width:88vw!important;
  }
  html body .smart-caption-fa:not(.caption-free-pos){
    top:40px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    max-width:88vw!important;
  }
  html body .smart-caption-text,
  html body .smart-caption-en .smart-caption-text,
  html body .smart-caption-fa .smart-caption-text{
    font-size:clamp(10px,2.45vw,12px)!important;
    line-height:1.24!important;
    padding:5px 8px!important;
    border-radius:11px!important;
    max-height:42px!important;
    overflow:auto!important;
    white-space:normal!important;
  }
  html body .caption-copy-btn{
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    font-size:9px!important;
    border-radius:8px!important;
  }
}

@media (max-width: 370px){
  html body .pro-video-shell .video-bottom-ui,
  html body .live-video-shell .video-bottom-ui,
  html body .video-bottom-ui{
    width:min(92vw, 334px)!important;
    max-width:min(92vw, 334px)!important;
    grid-template-columns:minmax(0,1fr) 70px!important;
  }
  html body .compact-inline-actions.stable-action-row,
  html body .stable-action-row{width:70px!important;max-width:70px!important;}
  html body .stable-action-row .compact-action-btn{width:70px!important;}
  html body .stable-action-row .compact-action-btn .control-label{font-size:8.5px!important;max-width:45px!important;}
}

/* v1.60 MOBILE-ONLY hard repair: compact controls, visible captions in max-view, wider captions */
/* Active menu: no extra turquoise dot; just the button outline. */
@media (max-width: 820px){
  html body .top-nav a.active::before,
  html body .pro-top-nav a.active::before,
  html body .top-nav .active::before,
  html body .pro-top-nav .active::before,
  html body .active .nav-dot,
  html body .nav-dot.active{
    display:none!important;
    content:none!important;
  }
  html body .top-nav a.active,
  html body .pro-top-nav a.active{
    border-color:rgba(35,226,246,.96)!important;
    box-shadow:0 0 0 1px rgba(35,226,246,.34), 0 0 12px rgba(35,226,246,.16)!important;
  }

  /* Move transport controls higher into true visual center of the video area. */
  html body .pro-video-shell .center-transport,
  html body .live-video-shell .center-transport,
  html body .center-transport{
    top:36%!important;
    left:50%!important;
    transform:translate(-50%,-50%)!important;
    grid-template-columns:34px 46px 34px!important;
    gap:11px!important;
    z-index:86!important;
  }
  html body #prev-clip.center-skip,
  html body #next-clip.center-skip{
    width:34px!important;
    height:31px!important;
    border-radius:12px!important;
    font-size:11px!important;
    color:rgba(255,255,255,.98)!important;
    background:rgba(255,255,255,.105)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.12)!important;
  }
  html body .play-orb-button.pro-play-button,
  html body .pro-play-button{
    width:46px!important;
    height:46px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.12)!important;
  }
  html body .pro-play-button span,
  html body .play-orb-button.pro-play-button span{
    width:30px!important;
    height:30px!important;
    font-size:14px!important;
    color:rgba(255,255,255,.96)!important;
    background:rgba(255,255,255,.09)!important;
  }

  /* Bottom mobile UI: one clean contained panel, no huge buttons. */
  html body .pro-video-shell .video-bottom-ui,
  html body .live-video-shell .video-bottom-ui,
  html body .video-bottom-ui{
    left:50%!important;
    right:auto!important;
    bottom:10px!important;
    transform:translateX(-50%)!important;
    width:min(90vw, 372px)!important;
    max-width:min(90vw, 372px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    grid-template-rows:auto auto!important;
    gap:6px!important;
    padding:7px!important;
    margin:0!important;
    border-radius:18px!important;
    background:rgba(8,18,31,.40)!important;
    border:1px solid rgba(124,231,245,.10)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(15px)!important;
    z-index:70!important;
    overflow:hidden!important;
  }
  html body form#phrase-search-form.stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row,
  html body .stable-search-row{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:38px 32px!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    overflow:hidden!important;
  }
  html body .stable-search-row #phrase-search-btn,
  html body .stable-search-row .emoji-btn{
    grid-column:1!important;
    grid-row:1!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    border-radius:13px!important;
    padding:0!important;
    font-size:16px!important;
    display:grid!important;
    place-items:center!important;
  }
  html body .stable-search-row input#phrase-query,
  html body .stable-search-row input{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    padding:0 10px!important;
    margin:0!important;
    border-radius:13px!important;
    font-size:15px!important;
    line-height:38px!important;
    text-align:center!important;
    background:rgba(255,255,255,.060)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
  }
  html body .stable-search-row .genre-filter-wrap{
    grid-column:1 / span 2!important;
    grid-row:2!important;
    height:32px!important;
    min-height:32px!important;
    width:100%!important;
    min-width:0!important;
    border-radius:13px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 10px!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.075)!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html body .stable-search-row .genre-filter-wrap span{
    font-size:10px!important;
    color:#5ee4f3!important;
    font-weight:950!important;
    line-height:1!important;
  }
  html body .stable-search-row select.genre-filter,
  html body .stable-search-row .genre-filter{
    height:30px!important;
    min-width:0!important;
    width:100%!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#fff!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    font-size:12.5px!important;
    font-weight:900!important;
  }

  /* Small icon-only action buttons on the side of the search dock. */
  html body .compact-inline-actions.stable-action-row,
  html body .stable-action-row{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    width:48px!important;
    max-width:48px!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:1fr 1fr!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    align-self:stretch!important;
  }
  html body .stable-action-row .compact-action-btn{
    width:48px!important;
    min-width:0!important;
    height:32px!important;
    min-height:0!important;
    padding:0!important;
    border-radius:13px!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
  }
  html body .stable-action-row .compact-action-btn .control-label{
    display:none!important;
  }
  html body .stable-action-row .compact-action-btn .control-icon,
  html body .stable-action-row .compact-action-btn .heart-icon,
  html body .stable-action-row .compact-action-btn .emoji-icon{
    display:block!important;
    font-size:15px!important;
    line-height:1!important;
  }

  /* Wider, cleaner mobile captions. */
  html body .smart-caption-wrap{
    max-width:94vw!important;
    min-width:min(315px,91vw)!important;
    padding:4px!important;
    gap:5px!important;
    border-radius:13px!important;
    background:rgba(8,18,31,.38)!important;
    border:1px solid rgba(255,255,255,.11)!important;
    backdrop-filter:blur(15px)!important;
    z-index:88!important;
  }
  html body .smart-caption-wrap.caption-free-pos{
    max-width:94vw!important;
    min-width:min(315px,91vw)!important;
  }
  html body .smart-caption-en:not(.caption-free-pos){
    bottom:102px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    max-width:94vw!important;
  }
  html body .smart-caption-fa:not(.caption-free-pos){
    top:32px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    max-width:94vw!important;
  }
  html body .smart-caption-text,
  html body .smart-caption-en .smart-caption-text,
  html body .smart-caption-fa .smart-caption-text{
    font-size:clamp(10px,2.55vw,12.5px)!important;
    line-height:1.28!important;
    padding:5px 9px!important;
    border-radius:11px!important;
    max-height:44px!important;
    overflow:auto!important;
    white-space:normal!important;
  }
  html body .caption-copy-btn{
    width:23px!important;
    min-width:23px!important;
    height:23px!important;
    font-size:9px!important;
    border-radius:8px!important;
  }

  /* In maximum view, keep captions visible and keep only the compact search dock. */
  html body .pro-player-card.max-view .smart-caption-wrap:not(.hidden),
  html body .pro-player-card.max-view .smart-caption-en:not(.hidden),
  html body .pro-player-card.max-view .smart-caption-fa:not(.hidden){
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:100006!important;
  }
  html body .pro-player-card.max-view .center-transport{
    top:50%!important;
    z-index:100005!important;
  }
  html body .pro-player-card.max-view .video-bottom-ui{
    bottom:14px!important;
    z-index:100004!important;
    background:rgba(0,0,0,.20)!important;
  }
  html body .pro-player-card.max-view .smart-caption-en:not(.caption-free-pos){
    bottom:118px!important;
  }
  html body .pro-player-card.max-view .smart-caption-fa:not(.caption-free-pos){
    top:34px!important;
  }
}

@media (max-width: 370px){
  html body .pro-video-shell .video-bottom-ui,
  html body .live-video-shell .video-bottom-ui,
  html body .video-bottom-ui{
    width:min(93vw, 340px)!important;
    max-width:min(93vw, 340px)!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
  }
  html body .compact-inline-actions.stable-action-row,
  html body .stable-action-row{width:44px!important;max-width:44px!important;}
  html body .stable-action-row .compact-action-btn{width:44px!important;height:31px!important;}
  html body .smart-caption-wrap{min-width:min(300px,91vw)!important;}
}

/* v1.61 MOBILE-ONLY FINAL REPAIR: device-separated mobile search/action/caption layout. Desktop is untouched. */
@media (max-width: 820px), (pointer: coarse) and (max-width: 920px){
  html.is-mobile-layout body .pro-video-shell .video-bottom-ui,
  html.is-mobile-layout body .live-video-shell .video-bottom-ui,
  html.is-mobile-layout body .video-bottom-ui{
    left:50%!important;
    right:auto!important;
    bottom:10px!important;
    transform:translateX(-50%)!important;
    width:min(92vw, 398px)!important;
    max-width:min(92vw, 398px)!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
    grid-template-rows:40px 34px!important;
    gap:6px!important;
    padding:8px!important;
    margin:0!important;
    border-radius:18px!important;
    background:rgba(8,18,31,.38)!important;
    border:1px solid rgba(124,231,245,.10)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(15px)!important;
    overflow:hidden!important;
    z-index:75!important;
  }

  html.is-mobile-layout body form#phrase-search-form.stable-search-row,
  html.is-mobile-layout body .search-dock.in-video-search.pro-search-dock.stable-search-row,
  html.is-mobile-layout body .stable-search-row{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    grid-template-rows:40px 34px!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    overflow:hidden!important;
    transform:none!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    position:relative!important;
  }

  html.is-mobile-layout body .stable-search-row #phrase-search-btn,
  html.is-mobile-layout body .stable-search-row .emoji-btn{
    grid-column:1!important;
    grid-row:1!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:13px!important;
    display:grid!important;
    place-items:center!important;
    font-size:17px!important;
    line-height:1!important;
    background:linear-gradient(135deg,rgba(37,216,240,.95),rgba(27,142,232,.82))!important;
    box-shadow:0 9px 22px rgba(25,199,238,.24)!important;
  }

  html.is-mobile-layout body .stable-search-row input#phrase-query,
  html.is-mobile-layout body .stable-search-row input{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    margin:0!important;
    border-radius:13px!important;
    font-size:15px!important;
    line-height:40px!important;
    text-align:center!important;
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.105)!important;
    box-shadow:none!important;
    color:#fff!important;
  }

  html.is-mobile-layout body .stable-search-row .genre-filter-wrap{
    grid-column:1 / span 2!important;
    grid-row:2!important;
    height:34px!important;
    min-height:34px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    padding:0 10px!important;
    margin:0!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.048)!important;
    border:1px solid rgba(255,255,255,.075)!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .stable-search-row .genre-filter-wrap span{
    font-size:10.5px!important;
    font-weight:950!important;
    color:#5ee4f3!important;
    white-space:nowrap!important;
  }
  html.is-mobile-layout body .stable-search-row select.genre-filter,
  html.is-mobile-layout body .stable-search-row .genre-filter{
    height:32px!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    background-image:none!important;
    color:#fff!important;
    font-size:12.5px!important;
    font-weight:900!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    box-shadow:none!important;
  }

  html.is-mobile-layout body .compact-inline-actions.stable-action-row,
  html.is-mobile-layout body .stable-action-row{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    width:82px!important;
    max-width:82px!important;
    min-width:0!important;
    height:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:1fr!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    align-self:stretch!important;
    justify-content:stretch!important;
    align-items:stretch!important;
  }

  html.is-mobile-layout body .stable-action-row .compact-action-btn{
    width:38px!important;
    min-width:0!important;
    max-width:38px!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border-radius:13px!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.105)!important;
    box-shadow:none!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn .control-label{
    display:none!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn .control-icon,
  html.is-mobile-layout body .stable-action-row .compact-action-btn .heart-icon,
  html.is-mobile-layout body .stable-action-row .compact-action-btn .emoji-icon{
    display:block!important;
    font-size:16px!important;
    line-height:1!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn.is-active,
  html.is-mobile-layout body .stable-action-row .compact-action-btn.has-translation,
  html.is-mobile-layout body .stable-action-row .compact-action-btn.is-favorite{
    background:rgba(35,226,246,.12)!important;
    border-color:rgba(35,226,246,.28)!important;
  }

  /* Captions: wider and no overlap with the compact bottom panel. */
  html.is-mobile-layout body .smart-caption-wrap{
    min-width:min(355px,92vw)!important;
    max-width:92vw!important;
    padding:4px!important;
    gap:5px!important;
    border-radius:13px!important;
    background:rgba(8,18,31,.34)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    backdrop-filter:blur(16px)!important;
    z-index:88!important;
  }
  html.is-mobile-layout body .smart-caption-wrap.caption-free-pos{
    min-width:min(355px,92vw)!important;
    max-width:92vw!important;
  }
  html.is-mobile-layout body .smart-caption-en:not(.caption-free-pos){
    bottom:120px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }
  html.is-mobile-layout body .smart-caption-fa:not(.caption-free-pos){
    top:30px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }
  html.is-mobile-layout body .smart-caption-text,
  html.is-mobile-layout body .smart-caption-en .smart-caption-text,
  html.is-mobile-layout body .smart-caption-fa .smart-caption-text{
    font-size:clamp(10.5px,2.55vw,12.5px)!important;
    line-height:1.28!important;
    padding:5px 10px!important;
    max-height:46px!important;
    overflow:auto!important;
    white-space:normal!important;
    border-radius:11px!important;
  }
  html.is-mobile-layout body .caption-copy-btn{
    width:23px!important;
    min-width:23px!important;
    height:23px!important;
    border-radius:8px!important;
    font-size:9px!important;
  }

  /* Transport is positioned by JS based on actual video rectangle; keep it clean. */
  html.is-mobile-layout body .center-transport{
    grid-template-columns:34px 46px 34px!important;
    gap:10px!important;
    z-index:86!important;
  }

  /* Maximum view: keep captions and compact search visible. */
  html.is-mobile-layout body .pro-player-card.max-view .smart-caption-wrap:not(.hidden){
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:100006!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .video-bottom-ui{
    bottom:12px!important;
    z-index:100004!important;
    background:rgba(0,0,0,.22)!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .smart-caption-en:not(.caption-free-pos){bottom:118px!important;}
  html.is-mobile-layout body .pro-player-card.max-view .smart-caption-fa:not(.caption-free-pos){top:32px!important;}
}

@media (max-width: 370px){
  html.is-mobile-layout body .pro-video-shell .video-bottom-ui,
  html.is-mobile-layout body .live-video-shell .video-bottom-ui,
  html.is-mobile-layout body .video-bottom-ui{
    width:min(94vw, 342px)!important;
    max-width:min(94vw, 342px)!important;
    grid-template-columns:minmax(0,1fr) 74px!important;
  }
  html.is-mobile-layout body .compact-inline-actions.stable-action-row,
  html.is-mobile-layout body .stable-action-row{width:74px!important;max-width:74px!important;}
  html.is-mobile-layout body .stable-action-row .compact-action-btn{width:34px!important;max-width:34px!important;}
  html.is-mobile-layout body .smart-caption-wrap{min-width:min(330px,92vw)!important;}
}

/* v1.62 MOBILE-ONLY EXACT FIX: max captions, compact search/actions, higher transport.
   Desktop rules are untouched by scoping everything to html.is-mobile-layout. */
@media (max-width: 820px), (pointer: coarse) and (max-width: 920px){
  /* Keep the player bottom UI fully inside mobile viewport */
  html.is-mobile-layout body .pro-video-shell .video-bottom-ui,
  html.is-mobile-layout body .live-video-shell .video-bottom-ui,
  html.is-mobile-layout body .video-bottom-ui{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:9px!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 24px)!important;
    max-width:392px!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:7px!important;
    padding:8px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border-radius:17px!important;
    background:rgba(7,17,30,.30)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    overflow:hidden!important;
    z-index:90!important;
  }

  /* Search on top, actions underneath; no side overflow. */
  html.is-mobile-layout body form#phrase-search-form.stable-search-row,
  html.is-mobile-layout body .search-dock.in-video-search.pro-search-dock.stable-search-row,
  html.is-mobile-layout body .stable-search-row{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    grid-template-rows:40px 32px!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .stable-search-row #phrase-search-btn,
  html.is-mobile-layout body .stable-search-row .emoji-btn{
    grid-column:1!important;
    grid-row:1!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:13px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    font-size:17px!important;
    line-height:1!important;
  }
  html.is-mobile-layout body .stable-search-row input#phrase-query,
  html.is-mobile-layout body .stable-search-row input{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border-radius:13px!important;
    text-align:center!important;
    font-size:15px!important;
    font-weight:900!important;
    color:#fff!important;
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
  }
  html.is-mobile-layout body .stable-search-row .genre-filter-wrap{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:32px!important;
    min-height:32px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 10px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.075)!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .stable-search-row .genre-filter-wrap span{
    font-size:10.5px!important;
    font-weight:950!important;
    color:#5ee4f3!important;
    white-space:nowrap!important;
  }
  html.is-mobile-layout body .stable-search-row select.genre-filter,
  html.is-mobile-layout body .stable-search-row .genre-filter{
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    background-image:none!important;
    color:#fff!important;
    font-size:12.5px!important;
    font-weight:900!important;
    box-shadow:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }

  /* Translate/Favorite under search: smaller, icon-like, professional. */
  html.is-mobile-layout body .compact-inline-actions.stable-action-row,
  html.is-mobile-layout body .stable-action-row{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    align-items:center!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    border-radius:12px!important;
    padding:0 8px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.095)!important;
    box-shadow:none!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn .control-label{
    display:inline!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:850!important;
    max-width:96px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn .control-icon,
  html.is-mobile-layout body .stable-action-row .compact-action-btn .heart-icon,
  html.is-mobile-layout body .stable-action-row .compact-action-btn .emoji-icon{
    display:inline-flex!important;
    font-size:13px!important;
    line-height:1!important;
  }

  /* Higher and more transparent transport controls. JS also moves them higher. */
  html.is-mobile-layout body .center-transport{
    grid-template-columns:34px 46px 34px!important;
    gap:11px!important;
    z-index:95!important;
  }
  html.is-mobile-layout body .center-skip,
  html.is-mobile-layout body .center-transport .center-skip{
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.92)!important;
    opacity:.70!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  html.is-mobile-layout body .pro-play-button,
  html.is-mobile-layout body .play-orb-button.pro-play-button{
    opacity:.55!important;
    background:rgba(255,255,255,.05)!important;
    box-shadow:none!important;
  }

  /* Wider captions; Persian copy button never covers the text. */
  html.is-mobile-layout body .smart-caption-wrap{
    min-width:min(390px,94vw)!important;
    max-width:94vw!important;
    width:auto!important;
    padding:4px!important;
    gap:5px!important;
    border-radius:13px!important;
    background:rgba(8,18,31,.30)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    z-index:96!important;
  }
  html.is-mobile-layout body .smart-caption-wrap.caption-free-pos{
    min-width:min(390px,94vw)!important;
    max-width:94vw!important;
  }
  html.is-mobile-layout body .smart-caption-en:not(.caption-free-pos){
    bottom:124px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }
  html.is-mobile-layout body .smart-caption-fa:not(.caption-free-pos){
    top:30px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }
  html.is-mobile-layout body .smart-caption-text,
  html.is-mobile-layout body .smart-caption-en .smart-caption-text,
  html.is-mobile-layout body .smart-caption-fa .smart-caption-text{
    font-size:clamp(10.5px,2.45vw,12.5px)!important;
    line-height:1.27!important;
    max-height:44px!important;
    overflow:auto!important;
    white-space:normal!important;
    border-radius:11px!important;
  }
  html.is-mobile-layout body .smart-caption-en .smart-caption-text{padding:5px 34px 5px 10px!important;}
  html.is-mobile-layout body .smart-caption-fa .smart-caption-text{padding:5px 34px 5px 10px!important;}
  html.is-mobile-layout body .smart-caption-fa .caption-copy-btn,
  html.is-mobile-layout body #fa-caption-wrap .caption-copy-btn{
    position:absolute!important;
    inset-inline-end:7px!important;
    left:auto!important;
    right:7px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:23px!important;
    min-width:23px!important;
    height:23px!important;
    font-size:9px!important;
    border-radius:8px!important;
    z-index:5!important;
  }
  html.is-mobile-layout body .smart-caption-en .caption-copy-btn,
  html.is-mobile-layout body #caption-wrap .caption-copy-btn{
    width:23px!important;
    min-width:23px!important;
    height:23px!important;
    font-size:9px!important;
    border-radius:8px!important;
  }

  /* Max view: force captions to stay visible over the fullscreen player. */
  html.is-mobile-layout body .pro-player-card.max-view #caption-wrap.smart-caption-wrap:not(.hidden),
  html.is-mobile-layout body .pro-player-card.max-view #fa-caption-wrap.smart-caption-wrap:not(.hidden){
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:2147483002!important;
    pointer-events:auto!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .video-bottom-ui{
    bottom:10px!important;
    z-index:2147483001!important;
    background:rgba(0,0,0,.18)!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .center-transport{
    z-index:2147483000!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .smart-caption-en:not(.caption-free-pos){bottom:112px!important;}
  html.is-mobile-layout body .pro-player-card.max-view .smart-caption-fa:not(.caption-free-pos){top:34px!important;}
}

@media (max-width: 370px){
  html.is-mobile-layout body .pro-video-shell .video-bottom-ui,
  html.is-mobile-layout body .live-video-shell .video-bottom-ui,
  html.is-mobile-layout body .video-bottom-ui{width:calc(100% - 18px)!important;max-width:342px!important;}
  html.is-mobile-layout body .smart-caption-wrap{min-width:min(338px,94vw)!important;}
  html.is-mobile-layout body .stable-action-row .compact-action-btn .control-label{font-size:9.5px!important;}
}

/* v1.64 DESKTOP MAX-VIEW SUBTITLE FIX
   Old max-view CSS was hiding .smart-caption-wrap globally. This block is intentionally
   placed at the very end to override that rule only for desktop maximum view. */
html.is-desktop-layout body .pro-player-card.max-view #caption-wrap.smart-caption-wrap:not(.hidden),
html.is-desktop-layout body .pro-player-card.max-view #fa-caption-wrap.smart-caption-wrap:not(.hidden),
html.is-desktop-layout body .pro-player-card.max-view .smart-caption-en:not(.hidden),
html.is-desktop-layout body .pro-player-card.max-view .smart-caption-fa:not(.hidden){
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  z-index:2147483002!important;
  pointer-events:auto!important;
  background:rgba(8,18,31,.34)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
html.is-desktop-layout body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.caption-free-pos){
  left:50%!important;
  right:auto!important;
  bottom:118px!important;
  top:auto!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  min-width:min(760px,72vw)!important;
  max-width:min(980px,84vw)!important;
}
html.is-desktop-layout body .pro-player-card.max-view #fa-caption-wrap.smart-caption-fa:not(.caption-free-pos){
  left:50%!important;
  right:auto!important;
  top:58px!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  min-width:min(700px,70vw)!important;
  max-width:min(960px,82vw)!important;
}
html.is-desktop-layout body .pro-player-card.max-view .smart-caption-wrap.caption-free-pos{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2147483002!important;
}
html.is-desktop-layout body .pro-player-card.max-view .smart-caption-text{
  color:#fff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.45)!important;
}
html.is-desktop-layout body .pro-player-card.max-view .caption-copy-btn{
  opacity:.82!important;
}


/* v1.64.69 MOBILE ACTION BUTTON LABEL FIX
   On small/mobile screens the bottom action labels were wrapping/cropping inside the box.
   Keep desktop unchanged; on mobile show icon-only buttons and enlarge the action row area. */
@media (max-width: 768px){
  html.is-mobile-layout body .stable-action-row,
  html.is-mobile-layout body .pro-action-row,
  html.is-mobile-layout body .search-inline-tools.live-actions{
    margin-top:8px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn,
  html.is-mobile-layout body .pro-action-row .compact-action-btn,
  html.is-mobile-layout body .search-inline-tools.live-actions .compact-action-btn{
    min-height:52px!important;
    height:52px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn .control-label,
  html.is-mobile-layout body .pro-action-row .compact-action-btn .control-label,
  html.is-mobile-layout body .search-inline-tools.live-actions .compact-action-btn .control-label{
    display:none!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn .control-icon,
  html.is-mobile-layout body .pro-action-row .compact-action-btn .control-icon,
  html.is-mobile-layout body .search-inline-tools.live-actions .compact-action-btn .control-icon,
  html.is-mobile-layout body .stable-action-row .compact-action-btn .heart-icon,
  html.is-mobile-layout body .pro-action-row .compact-action-btn .heart-icon,
  html.is-mobile-layout body .search-inline-tools.live-actions .compact-action-btn .heart-icon{
    font-size:18px!important;
    line-height:1!important;
    margin:0!important;
  }
  html.is-mobile-layout body .video-bottom-ui,
  html.is-mobile-layout body .pro-video-shell .video-bottom-ui,
  html.is-mobile-layout body .live-video-shell .video-bottom-ui{
    padding-bottom:14px!important;
  }
}
@media (max-width: 420px){
  html.is-mobile-layout body .stable-action-row,
  html.is-mobile-layout body .pro-action-row,
  html.is-mobile-layout body .search-inline-tools.live-actions{
    gap:8px!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn,
  html.is-mobile-layout body .pro-action-row .compact-action-btn,
  html.is-mobile-layout body .search-inline-tools.live-actions .compact-action-btn{
    min-height:50px!important;
    height:50px!important;
    border-radius:16px!important;
  }
}


/* v1.64.69 MOBILE HEADER + ACTION ROW POLISH
   - keep top search nav item fully inside the header on mobile
   - move bottom action buttons a bit lower and separate them from genre row
   - no desktop changes */
@media (max-width: 768px){
  html.is-mobile-layout body .site-header.pro-top-header,
  html.is-mobile-layout body .final-top-header.site-header,
  html.is-mobile-layout body .clean-header.site-header{
    overflow:hidden!important;
  }
  html.is-mobile-layout body .site-header .top-nav,
  html.is-mobile-layout body .clean-top-nav.top-nav,
  html.is-mobile-layout body .pro-top-nav.top-nav{
    box-sizing:border-box!important;
    padding-right:8px!important;
    padding-left:10px!important;
    scroll-padding-right:8px!important;
  }
  html.is-mobile-layout body .top-nav.pro-top-nav a,
  html.is-mobile-layout body .clean-top-nav a,
  html.is-mobile-layout body .site-header .top-nav a{
    flex:0 0 auto!important;
    max-width:calc(100vw - 36px)!important;
  }
  html.is-mobile-layout body .top-nav a.active,
  html.is-mobile-layout body .clean-top-nav a.active,
  html.is-mobile-layout body .pro-top-nav a.active{
    padding-right:16px!important;
    padding-left:12px!important;
  }

  html.is-mobile-layout body .video-bottom-ui,
  html.is-mobile-layout body .pro-video-shell .video-bottom-ui,
  html.is-mobile-layout body .live-video-shell .video-bottom-ui{
    padding-bottom:22px!important;
  }
  html.is-mobile-layout body .stable-search-row,
  html.is-mobile-layout body .compact-search-row,
  html.is-mobile-layout body .pro-search-dock{
    margin-bottom:8px!important;
  }
  html.is-mobile-layout body .stable-action-row,
  html.is-mobile-layout body .pro-action-row,
  html.is-mobile-layout body .search-inline-tools.live-actions{
    margin-top:14px!important;
    padding-top:4px!important;
    position:relative!important;
    top:6px!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn,
  html.is-mobile-layout body .pro-action-row .compact-action-btn,
  html.is-mobile-layout body .search-inline-tools.live-actions .compact-action-btn{
    transform:none!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn:active,
  html.is-mobile-layout body .pro-action-row .compact-action-btn:active,
  html.is-mobile-layout body .search-inline-tools.live-actions .compact-action-btn:active,
  html.is-mobile-layout body .stable-action-row .compact-action-btn:hover,
  html.is-mobile-layout body .pro-action-row .compact-action-btn:hover,
  html.is-mobile-layout body .search-inline-tools.live-actions .compact-action-btn:hover{
    transform:none!important;
  }
}
@media (max-width: 420px){
  html.is-mobile-layout body .site-header .top-nav,
  html.is-mobile-layout body .clean-top-nav.top-nav,
  html.is-mobile-layout body .pro-top-nav.top-nav{
    padding-right:10px!important;
    padding-left:8px!important;
  }
  html.is-mobile-layout body .stable-action-row,
  html.is-mobile-layout body .pro-action-row,
  html.is-mobile-layout body .search-inline-tools.live-actions{
    margin-top:16px!important;
    top:8px!important;
  }
}


/* v1.64.69 MOBILE USER NAV GRID + ACTION ROW SPACING
   Mobile only: user top buttons in 2x2 grid, keep search button inside header,
   and push bottom action buttons lower so they never touch the Genre row.
   Desktop is unchanged. */
@media (max-width: 768px){
  html.is-mobile-layout body.user-mode .site-header.pro-top-header,
  html.is-mobile-layout body.user-mode .final-top-header.site-header,
  html.is-mobile-layout body.user-mode .clean-header.site-header{
    grid-template-columns:1fr!important;
    grid-template-areas:"auth" "nav" "stats"!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body.user-mode .site-header .header-actions,
  html.is-mobile-layout body.user-mode .pro-header-actions.final-user-status,
  html.is-mobile-layout body.user-mode .header-actions.final-user-status{
    grid-area:auth!important;
    justify-content:flex-end!important;
    width:100%!important;
  }
  html.is-mobile-layout body.user-mode .site-header .top-nav,
  html.is-mobile-layout body.user-mode .clean-top-nav.top-nav,
  html.is-mobile-layout body.user-mode .pro-top-nav.top-nav{
    grid-area:nav!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    overflow:visible!important;
    padding:0 2px!important;
    justify-content:stretch!important;
    box-sizing:border-box!important;
  }
  html.is-mobile-layout body.user-mode .site-header .top-nav a,
  html.is-mobile-layout body.user-mode .clean-top-nav.top-nav a,
  html.is-mobile-layout body.user-mode .pro-top-nav.top-nav a{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    min-height:40px!important;
    height:40px!important;
    padding:0 10px!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:12px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    border-radius:16px!important;
  }
  html.is-mobile-layout body.user-mode .top-nav a.active,
  html.is-mobile-layout body.user-mode .clean-top-nav a.active,
  html.is-mobile-layout body.user-mode .pro-top-nav a.active{
    padding-right:10px!important;
    padding-left:10px!important;
  }
  html.is-mobile-layout body.user-mode .header-center-stats{
    grid-area:stats!important;
  }

  html.is-mobile-layout body.user-mode .video-bottom-ui,
  html.is-mobile-layout body.user-mode .pro-video-shell .video-bottom-ui,
  html.is-mobile-layout body.user-mode .live-video-shell .video-bottom-ui{
    padding-bottom:30px!important;
  }
  html.is-mobile-layout body.user-mode .stable-search-row,
  html.is-mobile-layout body.user-mode .compact-search-row,
  html.is-mobile-layout body.user-mode .pro-search-dock{
    margin-bottom:10px!important;
  }
  html.is-mobile-layout body.user-mode .stable-search-row .genre-filter-wrap,
  html.is-mobile-layout body.user-mode .compact-search-row .genre-filter-wrap,
  html.is-mobile-layout body.user-mode .pro-search-dock .genre-filter-wrap{
    margin-bottom:2px!important;
  }
  html.is-mobile-layout body.user-mode .stable-action-row,
  html.is-mobile-layout body.user-mode .pro-action-row,
  html.is-mobile-layout body.user-mode .search-inline-tools.live-actions{
    margin-top:20px!important;
    padding-top:6px!important;
    position:relative!important;
    top:10px!important;
  }
}
@media (max-width: 420px){
  html.is-mobile-layout body.user-mode .site-header .top-nav,
  html.is-mobile-layout body.user-mode .clean-top-nav.top-nav,
  html.is-mobile-layout body.user-mode .pro-top-nav.top-nav{
    gap:7px!important;
  }
  html.is-mobile-layout body.user-mode .site-header .top-nav a,
  html.is-mobile-layout body.user-mode .clean-top-nav.top-nav a,
  html.is-mobile-layout body.user-mode .pro-top-nav.top-nav a{
    min-height:38px!important;
    height:38px!important;
    font-size:11.5px!important;
    padding:0 8px!important;
  }
  html.is-mobile-layout body.user-mode .stable-action-row,
  html.is-mobile-layout body.user-mode .pro-action-row,
  html.is-mobile-layout body.user-mode .search-inline-tools.live-actions{
    margin-top:22px!important;
    top:12px!important;
  }
}


/* v1.64.69 DEFAULT SUBTITLE POSITION + GLASS LOOK
   Make default subtitle placement clearly on top of the video, with English a bit higher,
   keep Persian visible on the video too, and make subtitle boxes more transparent/glassy.
   This block is final and intentionally placed at the very end. */
html body .smart-caption-wrap:not(.hidden){
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(20px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.15)!important;
  border-radius:18px!important;
  padding:6px!important;
}
html body .smart-caption-text,
html body .smart-caption-en .smart-caption-text,
html body .smart-caption-en .live-caption,
html body .smart-caption-en .pro-caption,
html body .smart-caption-fa .smart-caption-text{
  background:rgba(7,16,27,.22)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#f7fbff!important;
  border-radius:14px!important;
  box-shadow:none!important;
  text-shadow:0 2px 8px rgba(0,0,0,.58)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
html body .caption-copy-btn{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

/* default position on video */
html body .smart-caption-en:not(.caption-free-pos){
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:138px!important;
  transform:translateX(-50%)!important;
}
html body .smart-caption-fa:not(.caption-free-pos){
  left:50%!important;
  right:auto!important;
  top:54px!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
}

@media (max-width: 768px){
  html.is-mobile-layout body .smart-caption-wrap:not(.hidden){
    max-width:86vw!important;
    border-radius:16px!important;
    padding:5px!important;
  }
  html.is-mobile-layout body .smart-caption-text,
  html.is-mobile-layout body .smart-caption-en .smart-caption-text,
  html.is-mobile-layout body .smart-caption-fa .smart-caption-text{
    border-radius:13px!important;
    padding:7px 10px!important;
  }
  html.is-mobile-layout body .smart-caption-en:not(.caption-free-pos){
    bottom:152px!important;
    top:auto!important;
  }
  html.is-mobile-layout body .smart-caption-fa:not(.caption-free-pos){
    top:50px!important;
    bottom:auto!important;
  }
}

@media (min-width: 769px){
  html.is-desktop-layout body .smart-caption-en:not(.caption-free-pos){
    bottom:128px!important;
  }
  html.is-desktop-layout body .smart-caption-fa:not(.caption-free-pos){
    top:60px!important;
  }
}


/* v1.64.69 DESKTOP CENTER CONTROLS + MAX-VIEW SUBTITLE STABILITY
   Desktop only: keep prev / play-pause / next centered together, move them slightly upward,
   make prev/next more transparent like the main play button, and stabilize English subtitle
   visibility when toggling maximum view. */
@media (min-width: 821px){
  html.is-desktop-layout body .pro-video-shell .center-transport,
  html.is-desktop-layout body .live-video-shell .center-transport,
  html.is-desktop-layout body .center-transport{
    left:50%!important;
    right:auto!important;
    top:46%!important;
    transform:translate(-50%,-50%)!important;
    display:grid!important;
    grid-template-columns:56px 86px 56px!important;
    align-items:center!important;
    justify-items:center!important;
    gap:14px!important;
    width:auto!important;
    z-index:9!important;
  }
  html.is-desktop-layout body #prev-clip.center-skip,
  html.is-desktop-layout body #next-clip.center-skip{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    border-radius:18px!important;
    font-size:18px!important;
    color:#fff!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.20)!important;
    box-shadow:0 16px 40px rgba(0,0,0,.12)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  html.is-desktop-layout body #prev-clip.center-skip:hover,
  html.is-desktop-layout body #next-clip.center-skip:hover{
    background:rgba(255,255,255,.18)!important;
    transform:none!important;
  }
  html.is-desktop-layout body #big-play-button.play-orb-button,
  html.is-desktop-layout body #big-play-button.play-orb-button.pro-play-button,
  html.is-desktop-layout body .pro-play-button{
    width:86px!important;
    height:86px!important;
    min-width:86px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.16)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.14)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  html.is-desktop-layout body #big-play-button.play-orb-button span,
  html.is-desktop-layout body #big-play-button.play-orb-button.pro-play-button span,
  html.is-desktop-layout body .pro-play-button span{
    width:58px!important;
    height:58px!important;
    font-size:24px!important;
  }
  html.is-desktop-layout body #big-play-button.play-orb-button.is-playing span,
  html.is-desktop-layout body #big-play-button.play-orb-button.pro-play-button.is-playing span{
    font-size:20px!important;
  }

  html.is-desktop-layout body .pro-player-card.max-view #caption-wrap.smart-caption-wrap:not(.hidden),
  html.is-desktop-layout body .pro-player-card.max-view .smart-caption-en:not(.hidden){
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}


/* v1.64.69 MOBILE EN SUBTITLE HIGHER + DESKTOP SKIP BUTTONS MORE TRANSPARENT
   - mobile: keep English subtitle clearly on the video and above the search dock
   - desktop: make prev/next buttons lighter and more transparent */
@media (max-width: 820px){
  html.is-mobile-layout body .smart-caption-en:not(.caption-free-pos){
    top:auto!important;
    bottom:clamp(210px, 27vh, 270px)!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    z-index:8!important;
  }
  html.is-mobile-layout body .smart-caption-en .smart-caption-text,
  html.is-mobile-layout body .smart-caption-en .live-caption,
  html.is-mobile-layout body .smart-caption-en .pro-caption{
    max-width:80vw!important;
  }
}
@media (min-width: 821px){
  html.is-desktop-layout body #prev-clip.center-skip,
  html.is-desktop-layout body #next-clip.center-skip{
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.15)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.10)!important;
    opacity:.78!important;
  }
  html.is-desktop-layout body #prev-clip.center-skip:hover,
  html.is-desktop-layout body #next-clip.center-skip:hover{
    background:rgba(255,255,255,.12)!important;
    opacity:.92!important;
  }
}


/* v1.64.69 SUBTITLE BOX MORE TRANSPARENT
   Make both English and Persian subtitle boxes lighter, more transparent, and more glass-like. */
html body .smart-caption-wrap:not(.hidden){
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(22px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
}
html body .smart-caption-text,
html body .smart-caption-en .smart-caption-text,
html body .smart-caption-en .live-caption,
html body .smart-caption-en .pro-caption,
html body .smart-caption-fa .smart-caption-text{
  background:rgba(10,18,28,.12)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
html body .caption-copy-btn{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.10)!important;
}
@media (max-width: 820px){
  html.is-mobile-layout body .smart-caption-wrap:not(.hidden){
    background:rgba(255,255,255,.02)!important;
    border-color:rgba(255,255,255,.10)!important;
  }
  html.is-mobile-layout body .smart-caption-text,
  html.is-mobile-layout body .smart-caption-en .smart-caption-text,
  html.is-mobile-layout body .smart-caption-fa .smart-caption-text{
    background:rgba(8,15,24,.10)!important;
  }
}


/* v1.64.69 MAX-VIEW CAPTION POSITION SAFETY
   Prevent English/Persian subtitles from jumping left when entering Maximum View.
   JS now stores caption drag positions separately for normal/max and mobile/desktop. */
@media (min-width: 821px){
  html.is-desktop-layout body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .pro-player-card.max-view .smart-caption-en:not(.caption-free-pos){
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:128px!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html.is-desktop-layout body .pro-player-card.max-view #fa-caption-wrap.smart-caption-fa:not(.caption-free-pos),
  html.is-desktop-layout body .pro-player-card.max-view .smart-caption-fa:not(.caption-free-pos){
    left:50%!important;
    right:auto!important;
    top:60px!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}
@media (max-width: 820px){
  html.is-mobile-layout body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-mobile-layout body .pro-player-card.max-view .smart-caption-en:not(.caption-free-pos){
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:clamp(210px,27vh,270px)!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}


/* v1.64.69 DESKTOP EN SUBTITLE ABOVE SEARCH BAR
   Keep the default English subtitle clearly above the desktop search bar in both normal and maximum view. */
@media (min-width: 821px){
  html.is-desktop-layout body #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .smart-caption-en:not(.caption-free-pos){
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:172px!important;
    transform:translateX(-50%)!important;
  }
  html.is-desktop-layout body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .pro-player-card.max-view .smart-caption-en:not(.caption-free-pos){
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:156px!important;
    transform:translateX(-50%)!important;
  }
}

/* v1.64.69 SEO / Share / XP / Compact users */
.xp-chip{
  display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;
  background:linear-gradient(135deg,rgba(255,215,84,.22),rgba(255,154,60,.10));
  border:1px solid rgba(255,215,84,.38);box-shadow:0 10px 28px rgba(255,190,70,.10), inset 0 1px 0 rgba(255,255,255,.22);
  color:#ffe49a;white-space:nowrap;font-weight:800;direction:ltr
}
.xp-chip .xp-coin{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 5px;border-radius:50%;background:linear-gradient(135deg,#fff0a3,#ffbd3d);color:#3a2600;font-size:10px;font-weight:950;box-shadow:0 4px 13px rgba(255,188,55,.35)}
.xp-chip b{font-variant-numeric:tabular-nums;color:#fff7cf}.xp-chip small{color:#ffd773;font-size:11px;font-weight:900}
.xp-toast-layer{position:fixed;top:88px;left:50%;transform:translateX(-50%);z-index:99999;display:grid;gap:10px;pointer-events:none}
.xp-toast{display:flex;align-items:center;gap:10px;min-width:210px;padding:12px 16px;border-radius:18px;background:rgba(18,20,35,.88);border:1px solid rgba(255,216,96,.34);box-shadow:0 18px 45px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.14);color:#fff;opacity:0;transform:translateY(-14px) scale(.96);transition:.32s ease;backdrop-filter:blur(14px)}
.xp-toast.show{opacity:1;transform:translateY(0) scale(1)}.xp-toast-coin{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#fff5ae,#ffbd35);color:#382500;font-size:11px;font-weight:1000}.xp-toast b{font-size:19px;color:#ffdc70}.xp-toast small{color:#dfe7ff;font-weight:700}
.xp-confetti-wrap{position:fixed;inset:0;z-index:99998;pointer-events:none;overflow:hidden}.xp-confetti-wrap span{position:absolute;width:9px;height:16px;border-radius:3px;background:linear-gradient(135deg,#ffd65a,#ff6fae);animation:xpConfetti 1.35s cubic-bezier(.16,.84,.35,1) forwards;animation-delay:var(--d)}.xp-confetti-wrap span:nth-child(3n){background:linear-gradient(135deg,#7afcff,#61a6ff)}.xp-confetti-wrap span:nth-child(4n){background:linear-gradient(135deg,#9dff80,#55dd88)}.xp-confetti-wrap span:nth-child(5n){background:linear-gradient(135deg,#fff,#ffd36e)}
@keyframes xpConfetti{0%{opacity:0;transform:translate3d(0,0,0) rotate(0) scale(.4)}10%{opacity:1}100%{opacity:0;transform:translate3d(var(--x),420px,0) rotate(var(--r)) scale(1)}}
.xp-balloon-pop{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);z-index:99999;display:grid;place-items:center;gap:8px;pointer-events:none;color:#fff;text-align:center;font-size:22px;font-weight:950;text-shadow:0 8px 24px rgba(0,0,0,.35)}.xp-balloon{font-size:78px;animation:balloonFloat .65s ease-out forwards}.xp-balloon-pop.pop .xp-balloon{animation:balloonPop .24s ease-in forwards}.xp-balloon-pop b{background:rgba(20,20,36,.82);border:1px solid rgba(255,255,255,.18);padding:10px 18px;border-radius:999px;backdrop-filter:blur(12px)}
@keyframes balloonFloat{from{transform:translateY(35px) scale(.75);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes balloonPop{to{transform:scale(1.8);opacity:0}}
.share-control:not(:disabled){border-color:rgba(92,220,255,.28);background:rgba(92,220,255,.08)}
.share-preview-modal{position:fixed;inset:0;background:rgba(3,6,18,.70);z-index:99990;display:grid;place-items:center;padding:18px;backdrop-filter:blur(14px)}.share-preview-modal.hidden{display:none}.share-preview-card{width:min(92vw,560px);border-radius:28px;background:rgba(16,20,36,.94);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 90px rgba(0,0,0,.45);padding:18px;color:#fff;position:relative}.share-preview-close{position:absolute;top:12px;left:12px;border:0;border-radius:50%;width:35px;height:35px;background:rgba(255,255,255,.12);color:#fff;font-size:22px}.share-preview-image{width:100%;border-radius:20px;display:block;box-shadow:0 18px 42px rgba(0,0,0,.30);margin-bottom:14px}.share-preview-card h3{margin:4px 0 8px}.share-preview-text{white-space:pre-line;color:#dfe7ff;line-height:1.75}.share-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.public-phrase-shell{width:min(1120px,94vw);margin:24px auto 80px;display:grid;gap:18px}.public-phrase-card{padding:24px;border-radius:30px}.public-phrase-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.public-phrase-hero h1{font-size:clamp(28px,4vw,52px);line-height:1.18;margin:8px 0;color:#fff;direction:ltr;text-align:left}.public-fa{font-size:20px;color:#e2e9ff;line-height:1.8}.public-video-card{margin:18px 0;border-radius:26px;overflow:hidden;background:#050816;box-shadow:0 28px 75px rgba(0,0,0,.35)}.public-phrase-video{width:100%;display:block;max-height:62vh;background:#000}.public-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.public-meta-grid>div{padding:15px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}.public-meta-grid small{display:block;color:#98a8ce;margin-bottom:7px}.public-meta-grid b{color:#fff}.public-share-panel{display:grid;grid-template-columns:minmax(260px,460px) 1fr;gap:18px;align-items:center;padding:16px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.public-share-panel img{width:100%;border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,.28)}.public-related-card{padding:20px}.public-related-list{display:grid;gap:10px}.public-related-item{display:grid;gap:5px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:#fff;text-decoration:none}.public-related-item span{direction:ltr;text-align:left}.public-related-item small{color:#cdd8f6}
.compact-user-admin-grid{grid-template-columns:minmax(260px,330px) minmax(0,1fr)!important}.compact-users-table-card{padding:16px!important}.compact-users-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.compact-users-head>div{display:flex;align-items:center;gap:10px}.admin-user-search-form{display:flex;gap:8px;align-items:center;min-width:min(560px,100%)}.admin-user-search-form input{min-width:260px;height:42px}.compact-user-list{display:grid;gap:7px;max-height:72vh;overflow:auto;padding-left:4px}.compact-user-list-head,.compact-user-row{display:grid;grid-template-columns:1.2fr .8fr .8fr .55fr 1fr .8fr;gap:8px;align-items:center}.compact-user-list-head{position:sticky;top:0;z-index:2;padding:10px 12px;border-radius:14px;background:rgba(12,17,31,.90);border:1px solid rgba(255,255,255,.08);color:#9fb0d4;font-size:12px;font-weight:800}.compact-user-row{padding:8px 10px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075)}.compact-user-row.hidden{display:none}.compact-user-identity{display:flex;align-items:center;gap:9px;min-width:0}.compact-avatar{width:34px!important;height:34px!important;font-size:14px!important;flex:0 0 34px}.compact-user-identity b{display:block;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-user-identity small{display:block;color:#9ba8c9;font-size:11px}.compact-user-form{display:contents}.compact-select,.compact-password-input{height:36px!important;min-height:36px!important;padding:6px 9px!important;border-radius:10px!important;font-size:12px!important}.admin-xp-mini{direction:ltr;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;padding:0 9px;border-radius:999px;background:rgba(255,210,74,.10);border:1px solid rgba(255,210,74,.22);color:#ffdd77;font-size:12px;font-weight:900}.compact-user-actions{display:flex;gap:6px}.compact-user-actions .btn.tiny{padding:7px 9px!important;font-size:11px!important;min-height:32px}.compact-create-user-card{position:sticky;top:92px}
@media (max-width:820px){.xp-chip{order:-1;padding:6px 8px;font-size:12px}.xp-chip .xp-coin{min-width:22px;height:22px;font-size:9px}.xp-chip small{display:none}.xp-toast-layer{top:74px;width:calc(100vw - 26px)}.xp-toast{min-width:0;width:100%;justify-content:center}.public-phrase-shell{width:94vw;margin-top:12px}.public-phrase-card{padding:15px;border-radius:22px}.public-phrase-hero{display:grid}.public-phrase-hero h1{text-align:center;font-size:28px}.public-fa{text-align:center;font-size:17px}.public-meta-grid,.public-share-panel{grid-template-columns:1fr}.public-share-panel{padding:12px}.compact-user-admin-grid{grid-template-columns:1fr!important}.compact-create-user-card{position:static}.compact-users-head{display:grid}.admin-user-search-form{width:100%;min-width:0}.admin-user-search-form input{min-width:0;flex:1}.compact-user-list{max-height:none}.compact-user-list-head{display:none}.compact-user-row{display:block;padding:10px}.compact-user-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.compact-user-actions{grid-column:1/-1}.compact-user-identity{margin-bottom:8px}.admin-xp-mini{justify-content:flex-start}.share-preview-card{border-radius:22px;padding:13px}.share-preview-actions .btn{flex:1}}

/* v1.64.69 SUBTITLE SAFE HEIGHT + CLEAR XP COIN
   Keep the default English subtitle above the search dock after the SEO/Share/XP UI additions.
   Also show the awarded amount inside the golden popup coin so the user understands the reward. */
@media (min-width: 821px){
  html.is-desktop-layout body #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .smart-caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .smart-caption-en:not(.caption-free-pos){
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:236px!important;
    transform:translateX(-50%)!important;
    z-index:12!important;
  }
  html.is-desktop-layout body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .pro-player-card.max-view .smart-caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .pro-player-card.max-view .smart-caption-en:not(.caption-free-pos){
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:224px!important;
    transform:translateX(-50%)!important;
    z-index:12!important;
  }
}
@media (max-width: 820px){
  html.is-mobile-layout body #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-mobile-layout body .smart-caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-mobile-layout body .smart-caption-en:not(.caption-free-pos){
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:clamp(255px, 33vh, 335px)!important;
    transform:translateX(-50%)!important;
    z-index:12!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-mobile-layout body .pro-player-card.max-view .smart-caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-mobile-layout body .pro-player-card.max-view .smart-caption-en:not(.caption-free-pos){
    bottom:clamp(255px, 33vh, 335px)!important;
  }
}
.xp-toast-coin{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  display:inline-grid!important;
  place-items:center!important;
  grid-template-rows:1fr auto!important;
  gap:0!important;
  line-height:1!important;
  box-shadow:0 9px 22px rgba(255,190,55,.32), inset 0 1px 0 rgba(255,255,255,.65)!important;
}
.xp-toast-coin strong{
  display:block!important;
  font-size:14px!important;
  font-weight:1000!important;
  color:#2e1d00!important;
  margin-top:6px!important;
}
.xp-toast-coin em{
  display:block!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  color:#5d3900!important;
  margin-bottom:7px!important;
}
.xp-toast b{
  font-size:15px!important;
  color:#ffdc70!important;
  white-space:nowrap!important;
}
.xp-toast small{
  max-width:190px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media (max-width:820px){
  .xp-toast{gap:8px!important;padding:10px 12px!important;justify-content:flex-start!important;}
  .xp-toast-coin{width:42px!important;height:42px!important;min-width:42px!important;}
  .xp-toast-coin strong{font-size:13px!important;margin-top:5px!important;}
  .xp-toast-coin em{font-size:7px!important;margin-bottom:6px!important;}
  .xp-toast small{max-width:48vw!important;}
}


/* v1.64.69 FINAL: caption above search, compact action buttons, captcha UI */
@media (min-width: 821px){
  html.is-desktop-layout body #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .smart-caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .smart-caption-en:not(.caption-free-pos){
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:310px!important;
    transform:translateX(-50%)!important;
    z-index:18!important;
    max-width:min(78%, 920px)!important;
  }
  html.is-desktop-layout body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .pro-player-card.max-view .smart-caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .pro-player-card.max-view .smart-caption-en:not(.caption-free-pos){
    bottom:270px!important;
    max-width:min(82%, 980px)!important;
  }
  html.is-desktop-layout body .stable-action-row,
  html.is-desktop-layout body .search-inline-tools.live-actions{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:auto!important;
    max-width:100%!important;
  }
  html.is-desktop-layout body .stable-action-row .compact-action-btn,
  html.is-desktop-layout body .pro-action-row .compact-action-btn,
  html.is-desktop-layout body .search-inline-tools.live-actions .compact-action-btn{
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:auto!important;
    min-width:118px!important;
    max-width:170px!important;
    height:40px!important;
    padding:0 13px!important;
    border-radius:16px!important;
  }
  html.is-desktop-layout body .stable-action-row .compact-action-btn .control-label,
  html.is-desktop-layout body .pro-action-row .compact-action-btn .control-label,
  html.is-desktop-layout body .search-inline-tools.live-actions .compact-action-btn .control-label{
    display:inline!important;
    font-size:12px!important;
    white-space:nowrap!important;
    max-width:none!important;
  }
}
@media (max-width: 820px){
  html.is-mobile-layout body #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-mobile-layout body .smart-caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-mobile-layout body .smart-caption-en:not(.caption-free-pos){
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:clamp(330px, 42vh, 455px)!important;
    transform:translateX(-50%)!important;
    z-index:18!important;
    max-width:calc(100% - 32px)!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-mobile-layout body .pro-player-card.max-view .smart-caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-mobile-layout body .pro-player-card.max-view .smart-caption-en:not(.caption-free-pos){
    bottom:clamp(300px, 38vh, 430px)!important;
  }
  html.is-mobile-layout body .stable-action-row,
  html.is-mobile-layout body .pro-action-row,
  html.is-mobile-layout body .search-inline-tools.live-actions{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    width:auto!important;
    max-width:none!important;
    margin:6px auto 0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn,
  html.is-mobile-layout body .pro-action-row .compact-action-btn,
  html.is-mobile-layout body .search-inline-tools.live-actions .compact-action-btn{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    border-radius:50%!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn .control-label,
  html.is-mobile-layout body .pro-action-row .compact-action-btn .control-label,
  html.is-mobile-layout body .search-inline-tools.live-actions .compact-action-btn .control-label{
    display:none!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn .control-icon,
  html.is-mobile-layout body .pro-action-row .compact-action-btn .control-icon,
  html.is-mobile-layout body .search-inline-tools.live-actions .compact-action-btn .control-icon,
  html.is-mobile-layout body .stable-action-row .compact-action-btn .heart-icon,
  html.is-mobile-layout body .pro-action-row .compact-action-btn .heart-icon,
  html.is-mobile-layout body .search-inline-tools.live-actions .compact-action-btn .heart-icon{
    font-size:22px!important;
    line-height:1!important;
    filter:drop-shadow(0 5px 10px rgba(0,0,0,.45));
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn:active,
  html.is-mobile-layout body .pro-action-row .compact-action-btn:active,
  html.is-mobile-layout body .search-inline-tools.live-actions .compact-action-btn:active{
    transform:scale(.92)!important;
  }
}
.captcha-row{display:grid!important;grid-template-columns:138px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}
.captcha-img{width:138px!important;height:46px!important;border-radius:16px!important;object-fit:cover!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 12px 30px rgba(0,0,0,.24)!important;cursor:pointer!important;background:#141c33!important}
.captcha-row input[name="captcha"]{height:46px!important;text-align:center!important;letter-spacing:.18em!important;font-weight:900!important;direction:ltr!important}
.captcha-row-modal{grid-template-columns:124px minmax(0,1fr)!important;gap:8px!important}.captcha-row-modal .captcha-img{width:124px!important;height:42px!important;border-radius:14px!important}.captcha-row-modal input[name="captcha"]{height:42px!important}
.compact-user-list-head,.compact-user-row{grid-template-columns:1.18fr .78fr .72fr .72fr .50fr .95fr .78fr!important}.compact-mobile-input{direction:ltr!important;text-align:left!important;min-width:0!important}
@media (max-width: 820px){.captcha-row{grid-template-columns:118px minmax(0,1fr)!important}.captcha-img{width:118px!important;height:42px!important}.compact-user-list-head,.compact-user-row{grid-template-columns:1fr!important}}


/* v1.64.69 ACTION ROW ALIGNMENT + GENRE MOBILE FIX
   - mobile: center translate/favorite/share icons, keep them small and inline
   - mobile: keep genre box full-width and separate from action icons
   - desktop: make all three action buttons equal-size and aligned in one row */
@media (max-width: 900px){
  html body .video-bottom-ui{
    gap:8px!important;
    padding:0 10px 14px!important;
  }
  html body .stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row{
    width:calc(100% - 14px)!important;
    max-width:calc(100% - 14px)!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:6px!important;
    padding:6px!important;
    border-radius:16px!important;
  }
  html body .stable-search-row #phrase-search-btn,
  html body .stable-search-row .emoji-btn{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border-radius:14px!important;
  }
  html body .stable-search-row input{
    height:42px!important;
    min-width:0!important;
    font-size:16px!important;
    border-radius:14px!important;
  }
  html body .stable-search-row .genre-filter-wrap,
  html body .compact-search-row .genre-filter-wrap{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    margin-top:2px!important;
    border-radius:13px!important;
    align-self:stretch!important;
  }
  html body .stable-search-row .genre-filter-wrap span,
  html body .compact-search-row .genre-filter-wrap span{
    font-size:11px!important;
    padding-inline-start:10px!important;
  }
  html body .genre-filter-wrap select{
    width:calc(100% - 64px)!important;
    max-width:none!important;
    height:100%!important;
    font-size:13px!important;
  }

  html body .stable-action-row,
  html body .compact-inline-actions.stable-action-row{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    margin:8px auto 0!important;
    padding:0 8px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:12px!important;
    grid-template-columns:none!important;
  }
  html body .stable-action-row .compact-action-btn,
  html body .compact-inline-actions.stable-action-row .compact-action-btn{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:999px!important;
    padding:0!important;
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.10)!important;
  }
  html body .stable-action-row .compact-action-btn .control-label,
  html body .compact-inline-actions.stable-action-row .compact-action-btn .control-label{
    display:none!important;
  }
  html body .stable-action-row .compact-action-btn .emoji-icon,
  html body .stable-action-row .compact-action-btn .heart-icon,
  html body .stable-action-row .compact-action-btn .text-icon,
  html body .stable-action-row .compact-action-btn .control-icon,
  html body .compact-inline-actions.stable-action-row .compact-action-btn .emoji-icon,
  html body .compact-inline-actions.stable-action-row .compact-action-btn .heart-icon,
  html body .compact-inline-actions.stable-action-row .compact-action-btn .text-icon,
  html body .compact-inline-actions.stable-action-row .compact-action-btn .control-icon{
    font-size:17px!important;
    line-height:1!important;
  }
}

@media (min-width: 901px){
  html body .stable-action-row,
  html body .compact-inline-actions.stable-action-row{
    width:min(610px,62vw)!important;
    max-width:min(610px,62vw)!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    margin:0 auto!important;
  }
  html body .stable-action-row .compact-action-btn,
  html body .compact-inline-actions.stable-action-row .compact-action-btn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:18px!important;
    padding:0 14px!important;
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:8px!important;
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:none!important;
  }
  html body .stable-action-row .compact-action-btn .control-label,
  html body .compact-inline-actions.stable-action-row .compact-action-btn .control-label{
    display:inline!important;
    font-size:12px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* v1.64.69 FINAL OVERRIDES: stable captions, equal desktop action buttons, clean mobile action/genre */
html body .smart-caption-wrap,
html body .smart-caption-text,
html body .dict-word{
  pointer-events:auto!important;
}
html body .dict-word{
  cursor:pointer!important;
  touch-action:manipulation!important;
}

@media (min-width: 821px){
  html.is-desktop-layout body #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .smart-caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .smart-caption-en:not(.caption-free-pos){
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:188px!important;
    transform:translateX(-50%)!important;
    z-index:36!important;
    max-width:min(860px,82vw)!important;
  }
  html.is-desktop-layout body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .pro-player-card.max-view .smart-caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-desktop-layout body .pro-player-card.max-view .smart-caption-en:not(.caption-free-pos){
    bottom:142px!important;
    z-index:100003!important;
  }
  html.is-desktop-layout body .stable-action-row,
  html.is-desktop-layout body .compact-inline-actions.stable-action-row,
  html.is-desktop-layout body .pro-action-row.stable-action-row{
    width:min(630px,64vw)!important;
    max-width:min(630px,64vw)!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:12px!important;
    justify-content:center!important;
    align-items:center!important;
    margin:0 auto!important;
  }
  html.is-desktop-layout body .stable-action-row .compact-action-btn,
  html.is-desktop-layout body .compact-inline-actions.stable-action-row .compact-action-btn,
  html.is-desktop-layout body .pro-action-row.stable-action-row .compact-action-btn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 12px!important;
    border-radius:18px!important;
    box-sizing:border-box!important;
  }
  html.is-desktop-layout body .stable-action-row .compact-action-btn .control-label{
    display:inline!important;
    max-width:132px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

@media (max-width: 820px){
  html.is-mobile-layout body #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-mobile-layout body .smart-caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-mobile-layout body .smart-caption-en:not(.caption-free-pos){
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:clamp(255px, 32vh, 350px)!important;
    transform:translateX(-50%)!important;
    z-index:36!important;
    max-width:calc(100% - 30px)!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-mobile-layout body .pro-player-card.max-view .smart-caption-wrap.smart-caption-en:not(.caption-free-pos),
  html.is-mobile-layout body .pro-player-card.max-view .smart-caption-en:not(.caption-free-pos){
    bottom:118px!important;
    z-index:100003!important;
  }
  html.is-mobile-layout body .video-bottom-ui{
    gap:7px!important;
    padding:0 8px 12px!important;
  }
  html.is-mobile-layout body .stable-search-row,
  html.is-mobile-layout body .search-dock.in-video-search.pro-search-dock.stable-search-row{
    width:calc(100% - 18px)!important;
    max-width:calc(100% - 18px)!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px!important;
    border-radius:18px!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body .stable-search-row input{
    height:42px!important;
    border-radius:15px!important;
    min-width:0!important;
    text-align:center!important;
  }
  html.is-mobile-layout body .stable-search-row #phrase-search-btn,
  html.is-mobile-layout body .stable-search-row .emoji-btn{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border-radius:15px!important;
  }
  html.is-mobile-layout body .stable-search-row .genre-filter-wrap,
  html.is-mobile-layout body .compact-search-row .genre-filter-wrap{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:36px!important;
    margin:0!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
  }
  html.is-mobile-layout body .stable-search-row .genre-filter-wrap span,
  html.is-mobile-layout body .compact-search-row .genre-filter-wrap span{
    padding:0!important;
    font-size:11px!important;
    line-height:1!important;
    flex:0 0 auto!important;
  }
  html.is-mobile-layout body .genre-filter-wrap select{
    width:auto!important;
    min-width:58px!important;
    max-width:170px!important;
    height:32px!important;
    padding:0 20px 0 0!important;
    font-size:13px!important;
    flex:0 0 auto!important;
    text-align:center!important;
  }
  html.is-mobile-layout body .stable-action-row,
  html.is-mobile-layout body .compact-inline-actions.stable-action-row,
  html.is-mobile-layout body .pro-action-row.stable-action-row{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:22px!important;
    margin:6px auto 0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn,
  html.is-mobile-layout body .compact-inline-actions.stable-action-row .compact-action-btn,
  html.is-mobile-layout body .pro-action-row.stable-action-row .compact-action-btn{
    position:relative!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    padding:0!important;
    border-radius:999px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn .control-label{
    display:none!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn .control-icon,
  html.is-mobile-layout body .stable-action-row .compact-action-btn .emoji-icon,
  html.is-mobile-layout body .stable-action-row .compact-action-btn .heart-icon,
  html.is-mobile-layout body .stable-action-row .compact-action-btn .text-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    line-height:44px!important;
    text-align:center!important;
    font-size:25px!important;
    overflow:visible!important;
    transform:none!important;
    filter:drop-shadow(0 7px 12px rgba(0,0,0,.48))!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn.heart-control .heart-icon{
    font-size:29px!important;
  }
  html.is-mobile-layout body .stable-action-row .share-control .emoji-icon{
    font-size:24px!important;
  }
}


/* v1.64.69 exact action sizes + max caption word hit fix */
html body .smart-caption-wrap,
html body .smart-caption-text,
html body #caption-bar,
html body #caption-bar .dict-word,
html body .smart-caption-en .dict-word{
  pointer-events:auto!important;
}
html body #caption-bar .dict-word,
html body .smart-caption-en .dict-word{
  position:relative!important;
  z-index:100006!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
html body .pro-player-card.max-view #caption-wrap.smart-caption-en,
html body .pro-player-card.max-view .smart-caption-wrap.smart-caption-en{
  pointer-events:auto!important;
  z-index:100006!important;
}
html body .robust-word-tooltip{
  z-index:100010!important;
  pointer-events:none!important;
}

/* Desktop: فقط عرض خود دکمه‌ها برابر شود؛ ردیف اضافه‌کشیده نشود. */
@media (min-width: 821px){
  html.is-desktop-layout body .stable-action-row,
  html.is-desktop-layout body .compact-inline-actions.stable-action-row,
  html.is-desktop-layout body .pro-action-row.stable-action-row{
    width:auto!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:repeat(3,168px)!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    margin:0 auto!important;
  }
  html.is-desktop-layout body .stable-action-row .compact-action-btn,
  html.is-desktop-layout body .compact-inline-actions.stable-action-row .compact-action-btn,
  html.is-desktop-layout body .pro-action-row.stable-action-row .compact-action-btn{
    width:168px!important;
    min-width:168px!important;
    max-width:168px!important;
    height:48px!important;
    min-height:48px!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 10px!important;
    border-radius:18px!important;
  }
  html.is-desktop-layout body .stable-action-row .share-control,
  html.is-desktop-layout body .compact-inline-actions.stable-action-row .share-control{
    width:168px!important;
    min-width:168px!important;
    max-width:168px!important;
  }
  html.is-desktop-layout body .stable-action-row .compact-action-btn .control-label,
  html.is-desktop-layout body .compact-inline-actions.stable-action-row .compact-action-btn .control-label{
    display:inline!important;
    max-width:118px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
}

/* Mobile: هر سه دکمه، مخصوصاً Share، داخل یک باکس کوچک هم‌شکل باشند. */
@media (max-width: 820px){
  html.is-mobile-layout body .stable-action-row,
  html.is-mobile-layout body .compact-inline-actions.stable-action-row,
  html.is-mobile-layout body .pro-action-row.stable-action-row{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    justify-content:center!important;
    align-items:center!important;
    gap:14px!important;
    margin:6px auto 0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn,
  html.is-mobile-layout body .compact-inline-actions.stable-action-row .compact-action-btn,
  html.is-mobile-layout body .pro-action-row.stable-action-row .compact-action-btn,
  html.is-mobile-layout body .stable-action-row .share-control,
  html.is-mobile-layout body .compact-inline-actions.stable-action-row .share-control{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(12px)!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn .control-label,
  html.is-mobile-layout body .compact-inline-actions.stable-action-row .compact-action-btn .control-label{
    display:none!important;
  }
  html.is-mobile-layout body .stable-action-row .compact-action-btn .control-icon,
  html.is-mobile-layout body .stable-action-row .compact-action-btn .emoji-icon,
  html.is-mobile-layout body .stable-action-row .compact-action-btn .heart-icon,
  html.is-mobile-layout body .stable-action-row .compact-action-btn .text-icon{
    width:auto!important;
    height:auto!important;
    line-height:1!important;
    font-size:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:none!important;
    filter:none!important;
  }
  html.is-mobile-layout body .stable-action-row .heart-control .heart-icon{font-size:25px!important;}
  html.is-mobile-layout body .stable-action-row .share-control .emoji-icon{font-size:22px!important;}

  html.is-mobile-layout body .stable-search-row .genre-filter-wrap,
  html.is-mobile-layout body .compact-search-row .genre-filter-wrap{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:38px!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .genre-filter-wrap span{
    flex:0 0 auto!important;
    min-width:48px!important;
    padding:0!important;
    text-align:left!important;
    font-size:11px!important;
  }
  html.is-mobile-layout body .genre-filter-wrap select{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    height:34px!important;
    text-align:left!important;
    padding:0 20px 0 4px!important;
    font-size:13px!important;
  }
}


/* v1.64.69 EN CAPTION HALO + DESKTOP SHARE WIDTH FINAL FIX
   درخواست: باکس زیرنویس انگلیسی خیلی محوتر شود و فقط هاله بماند؛ Share در دسکتاپ دقیقاً هم‌عرض دو دکمه دیگر باشد. */
html body #caption-bar,
html body #caption-wrap.smart-caption-en .smart-caption-text,
html body .smart-caption-wrap.smart-caption-en .smart-caption-text,
html body .smart-caption-en .smart-caption-text,
html body .smart-caption-en .live-caption,
html body .smart-caption-en .pro-caption{
  background:rgba(13,24,36,.085)!important;
  border:1px solid rgba(255,255,255,.105)!important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.075),
    inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(7px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(7px) saturate(1.05)!important;
  color:rgba(255,255,255,.96)!important;
  text-shadow:0 2px 8px rgba(0,0,0,.80)!important;
}
html body .smart-caption-en .dict-word:hover,
html body #caption-bar .dict-word:hover{
  background:rgba(255,211,106,.13)!important;
  border-radius:6px!important;
}
html body .smart-caption-en .caption-copy-btn{
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.10)!important;
}

@media (max-width: 820px){
  html body #caption-bar,
  html body #caption-wrap.smart-caption-en .smart-caption-text,
  html body .smart-caption-wrap.smart-caption-en .smart-caption-text,
  html body .smart-caption-en .smart-caption-text,
  html body .smart-caption-en .live-caption,
  html body .smart-caption-en .pro-caption{
    background:rgba(13,24,36,.075)!important;
    border:1px solid rgba(255,255,255,.095)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.065), inset 0 1px 0 rgba(255,255,255,.045)!important;
    backdrop-filter:blur(6px) saturate(1.05)!important;
    -webkit-backdrop-filter:blur(6px) saturate(1.05)!important;
  }
}

@media (min-width: 821px){
  html body .search-inline-tools.live-actions.pro-action-row.compact-inline-actions.stable-action-row,
  html body .stable-action-row,
  html body .compact-inline-actions.stable-action-row,
  html body .pro-action-row.stable-action-row{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:center!important;
    width:auto!important;
    max-width:none!important;
    gap:10px!important;
    margin:0 auto!important;
    grid-template-columns:none!important;
  }
  html body .search-inline-tools.live-actions.pro-action-row.compact-inline-actions.stable-action-row > button,
  html body .stable-action-row > button,
  html body .compact-inline-actions.stable-action-row > button,
  html body .pro-action-row.stable-action-row > button,
  html body .stable-action-row .compact-action-btn,
  html body .compact-inline-actions.stable-action-row .compact-action-btn,
  html body .pro-action-row.stable-action-row .compact-action-btn,
  html body #toggle-fa,
  html body #favorite-clip,
  html body #share-clip,
  html body .stable-action-row .share-control,
  html body .compact-inline-actions.stable-action-row .share-control{
    flex:0 0 152px!important;
    width:152px!important;
    min-width:152px!important;
    max-width:152px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 10px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  html body .stable-action-row .compact-action-btn .control-label,
  html body .compact-inline-actions.stable-action-row .compact-action-btn .control-label,
  html body #share-clip .control-label,
  html body #toggle-fa .control-label,
  html body #favorite-clip .control-label{
    display:inline-block!important;
    width:auto!important;
    max-width:104px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:12px!important;
    line-height:1!important;
  }
  html body #share-clip .control-icon,
  html body #toggle-fa .control-icon,
  html body #favorite-clip .control-icon{
    flex:0 0 auto!important;
  }
}


/* v1.64.69 SINGLE CAPTION BOX + EN SUBTITLE TOGGLE + 4 ACTION BUTTONS + MOBILE STATS TOP
   Safe approach: outer caption wrapper becomes transparent only; inner caption remains the single visual box, copy button sits beside it. */
html body #caption-wrap.smart-caption-en,
html body .smart-caption-wrap.smart-caption-en{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
}
html body #caption-wrap.smart-caption-en.hidden,
html body .smart-caption-wrap.smart-caption-en.hidden{display:none!important;}
html body #caption-wrap.smart-caption-en #caption-bar,
html body #caption-wrap.smart-caption-en .smart-caption-text,
html body .smart-caption-wrap.smart-caption-en .smart-caption-text,
html body .smart-caption-en .live-caption,
html body .smart-caption-en .pro-caption{
  background:rgba(13,24,36,.075)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  box-shadow:0 8px 20px rgba(0,0,0,.055), inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(6px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(6px) saturate(1.05)!important;
  padding:8px 16px!important;
}
html body #caption-wrap.smart-caption-en .caption-copy-btn,
html body .smart-caption-en .caption-copy-btn{
  position:static!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  border-radius:13px!important;
  margin:0!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(10px)!important;
}
html body #toggle-en.is-active,
html body .subtitle-control.is-active{
  background:rgba(102,239,255,.16)!important;
  border-color:rgba(102,239,255,.34)!important;
  box-shadow:0 0 0 1px rgba(102,239,255,.10), 0 10px 26px rgba(0,0,0,.12)!important;
}
html body #toggle-en:not(.is-active),
html body .subtitle-control:not(.is-active){opacity:.82!important;}

@media (min-width: 821px){
  html body .search-inline-tools.live-actions.pro-action-row.compact-inline-actions.stable-action-row,
  html body .stable-action-row,
  html body .compact-inline-actions.stable-action-row,
  html body .pro-action-row.stable-action-row{
    display:grid!important;
    grid-template-columns:repeat(4,152px)!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    width:auto!important;
    max-width:none!important;
    margin:0 auto!important;
  }
  html body .search-inline-tools.live-actions.pro-action-row.compact-inline-actions.stable-action-row > button,
  html body .stable-action-row > button,
  html body .compact-inline-actions.stable-action-row > button,
  html body .pro-action-row.stable-action-row > button,
  html body #toggle-fa,
  html body #toggle-en,
  html body #favorite-clip,
  html body #share-clip{
    width:152px!important;
    min-width:152px!important;
    max-width:152px!important;
    flex:0 0 152px!important;
    height:48px!important;
    min-height:48px!important;
    box-sizing:border-box!important;
  }
}

@media (max-width: 820px){
  html body #caption-wrap.smart-caption-en #caption-bar,
  html body #caption-wrap.smart-caption-en .smart-caption-text,
  html body .smart-caption-wrap.smart-caption-en .smart-caption-text{
    padding:7px 10px!important;
    border-radius:15px!important;
  }
  html body #caption-wrap.smart-caption-en .caption-copy-btn,
  html body .smart-caption-en .caption-copy-btn{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    border-radius:11px!important;
  }
  html body .search-inline-tools.live-actions.pro-action-row.compact-inline-actions.stable-action-row,
  html body .stable-action-row,
  html body .compact-inline-actions.stable-action-row,
  html body .pro-action-row.stable-action-row{
    display:grid!important;
    grid-template-columns:repeat(4,48px)!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin:8px auto 0!important;
    padding:0!important;
  }
  html body .stable-action-row > button,
  html body .compact-inline-actions.stable-action-row > button,
  html body .pro-action-row.stable-action-row > button,
  html body #toggle-fa,
  html body #toggle-en,
  html body #favorite-clip,
  html body #share-clip{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:18px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body .stable-action-row .compact-action-btn .control-label,
  html body .compact-inline-actions.stable-action-row .compact-action-btn .control-label{display:none!important;}
  html body .stable-action-row .compact-action-btn .control-icon,
  html body .stable-action-row .compact-action-btn .emoji-icon,
  html body .stable-action-row .compact-action-btn .heart-icon,
  html body .compact-inline-actions.stable-action-row .compact-action-btn .control-icon,
  html body .compact-inline-actions.stable-action-row .compact-action-btn .emoji-icon,
  html body .compact-inline-actions.stable-action-row .compact-action-btn .heart-icon{
    font-size:22px!important;
    line-height:1!important;
  }

  /* Put movie/clip/word counters up beside the XP area without overflowing mobile width. */
  html.is-mobile-layout body .site-header.pro-top-header,
  html.is-mobile-layout body .site-header.clean-header{
    position:relative!important;
    grid-template-areas:"auth" "nav"!important;
    padding-top:8px!important;
  }
  html.is-mobile-layout body .header-center-stats{
    position:absolute!important;
    left:8px!important;
    top:8px!important;
    grid-area:auto!important;
    width:auto!important;
    max-width:116px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    transform:none!important;
    z-index:5!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .header-center-stats .header-stat-bubble{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    padding:0!important;
  }
  html.is-mobile-layout body .header-center-stats .header-stat-bubble b{font-size:10px!important;line-height:1!important;}
  html.is-mobile-layout body .header-center-stats .header-stat-bubble small{font-size:6.5px!important;line-height:1!important;}
  html.is-mobile-layout body .header-actions.final-user-status,
  html.is-mobile-layout body .pro-header-actions.final-user-status{
    padding-left:126px!important;
    box-sizing:border-box!important;
    min-width:0!important;
  }
  html.is-mobile-layout body .xp-chip{flex:0 0 auto!important;}
  html.is-mobile-layout body .user-chip-only{max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}


/* v1.64.69 CLIP JUMP + REPEAT + TRUE MAX VIEW
   Adds a tiny jump-to-clip box, repeat toggle, and stronger fullscreen/max-view layout. */
html body .pro-video-topbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  pointer-events:none!important;
}
html body .pro-video-topbar > *{pointer-events:auto!important;}
html body .top-clip-tools{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex:0 0 auto!important;
  direction:ltr!important;
}
html body .top-clip-tools .pro-counter-pill{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
}
html body .clip-jump-input{
  width:46px!important;
  min-width:46px!important;
  height:34px!important;
  border-radius:14px!important;
  padding:0 4px!important;
  text-align:center!important;
  direction:ltr!important;
  font-size:13px!important;
  font-weight:950!important;
  color:#fff!important;
  background:rgba(9,20,32,.58)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
html body .clip-jump-input:focus{
  border-color:rgba(91,225,255,.55)!important;
  box-shadow:0 0 0 3px rgba(91,225,255,.14), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html body .clip-jump-input:disabled{opacity:.42!important;cursor:not-allowed!important;}
html body .clip-jump-input::-webkit-outer-spin-button,
html body .clip-jump-input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important;}
html body .clip-jump-input[type=number]{-moz-appearance:textfield!important;appearance:textfield!important;}
html body .clip-repeat-toggle{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  border-radius:14px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:15px!important;
  color:#dbeafe!important;
  background:rgba(9,20,32,.52)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  cursor:pointer!important;
}
html body .clip-repeat-toggle.is-active{
  color:#06202a!important;
  background:linear-gradient(135deg,#69f2ff,#45d8ff)!important;
  border-color:rgba(98,240,255,.64)!important;
  box-shadow:0 0 0 3px rgba(91,225,255,.14),0 10px 24px rgba(54,215,255,.20)!important;
}
html body .clip-repeat-toggle:disabled{opacity:.42!important;cursor:not-allowed!important;}

@media (max-width:820px){
  html.is-mobile-layout body .pro-video-topbar{
    left:10px!important;
    right:10px!important;
    top:10px!important;
    gap:6px!important;
  }
  html.is-mobile-layout body .top-movie-pill{
    max-width:52vw!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html.is-mobile-layout body .top-clip-tools{gap:4px!important;}
  html.is-mobile-layout body .top-clip-tools .pro-counter-pill,
  html.is-mobile-layout body .pro-counter-pill{
    height:32px!important;
    min-height:32px!important;
    padding:0 9px!important;
    border-radius:13px!important;
    font-size:12px!important;
  }
  html.is-mobile-layout body .clip-jump-input{
    width:40px!important;
    min-width:40px!important;
    height:32px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  html.is-mobile-layout body .clip-repeat-toggle{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }
}

html body.phraselab-max-open{overflow:hidden!important;}
html body .pro-player-card.max-view,
html body .pro-player-card.max-view:fullscreen,
html body .pro-player-card.max-view:-webkit-full-screen{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  width:100dvw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#000!important;
  overflow:hidden!important;
  z-index:2147483000!important;
}
html body .pro-player-card.max-view .player-frame,
html body .pro-player-card.max-view .pro-player-frame,
html body .pro-player-card.max-view .live-video-shell,
html body .pro-player-card.max-view .pro-video-shell{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  width:100dvw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  min-width:100vw!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#000!important;
  overflow:hidden!important;
}
html body .pro-player-card.max-view .pro-video,
html body .pro-player-card.max-view video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  background:#000!important;
}
html body .pro-player-card.max-view .video-bottom-ui,
html body .pro-player-card.max-view .stable-search-row,
html body .pro-player-card.max-view .stable-action-row,
html body .pro-player-card.max-view .pro-video-topbar,
html body .pro-player-card.max-view .pro-empty-overlay{
  display:none!important;
}
html body .pro-player-card.max-view .maximize-player-btn{
  display:grid!important;
  position:fixed!important;
  top:14px!important;
  right:14px!important;
  z-index:2147483005!important;
  width:44px!important;
  height:44px!important;
  border-radius:16px!important;
  background:rgba(8,14,22,.46)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
html body .pro-player-card.max-view .center-transport{
  z-index:2147483003!important;
}
html body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.hidden),
html body .pro-player-card.max-view #fa-caption-wrap.smart-caption-fa:not(.hidden){
  z-index:2147483004!important;
}


/* v1.64.69 MAX TOOLS + MAX VIEW SEARCH/DICTIONARY FIX
   - keep clip counter at the top-left
   - move jump/repeat/maximize controls to the bottom-right over the video
   - keep search bar and caption word dictionary usable in Maximum View
   - avoid native fullscreen overlay bugs by relying on CSS max-view */
html body .pro-video-topbar{
  pointer-events:none!important;
  z-index:70!important;
}
html body .pro-video-topbar > *{pointer-events:auto!important;}
html body .pro-video-topbar .top-clip-tools{
  order:-1!important;
  margin-right:auto!important;
  margin-left:0!important;
  justify-content:flex-start!important;
}
html body .pro-video-topbar .top-movie-pill{
  order:2!important;
  margin-left:auto!important;
  max-width:min(54vw,520px)!important;
}
html body .video-side-tools{
  position:absolute!important;
  right:16px!important;
  bottom:16px!important;
  z-index:85!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  direction:ltr!important;
  pointer-events:auto!important;
}
html body .video-side-tools .maximize-player-btn,
html body .video-side-tools .clip-repeat-toggle,
html body .video-side-tools .clip-jump-input{
  position:static!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  flex:0 0 auto!important;
}
html body .video-side-tools .maximize-player-btn{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  border-radius:15px!important;
  background:rgba(8,18,30,.42)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:rgba(255,255,255,.90)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
html body .video-side-tools .clip-repeat-toggle{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  border-radius:14px!important;
}
html body .video-side-tools .clip-jump-input{
  width:50px!important;
  min-width:50px!important;
  height:38px!important;
  border-radius:14px!important;
}

/* Maximum View: keep only the counter top-left; tools bottom-right; show search/captions. */
html body .pro-player-card.max-view .pro-video-topbar{
  display:flex!important;
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  right:12px!important;
  z-index:2147483002!important;
  pointer-events:none!important;
}
html body .pro-player-card.max-view .pro-video-topbar .top-clip-tools{
  display:inline-flex!important;
  pointer-events:auto!important;
}
html body .pro-player-card.max-view .pro-video-topbar .top-movie-pill{
  display:none!important;
}
html body .pro-player-card.max-view .video-side-tools{
  display:inline-flex!important;
  position:absolute!important;
  right:16px!important;
  bottom:16px!important;
  z-index:2147483006!important;
}
html body .pro-player-card.max-view .video-bottom-ui{
  display:flex!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:2147483002!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:0 86px 16px 16px!important;
  pointer-events:none!important;
  background:linear-gradient(to top, rgba(0,0,0,.46), rgba(0,0,0,.16) 56%, transparent)!important;
}
html body .pro-player-card.max-view .video-bottom-ui > *{
  pointer-events:auto!important;
}
html body .pro-player-card.max-view .stable-search-row,
html body .pro-player-card.max-view .search-dock.in-video-search.pro-search-dock.stable-search-row{
  display:grid!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(720px,calc(100vw - 190px))!important;
  max-width:min(720px,calc(100vw - 190px))!important;
  margin:0 auto!important;
  opacity:.90!important;
  z-index:2147483003!important;
}
html body .pro-player-card.max-view .stable-action-row,
html body .pro-player-card.max-view .compact-inline-actions.stable-action-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:calc(100vw - 190px)!important;
  margin:0 auto!important;
  opacity:.78!important;
  z-index:2147483003!important;
}
html body .pro-player-card.max-view .stable-action-row .compact-action-btn{
  width:42px!important;
  min-width:42px!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:14px!important;
  padding:0!important;
}
html body .pro-player-card.max-view .stable-action-row .control-label{display:none!important;}
html body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.hidden),
html body .pro-player-card.max-view #fa-caption-wrap.smart-caption-fa:not(.hidden){
  display:inline-flex!important;
  pointer-events:auto!important;
  z-index:2147483005!important;
}
html body .pro-player-card.max-view #caption-bar,
html body .pro-player-card.max-view #caption-bar .dict-word{
  pointer-events:auto!important;
  cursor:pointer!important;
}
html body .pro-player-card.max-view .pro-empty-overlay{
  display:none!important;
}

/* Mobile: keep tools small and safe, search still visible in max-view. */
@media (max-width:820px){
  html.is-mobile-layout body .pro-video-topbar .top-movie-pill{
    max-width:48vw!important;
  }
  html.is-mobile-layout body .video-side-tools{
    right:10px!important;
    bottom:10px!important;
    gap:5px!important;
  }
  html.is-mobile-layout body .video-side-tools .maximize-player-btn,
  html.is-mobile-layout body .video-side-tools .clip-repeat-toggle{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    border-radius:12px!important;
  }
  html.is-mobile-layout body .video-side-tools .clip-jump-input{
    width:42px!important;
    min-width:42px!important;
    height:34px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .video-bottom-ui{
    padding:0 54px 10px 8px!important;
    gap:6px!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .stable-search-row,
  html.is-mobile-layout body .pro-player-card.max-view .search-dock.in-video-search.pro-search-dock.stable-search-row{
    width:calc(100vw - 70px)!important;
    max-width:calc(100vw - 70px)!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .stable-action-row,
  html.is-mobile-layout body .pro-player-card.max-view .compact-inline-actions.stable-action-row{
    max-width:calc(100vw - 70px)!important;
  }
}


/* v1.64.69 MAX VIEW TOOLBAR + CENTER SEARCH + DICTIONARY FINAL FIX
   - Search bar stays centered at bottom in max-view.
   - Jump / Repeat / Max controls stay together on the video surface, bottom-right.
   - Repeat uses the same white/glass theme, no blue active style.
   - Maximize/Minimize button does not jump to top-right in max-view.
   - Word dictionary tooltip is above the CSS full-view layer. */
html body .word-tooltip,
html body .robust-word-tooltip,
html body .ai-teacher-box.word-tooltip{
  z-index:2147483647!important;
}

/* Normal/minimized player: tools sit on the video, above the bottom search dock. */
html body .live-video-shell .video-side-tools,
html body .pro-video-shell .video-side-tools,
html body .video-side-tools{
  position:absolute!important;
  right:16px!important;
  bottom:112px!important;
  z-index:2147483010!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  direction:ltr!important;
  pointer-events:auto!important;
}

html body .video-side-tools .clip-jump-input,
html body .video-side-tools .clip-repeat-toggle,
html body .video-side-tools .maximize-player-btn,
html body .pro-player-card.max-view .video-side-tools .clip-jump-input,
html body .pro-player-card.max-view .video-side-tools .clip-repeat-toggle,
html body .pro-player-card.max-view .video-side-tools .maximize-player-btn{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  flex:0 0 auto!important;
}

/* Max/min button must remain with jump/repeat, never top-right. */
html body .pro-player-card.max-view .video-side-tools .maximize-player-btn,
html body .video-side-tools .maximize-player-btn{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.105)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:rgba(255,255,255,.94)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

/* Repeat: white/glass in both OFF and ON states; active only gets a subtle white ring. */
html body .video-side-tools .clip-repeat-toggle,
html body .clip-repeat-toggle,
html body .video-side-tools .clip-repeat-toggle.is-active,
html body .clip-repeat-toggle.is-active{
  color:rgba(255,255,255,.94)!important;
  background:rgba(255,255,255,.105)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
html body .video-side-tools .clip-repeat-toggle.is-active,
html body .clip-repeat-toggle.is-active{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.34)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.10), 0 12px 28px rgba(0,0,0,.18)!important;
}

/* Jump input same glass height as the small controls. */
html body .video-side-tools .clip-jump-input{
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  border-radius:15px!important;
  color:rgba(255,255,255,.96)!important;
  background:rgba(255,255,255,.105)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}

/* Maximum view: true centered bottom search; tools stay bottom-right on the video. */
html body .pro-player-card.max-view .video-side-tools{
  display:inline-flex!important;
  position:absolute!important;
  right:18px!important;
  bottom:18px!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:2147483620!important;
}
html body .pro-player-card.max-view .video-bottom-ui{
  display:flex!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  z-index:2147483100!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:0 0 18px 0!important;
  pointer-events:none!important;
  background:linear-gradient(to top, rgba(0,0,0,.44), rgba(0,0,0,.13) 58%, transparent)!important;
}
html body .pro-player-card.max-view .video-bottom-ui > *{pointer-events:auto!important;}
html body .pro-player-card.max-view .stable-search-row,
html body .pro-player-card.max-view .search-dock.in-video-search.pro-search-dock.stable-search-row{
  display:grid!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(720px,calc(100vw - 64px))!important;
  max-width:min(720px,calc(100vw - 64px))!important;
  margin:0 auto!important;
  align-self:center!important;
  justify-self:center!important;
  opacity:.92!important;
  z-index:2147483200!important;
}
html body .pro-player-card.max-view .stable-action-row,
html body .pro-player-card.max-view .compact-inline-actions.stable-action-row{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  align-self:center!important;
  width:auto!important;
  max-width:calc(100vw - 64px)!important;
  margin:0 auto!important;
  opacity:.80!important;
  z-index:2147483200!important;
}
html body .pro-player-card.max-view #caption-wrap.smart-caption-en,
html body .pro-player-card.max-view #caption-bar,
html body .pro-player-card.max-view #caption-bar .dict-word,
html body .pro-player-card.max-view .smart-caption-en .dict-word{
  pointer-events:auto!important;
  cursor:pointer!important;
}
html body .pro-player-card.max-view #caption-wrap.smart-caption-en,
html body .pro-player-card.max-view .smart-caption-wrap.smart-caption-en{
  z-index:2147483500!important;
}
html body .pro-player-card.max-view #caption-bar .dict-word,
html body .pro-player-card.max-view .smart-caption-en .dict-word{
  position:relative!important;
  z-index:2147483501!important;
}

@media (max-width:820px){
  html.is-mobile-layout body .video-side-tools{
    right:10px!important;
    bottom:104px!important;
    gap:6px!important;
  }
  html.is-mobile-layout body .video-side-tools .maximize-player-btn,
  html.is-mobile-layout body .video-side-tools .clip-repeat-toggle{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    border-radius:13px!important;
  }
  html.is-mobile-layout body .video-side-tools .clip-jump-input{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    border-radius:13px!important;
    font-size:12px!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .video-side-tools{
    right:10px!important;
    bottom:10px!important;
    gap:5px!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .video-bottom-ui{
    padding:0 0 10px 0!important;
    gap:6px!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .stable-search-row,
  html.is-mobile-layout body .pro-player-card.max-view .search-dock.in-video-search.pro-search-dock.stable-search-row{
    width:calc(100vw - 22px)!important;
    max-width:calc(100vw - 22px)!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .stable-action-row,
  html.is-mobile-layout body .pro-player-card.max-view .compact-inline-actions.stable-action-row{
    max-width:calc(100vw - 22px)!important;
  }
}


/* v1.64.69 FINAL MAX TOOLBAR + CENTER SEARCH + MOBILE HEADER STATS
   Fixes user-reported layout issues:
   1) Repeat button uses the same neutral glass theme as Max.
   2) Search/actions stay centered in Maximum View.
   3) Jump / Repeat / Max stay together on the video surface, bottom-right.
   4) Mobile stats stay in the top header beside the XP area and fit in one row.
   5) Max-view caption words remain clickable/hoverable above all overlays. */

/* Neutralize repeat in every state. The ↻ glyph is used instead of the blue emoji icon. */
html body #clip-repeat-toggle,
html body .clip-repeat-toggle,
html body .clip-repeat-toggle:hover,
html body .clip-repeat-toggle:focus,
html body .clip-repeat-toggle.is-active,
html body .video-side-tools .clip-repeat-toggle,
html body .video-side-tools .clip-repeat-toggle:hover,
html body .video-side-tools .clip-repeat-toggle:focus,
html body .video-side-tools .clip-repeat-toggle.is-active,
html body .pro-player-card.max-view .video-side-tools .clip-repeat-toggle,
html body .pro-player-card.max-view .video-side-tools .clip-repeat-toggle.is-active{
  color:rgba(255,255,255,.92)!important;
  background:rgba(255,255,255,.105)!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08)!important;
  text-shadow:none!important;
  filter:none!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:21px!important;
  line-height:1!important;
}
html body .clip-repeat-toggle.is-active,
html body .video-side-tools .clip-repeat-toggle.is-active{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.34)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.10),0 12px 28px rgba(0,0,0,.20)!important;
}

/* Normal/minimized view: put Jump/Repeat/Max on the visible video area, bottom-right.
   The player is square while the movie is usually 16:9, so 43.75% is the lower letterbox area. */
html body .pro-video-shell .video-side-tools,
html body .live-video-shell .video-side-tools,
html body .video-side-tools{
  position:absolute!important;
  right:16px!important;
  bottom:calc(43.75% + 16px)!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:2147483400!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  direction:ltr!important;
  pointer-events:auto!important;
}
html body .video-side-tools .clip-jump-input,
html body .video-side-tools .clip-repeat-toggle,
html body .video-side-tools .maximize-player-btn{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  border-radius:15px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  flex:0 0 auto!important;
}
html body .video-side-tools .clip-jump-input{
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  text-align:center!important;
  color:#fff!important;
  background:rgba(255,255,255,.105)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
html body .video-side-tools .maximize-player-btn{
  background:rgba(255,255,255,.105)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:rgba(255,255,255,.92)!important;
}

/* Maximum View: center search/action stack against the viewport, independent from right tools. */
html body .pro-player-card.max-view .video-bottom-ui{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:18px!important;
  top:auto!important;
  transform:translateX(-50%)!important;
  width:min(820px,calc(100vw - 48px))!important;
  max-width:min(820px,calc(100vw - 48px))!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  z-index:2147483200!important;
  pointer-events:none!important;
  background:transparent!important;
}
html body .pro-player-card.max-view .video-bottom-ui > *{pointer-events:auto!important;}
html body .pro-player-card.max-view .stable-search-row,
html body .pro-player-card.max-view .search-dock.in-video-search.pro-search-dock.stable-search-row{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(720px,100%)!important;
  max-width:min(720px,100%)!important;
  margin:0 auto!important;
  justify-self:center!important;
  align-self:center!important;
  display:grid!important;
  opacity:.92!important;
  z-index:2147483210!important;
}
html body .pro-player-card.max-view .stable-action-row,
html body .pro-player-card.max-view .compact-inline-actions.stable-action-row{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(620px,100%)!important;
  max-width:min(620px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  opacity:.86!important;
  z-index:2147483210!important;
}
html body .pro-player-card.max-view .stable-action-row .compact-action-btn{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:38px!important;
  border-radius:14px!important;
}
html body .pro-player-card.max-view .stable-action-row .control-label{display:none!important;}

/* Maximum View: Jump / Repeat / Minimize remain on video bottom-right, not top-right and not under the video. */
html body .pro-player-card.max-view .video-side-tools{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  z-index:2147483500!important;
  pointer-events:auto!important;
}
html body .pro-player-card.max-view .video-side-tools .clip-jump-input,
html body .pro-player-card.max-view .video-side-tools .clip-repeat-toggle,
html body .pro-player-card.max-view .video-side-tools .maximize-player-btn{
  position:static!important;
  inset:auto!important;
  transform:none!important;
}

/* Keep the counter in top-left only; the movie title remains hidden in max-view. */
html body .pro-player-card.max-view .pro-video-topbar{
  display:flex!important;
  position:fixed!important;
  top:12px!important;
  left:12px!important;
  right:auto!important;
  width:auto!important;
  z-index:2147483300!important;
}
html body .pro-player-card.max-view .pro-video-topbar .top-clip-tools{display:inline-flex!important;}
html body .pro-player-card.max-view .pro-video-topbar .top-movie-pill{display:none!important;}

/* Dictionary / word spans must win over all max-view overlays. */
html body .pro-player-card.max-view #caption-wrap.smart-caption-en,
html body .pro-player-card.max-view .smart-caption-wrap.smart-caption-en{
  z-index:2147483600!important;
  pointer-events:auto!important;
}
html body .pro-player-card.max-view #caption-bar,
html body .pro-player-card.max-view #caption-bar .dict-word,
html body .pro-player-card.max-view .smart-caption-en .dict-word{
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:2147483601!important;
  touch-action:manipulation!important;
}
html body .word-tooltip,
html body .robust-word-tooltip,
html body .max-word-tooltip,
html body .ai-teacher-box.word-tooltip{
  z-index:2147483647!important;
}

@media (max-width:820px){
  html.is-mobile-layout body .pro-video-shell .video-side-tools,
  html.is-mobile-layout body .live-video-shell .video-side-tools,
  html.is-mobile-layout body .video-side-tools{
    right:10px!important;
    bottom:calc(43.75% + 10px)!important;
    gap:5px!important;
  }
  html.is-mobile-layout body .video-side-tools .clip-jump-input,
  html.is-mobile-layout body .video-side-tools .clip-repeat-toggle,
  html.is-mobile-layout body .video-side-tools .maximize-player-btn{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    border-radius:12px!important;
  }
  html.is-mobile-layout body .video-side-tools .clip-jump-input{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    font-size:12px!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .video-side-tools{
    right:10px!important;
    bottom:10px!important;
    gap:5px!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .video-bottom-ui{
    bottom:10px!important;
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    gap:6px!important;
  }
  html.is-mobile-layout body .pro-player-card.max-view .stable-search-row,
  html.is-mobile-layout body .pro-player-card.max-view .search-dock.in-video-search.pro-search-dock.stable-search-row{
    width:100%!important;
    max-width:100%!important;
  }

  /* Mobile header: put compact stats beside XP at the very top without overflow. */
  html.is-mobile-layout body .site-header.pro-top-header,
  html.is-mobile-layout body .clean-header.site-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"auth stats" "nav nav"!important;
    align-items:center!important;
    gap:6px!important;
    padding:7px 7px 8px!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .site-header .header-actions,
  html.is-mobile-layout body .header-actions.final-user-status,
  html.is-mobile-layout body .pro-header-actions.final-user-status{
    grid-area:auth!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    justify-content:flex-start!important;
    gap:5px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .header-center-stats{
    grid-area:stats!important;
    position:static!important;
    transform:none!important;
    width:auto!important;
    max-width:116px!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:3px!important;
    overflow:hidden!important;
    margin:0!important;
  }
  html.is-mobile-layout body .header-center-stats .header-stat-bubble{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    border-radius:50%!important;
    padding:0!important;
  }
  html.is-mobile-layout body .header-center-stats .header-stat-bubble b{font-size:9.5px!important;line-height:1!important;}
  html.is-mobile-layout body .header-center-stats .header-stat-bubble small{font-size:6px!important;line-height:1!important;}
  html.is-mobile-layout body .xp-chip{
    padding:5px 6px!important;
    min-width:0!important;
    gap:4px!important;
    flex:0 0 auto!important;
  }
  html.is-mobile-layout body .xp-chip .xp-coin{min-width:21px!important;height:21px!important;font-size:8.5px!important;}
  html.is-mobile-layout body .xp-chip b{font-size:12px!important;}
  html.is-mobile-layout body .xp-chip small{display:none!important;}
  html.is-mobile-layout body .user-chip-only,
  html.is-mobile-layout body .ffmpeg-dot{display:none!important;}
  html.is-mobile-layout body .ghost-link{padding:7px 8px!important;font-size:12px!important;white-space:nowrap!important;}
  html.is-mobile-layout body .top-nav.pro-top-nav,
  html.is-mobile-layout body .clean-top-nav{
    grid-area:nav!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:6px!important;
  }
}

/* v1.64.69 FINAL MAX CAPTION + TOOLBAR + REPEAT STATE + MOBILE STATS FIX
   Applies after all previous overrides. */

/* English subtitle must stay visible and interactive in Maximum View. */
html body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.hidden),
html body .pro-player-card.max-view .smart-caption-wrap.smart-caption-en:not(.hidden){
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:fixed!important;
  left:50vw!important;
  right:auto!important;
  top:auto!important;
  bottom:126px!important;
  transform:translateX(-50%)!important;
  z-index:2147483630!important;
  width:auto!important;
  max-width:min(820px,76vw)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .pro-player-card.max-view #caption-bar,
html body .pro-player-card.max-view #caption-bar .dict-word,
html body .pro-player-card.max-view .smart-caption-en .dict-word{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:2147483631!important;
  touch-action:manipulation!important;
}
html body .pro-player-card.max-view #caption-bar.smart-caption-text,
html body .pro-player-card.max-view .smart-caption-en .smart-caption-text{
  background:rgba(5,12,22,.10)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}

/* Maximum View: force search/actions to the exact viewport center-bottom, never right side. */
html body.phraselab-max-open .pro-player-card.max-view .video-bottom-ui,
html body .pro-player-card.max-view .video-bottom-ui{
  display:flex!important;
  visibility:visible!important;
  position:fixed!important;
  left:50vw!important;
  right:auto!important;
  top:auto!important;
  bottom:20px!important;
  transform:translateX(-50%)!important;
  width:min(820px,calc(100vw - 420px))!important;
  max-width:min(820px,calc(100vw - 420px))!important;
  min-width:min(560px,calc(100vw - 420px))!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  background:transparent!important;
  pointer-events:none!important;
  z-index:2147483200!important;
}
html body .pro-player-card.max-view .video-bottom-ui > *{pointer-events:auto!important;}
html body .pro-player-card.max-view .stable-search-row,
html body .pro-player-card.max-view .search-dock.in-video-search.pro-search-dock.stable-search-row{
  display:grid!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  align-self:center!important;
  justify-self:center!important;
  z-index:2147483210!important;
}
html body .pro-player-card.max-view .stable-action-row,
html body .pro-player-card.max-view .compact-inline-actions.stable-action-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:min(620px,100%)!important;
  max-width:min(620px,100%)!important;
  margin:0 auto!important;
  gap:8px!important;
  align-self:center!important;
  justify-self:center!important;
  z-index:2147483210!important;
}

/* Jump / Repeat / Max controls: always a compact neutral glass group on the video itself. */
html body .video-side-tools{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  direction:ltr!important;
  z-index:2147483500!important;
  pointer-events:auto!important;
}
html body .video-side-tools .clip-jump-input,
html body .video-side-tools .clip-repeat-toggle,
html body .video-side-tools .maximize-player-btn{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  border-radius:15px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
}
html body .video-side-tools .clip-jump-input{
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  text-align:center!important;
}
html body #clip-repeat-toggle,
html body .video-side-tools #clip-repeat-toggle,
html body .video-side-tools .clip-repeat-toggle,
html body .video-side-tools .clip-repeat-toggle:hover,
html body .video-side-tools .clip-repeat-toggle:focus{
  color:rgba(255,255,255,.90)!important;
  background:rgba(255,255,255,.105)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08)!important;
  background-image:none!important;
  text-shadow:none!important;
  font-size:21px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  position:relative!important;
}
html body #clip-repeat-toggle.is-active,
html body .video-side-tools #clip-repeat-toggle.is-active,
html body .video-side-tools .clip-repeat-toggle.is-active{
  color:#fff!important;
  background:rgba(255,255,255,.30)!important;
  border-color:rgba(255,255,255,.58)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.16),0 12px 28px rgba(0,0,0,.22)!important;
}
html body #clip-repeat-toggle.is-active::after,
html body .video-side-tools .clip-repeat-toggle.is-active::after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:999px;
  right:6px;
  bottom:6px;
  background:#fff;
  box-shadow:0 0 10px rgba(255,255,255,.85);
}

/* Action labels/icons requested by user. */
html body #toggle-fa .control-label{font-size:0!important;}
html body #toggle-fa .control-label::after{content:"Translate";font-size:12px!important;}
html body #toggle-fa .emoji-icon{font-size:17px!important;}
html body #toggle-en .emoji-icon{font-size:17px!important;}

@media (max-width: 820px){
  html.is-mobile-layout body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.hidden),
  html.is-mobile-layout body .pro-player-card.max-view .smart-caption-wrap.smart-caption-en:not(.hidden){
    bottom:116px!important;
    max-width:calc(100vw - 26px)!important;
  }
  html.is-mobile-layout body.phraselab-max-open .pro-player-card.max-view .video-bottom-ui,
  html.is-mobile-layout body .pro-player-card.max-view .video-bottom-ui{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    min-width:0!important;
    bottom:10px!important;
  }
  html.is-mobile-layout body .video-side-tools .clip-jump-input,
  html.is-mobile-layout body .video-side-tools .clip-repeat-toggle,
  html.is-mobile-layout body .video-side-tools .maximize-player-btn{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    border-radius:12px!important;
  }
  html.is-mobile-layout body .video-side-tools .clip-jump-input{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
  }
  html.is-mobile-layout body #toggle-fa .control-label,
  html.is-mobile-layout body #toggle-en .control-label,
  html.is-mobile-layout body #favorite-clip .control-label,
  html.is-mobile-layout body #share-clip .control-label{display:none!important;}

  /* Mobile header: XP + compact movie/clip/word stats should fit in the top row. */
  html.is-mobile-layout body .site-header.pro-top-header,
  html.is-mobile-layout body .clean-header.site-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"auth stats" "nav nav"!important;
    gap:5px!important;
    padding:6px 6px 7px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .header-actions,
  html.is-mobile-layout body .header-actions.final-user-status,
  html.is-mobile-layout body .pro-header-actions.final-user-status{
    grid-area:auth!important;
    min-width:0!important;
    max-width:calc(100vw - 116px)!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .header-center-stats{
    grid-area:stats!important;
    position:static!important;
    transform:none!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:2px!important;
    width:auto!important;
    min-width:98px!important;
    max-width:108px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .header-center-stats .header-stat-bubble{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    border-radius:999px!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
  }
  html.is-mobile-layout body .header-center-stats .header-stat-bubble b{font-size:8.5px!important;line-height:1!important;max-width:30px;overflow:hidden;text-overflow:ellipsis;}
  html.is-mobile-layout body .header-center-stats .header-stat-bubble small{font-size:5.5px!important;line-height:1!important;}
  html.is-mobile-layout body .xp-chip{padding:4px 5px!important;gap:3px!important;min-width:0!important;}
  html.is-mobile-layout body .xp-chip .xp-coin{width:20px!important;min-width:20px!important;height:20px!important;font-size:8px!important;}
  html.is-mobile-layout body .xp-chip b{font-size:11px!important;}
  html.is-mobile-layout body .xp-chip small{font-size:9px!important;}
  html.is-mobile-layout body .user-chip-only,
  html.is-mobile-layout body .ffmpeg-dot{display:none!important;}
  html.is-mobile-layout body .ghost-link{padding:6px 7px!important;font-size:11px!important;white-space:nowrap!important;}
  html.is-mobile-layout body .top-nav.pro-top-nav,
  html.is-mobile-layout body .clean-top-nav{
    grid-area:nav!important;
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:5px!important;
  }
}

/* v1.64.69 FINAL MOBILE HEADER + MAX CAPTION + TOOLBAR + LANGUAGE ICONS FIX
   This block intentionally comes last and overrides all older v1.64.x layout patches. */

/* Uniform FA / EN language icons: same shape, same color system, no platform emoji color mismatch. */
html body .lang-action-icon,
html body #toggle-fa .lang-action-icon,
html body #toggle-en .lang-action-icon{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  border-radius:9px!important;
  display:inline-grid!important;
  place-items:center!important;
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  color:#eaffff!important;
  background:linear-gradient(145deg,rgba(43,215,238,.78),rgba(10,124,165,.68))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.20)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.38)!important;
  line-height:1!important;
}
html body #toggle-fa .emoji-icon,
html body #toggle-en .emoji-icon{font-size:0!important;}
html body #toggle-fa .control-label{font-size:0!important;}
html body #toggle-fa .control-label::after{content:"Translate";font-size:12px!important;}

/* Maximum view: English subtitle must be visible and interactive. It is kept above the bottom search bar. */
html body.phraselab-max-open .pro-player-card.max-view #caption-wrap.smart-caption-en,
html body .pro-player-card.max-view #caption-wrap.smart-caption-en,
html body.phraselab-max-open .pro-player-card.max-view .smart-caption-wrap.smart-caption-en,
html body .pro-player-card.max-view .smart-caption-wrap.smart-caption-en{
  position:fixed!important;
  left:50vw!important;
  right:auto!important;
  top:auto!important;
  bottom:164px!important;
  transform:translateX(-50%)!important;
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147483640!important;
  width:auto!important;
  max-width:min(860px,78vw)!important;
  min-width:0!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
}
html body.phraselab-max-open .pro-player-card.max-view #caption-wrap.smart-caption-en.hidden,
html body .pro-player-card.max-view #caption-wrap.smart-caption-en.hidden{
  display:none!important;
}
html body .pro-player-card.max-view #caption-bar,
html body .pro-player-card.max-view #caption-wrap.smart-caption-en #caption-bar,
html body .pro-player-card.max-view #caption-wrap.smart-caption-en .smart-caption-text{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:2147483641!important;
  background:rgba(5,12,22,.14)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
html body .pro-player-card.max-view #caption-bar .dict-word,
html body .pro-player-card.max-view .smart-caption-en .dict-word{
  display:inline!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:2147483642!important;
}
html body .pro-player-card.max-view #caption-wrap.smart-caption-en .caption-copy-btn{
  z-index:2147483643!important;
  pointer-events:auto!important;
}

/* Max view: search must stay centered at bottom. */
html body.phraselab-max-open .pro-player-card.max-view .video-bottom-ui,
html body .pro-player-card.max-view .video-bottom-ui{
  position:fixed!important;
  left:50vw!important;
  right:auto!important;
  bottom:22px!important;
  top:auto!important;
  transform:translateX(-50%)!important;
  width:min(820px,calc(100vw - 48px))!important;
  max-width:min(820px,calc(100vw - 48px))!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  pointer-events:none!important;
  z-index:2147483200!important;
}
html body .pro-player-card.max-view .video-bottom-ui > *{pointer-events:auto!important;}
html body .pro-player-card.max-view .stable-search-row,
html body .pro-player-card.max-view .search-dock.in-video-search.pro-search-dock.stable-search-row{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}

/* Jump / Repeat / Max toolbar: always bottom-right on video, not centered. */
html body .video-side-tools,
html body .pro-player-card.max-view .video-side-tools{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  direction:ltr!important;
  z-index:2147483500!important;
  pointer-events:auto!important;
}
html body .video-side-tools .clip-jump-input,
html body .video-side-tools .clip-repeat-toggle,
html body .video-side-tools .maximize-player-btn{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  border-radius:15px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
}
html body .video-side-tools .clip-jump-input{width:48px!important;min-width:48px!important;max-width:48px!important;text-align:center!important;}
html body .video-side-tools .clip-repeat-toggle,
html body .video-side-tools .clip-repeat-toggle:hover,
html body .video-side-tools .clip-repeat-toggle:focus{
  color:rgba(255,255,255,.76)!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.08)!important;
  background-image:none!important;
  text-shadow:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
html body .video-side-tools .clip-repeat-toggle.is-active,
html body .video-side-tools #clip-repeat-toggle.is-active{
  color:#fff!important;
  background:rgba(255,255,255,.26)!important;
  border-color:rgba(255,255,255,.62)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.18),0 12px 28px rgba(0,0,0,.22)!important;
}
html body .video-side-tools .clip-repeat-toggle.is-active::after,
html body .video-side-tools #clip-repeat-toggle.is-active::after{
  content:""!important;
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  right:6px!important;
  bottom:6px!important;
  background:#fff!important;
  box-shadow:0 0 10px rgba(255,255,255,.86)!important;
}

/* Mobile header: keep XP, username and compact stats at the very top. */
@media (max-width:820px){
  html.is-mobile-layout body .site-header.pro-top-header,
  html.is-mobile-layout body .clean-header.site-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"auth stats" "nav nav"!important;
    align-items:center!important;
    gap:6px!important;
    padding:7px 7px 8px!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .header-actions.final-user-status,
  html.is-mobile-layout body .pro-header-actions.final-user-status,
  html.is-mobile-layout body .site-header .header-actions{
    grid-area:auth!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100vw - 118px)!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:4px!important;
    overflow:hidden!important;
    padding:0!important;
  }
  html.is-mobile-layout body .header-center-stats{
    grid-area:stats!important;
    position:static!important;
    transform:none!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:2px!important;
    width:auto!important;
    min-width:90px!important;
    max-width:112px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .header-center-stats .header-stat-bubble{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    border-radius:999px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
  }
  html.is-mobile-layout body .header-center-stats .header-stat-bubble b{font-size:8.5px!important;line-height:1!important;max-width:30px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  html.is-mobile-layout body .header-center-stats .header-stat-bubble small{font-size:5.5px!important;line-height:1!important;}
  html.is-mobile-layout body .user-chip-only{
    display:inline-flex!important;
    max-width:72px!important;
    min-width:0!important;
    padding:6px 8px!important;
    font-size:11px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    order:2!important;
  }
  html.is-mobile-layout body .user-chip-only span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  html.is-mobile-layout body .xp-chip{order:1!important;padding:4px 5px!important;gap:3px!important;min-width:0!important;flex:0 0 auto!important;}
  html.is-mobile-layout body .xp-chip .xp-coin{width:20px!important;min-width:20px!important;height:20px!important;font-size:8px!important;}
  html.is-mobile-layout body .xp-chip b{font-size:11px!important;}
  html.is-mobile-layout body .xp-chip small{display:none!important;}
  html.is-mobile-layout body .ghost-link{order:3!important;padding:6px 7px!important;font-size:11px!important;white-space:nowrap!important;flex:0 0 auto!important;}
  html.is-mobile-layout body .ffmpeg-dot{display:none!important;}
  html.is-mobile-layout body .top-nav.pro-top-nav,
  html.is-mobile-layout body .clean-top-nav{
    grid-area:nav!important;
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body .top-nav.pro-top-nav a,
  html.is-mobile-layout body .clean-top-nav a{min-width:0!important;width:100%!important;justify-content:center!important;}
  html.is-mobile-layout body .lang-action-icon{width:28px!important;min-width:28px!important;height:28px!important;font-size:12px!important;}
  html.is-mobile-layout body .pro-player-card.max-view #caption-wrap.smart-caption-en,
  html.is-mobile-layout body .pro-player-card.max-view .smart-caption-wrap.smart-caption-en{
    bottom:132px!important;
    max-width:calc(100vw - 24px)!important;
  }
  html.is-mobile-layout body.phraselab-max-open .pro-player-card.max-view .video-bottom-ui,
  html.is-mobile-layout body .pro-player-card.max-view .video-bottom-ui{
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
    bottom:10px!important;
  }
  html.is-mobile-layout body .video-side-tools .clip-jump-input,
  html.is-mobile-layout body .video-side-tools .clip-repeat-toggle,
  html.is-mobile-layout body .video-side-tools .maximize-player-btn{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    border-radius:13px!important;
  }
  html.is-mobile-layout body .video-side-tools .clip-jump-input{width:44px!important;min-width:44px!important;max-width:44px!important;}
}

/* v1.64.69 STRICT FIX: Max caption text, mobile max removal, toolbar on video, mobile stats removed */

/* 1) Maximum view: the English subtitle TEXT must be visible, not only the empty shell. */
html body.phraselab-max-open .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.hidden),
html body .pro-player-card.max-view #caption-wrap.smart-caption-en:not(.hidden){
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:fixed!important;
  left:50vw!important;
  right:auto!important;
  top:auto!important;
  bottom:142px!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  min-width:0!important;
  max-width:min(860px,calc(100vw - 56px))!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  z-index:2147483638!important;
}
html body.phraselab-max-open .pro-player-card.max-view #caption-bar,
html body .pro-player-card.max-view #caption-bar,
html body.phraselab-max-open .pro-player-card.max-view #caption-wrap.smart-caption-en .smart-caption-text,
html body .pro-player-card.max-view #caption-wrap.smart-caption-en .smart-caption-text{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
  font-size:clamp(17px,1.65vw,30px)!important;
  line-height:1.32!important;
  font-weight:900!important;
  text-align:center!important;
  direction:ltr!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-height:none!important;
  min-height:1.35em!important;
  background:rgba(5,12,22,.10)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  box-shadow:none!important;
  padding:8px 16px!important;
  text-shadow:0 2px 8px rgba(0,0,0,.78)!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:2147483640!important;
}
html body .pro-player-card.max-view #caption-bar .dict-word,
html body.phraselab-max-open .pro-player-card.max-view #caption-bar .dict-word,
html body .pro-player-card.max-view .smart-caption-en .dict-word{
  display:inline!important;
  visibility:visible!important;
  opacity:1!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font:inherit!important;
  pointer-events:auto!important;
  cursor:help!important;
  position:relative!important;
  z-index:2147483642!important;
}
html body .pro-player-card.max-view #caption-bar .hit-word,
html body.phraselab-max-open .pro-player-card.max-view #caption-bar .hit-word{
  color:#ffd84e!important;
  -webkit-text-fill-color:#ffd84e!important;
}
html body .pro-player-card.max-view #caption-bar:empty::before{
  content:attr(data-fallback-text)!important;
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
}
html body .pro-player-card.max-view #caption-wrap.smart-caption-en .caption-copy-btn{
  display:inline-grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:2147483643!important;
}

/* 2) Desktop/normal: Jump + Repeat + Max must sit on the video bottom-right. JS calculates exact top/right; CSS only prevents old overrides. */
html body .video-side-tools,
html body .pro-player-card.max-view .video-side-tools{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  direction:ltr!important;
  margin:0!important;
  padding:0!important;
  z-index:2147483500!important;
  pointer-events:auto!important;
}
html body .video-side-tools .clip-jump-input,
html body .video-side-tools .clip-repeat-toggle,
html body .video-side-tools .maximize-player-btn{
  position:static!important;
  transform:none!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  border-radius:15px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  color:rgba(255,255,255,.86)!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08)!important;
  background-image:none!important;
}
html body .video-side-tools .clip-jump-input{width:48px!important;min-width:48px!important;max-width:48px!important;text-align:center!important;}
html body .video-side-tools .clip-repeat-toggle.is-active{
  background:rgba(255,255,255,.30)!important;
  border-color:rgba(255,255,255,.62)!important;
  color:#fff!important;
}
html body .video-side-tools .clip-repeat-toggle:not(.is-active){
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.20)!important;
  color:rgba(255,255,255,.72)!important;
}
html body .video-side-tools .clip-repeat-toggle.is-active::after{
  content:""!important;
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  right:6px!important;
  bottom:6px!important;
  background:#fff!important;
  box-shadow:0 0 10px rgba(255,255,255,.86)!important;
}

/* 3) Max view search/actions remain centered bottom on desktop. */
html body.phraselab-max-open .pro-player-card.max-view .video-bottom-ui,
html body .pro-player-card.max-view .video-bottom-ui{
  position:fixed!important;
  left:50vw!important;
  right:auto!important;
  bottom:22px!important;
  top:auto!important;
  transform:translateX(-50%)!important;
  width:min(820px,calc(100vw - 48px))!important;
  max-width:min(820px,calc(100vw - 48px))!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  pointer-events:none!important;
  z-index:2147483200!important;
}
html body .pro-player-card.max-view .video-bottom-ui > *{pointer-events:auto!important;}

/* 4) FA and EN badges: same style, no per-character colored emoji look. */
html body .lang-action-icon{
  font-size:0!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  border-radius:10px!important;
  display:inline-grid!important;
  place-items:center!important;
  color:#eaffff!important;
  background:linear-gradient(145deg,rgba(43,215,238,.78),rgba(10,124,165,.68))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.20)!important;
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
  text-shadow:0 1px 1px rgba(0,0,0,.38)!important;
}
html body #toggle-fa .lang-action-icon::before,
html body #toggle-en .lang-action-icon::before{
  display:block!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  color:#eaffff!important;
  -webkit-text-fill-color:#eaffff!important;
}
html body #toggle-fa .lang-action-icon::before{content:"FA"!important;}
html body #toggle-en .lang-action-icon::before{content:"EN"!important;}
html body #toggle-fa .control-label{font-size:0!important;}
html body #toggle-fa .control-label::after{content:"Translate"!important;font-size:12px!important;}

/* 5) Mobile: remove Maximum View only, make remaining toolbar smaller, and remove public stats counters completely. */
@media (max-width:820px){
  html.is-mobile-layout body #maximize-player,
  html.is-mobile-layout body .maximize-player-btn{display:none!important;}
  html.is-mobile-layout body .header-center-stats{display:none!important;}
  html.is-mobile-layout body .site-header.pro-top-header,
  html.is-mobile-layout body .clean-header.site-header{
    grid-template-columns:1fr!important;
    grid-template-areas:"auth" "nav"!important;
  }
  html.is-mobile-layout body .header-actions.final-user-status,
  html.is-mobile-layout body .pro-header-actions.final-user-status,
  html.is-mobile-layout body .site-header .header-actions{
    max-width:100%!important;
    width:100%!important;
    justify-content:center!important;
    gap:6px!important;
  }
  html.is-mobile-layout body .user-chip-only{display:inline-flex!important;max-width:82px!important;}
  html.is-mobile-layout body .video-side-tools .clip-jump-input,
  html.is-mobile-layout body .video-side-tools .clip-repeat-toggle{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    border-radius:12px!important;
  }
  html.is-mobile-layout body .video-side-tools .clip-jump-input{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
  }
  html.is-mobile-layout body .lang-action-icon{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    border-radius:9px!important;
  }
  html.is-mobile-layout body #toggle-fa .lang-action-icon::before,
  html.is-mobile-layout body #toggle-en .lang-action-icon::before{font-size:11px!important;}
}


/* v1.64.69 HARD FIX: Dedicated visible English subtitle in Desktop Maximum View
   The original max-view caption shell may remain visible while its internal text
   gets blanked/clipped by older stacked CSS. Hide that shell in max view and use
   #max-caption-mirror, rendered by JS, as the single source of visible text. */
html body #max-caption-mirror.max-caption-mirror.hidden{display:none!important;}
html body.phraselab-max-open .pro-player-card.max-view #caption-wrap.smart-caption-en{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body #max-caption-mirror.max-caption-mirror{
  position:fixed!important;
  left:50vw!important;
  right:auto!important;
  top:auto!important;
  bottom:138px!important;
  transform:translateX(-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  max-width:min(860px,calc(100vw - 56px))!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  z-index:2147483645!important;
  pointer-events:auto!important;
}
html body #max-caption-mirror #max-caption-bar,
html body #max-caption-mirror .max-caption-mirror-text{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  min-width:0!important;
  max-width:min(760px,calc(100vw - 112px))!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:8px 16px!important;
  margin:0!important;
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
  font-size:clamp(17px,1.65vw,30px)!important;
  line-height:1.32!important;
  font-weight:900!important;
  text-align:center!important;
  direction:ltr!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  background:rgba(5,12,22,.10)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  box-shadow:none!important;
  text-shadow:0 2px 8px rgba(0,0,0,.78)!important;
  pointer-events:auto!important;
  z-index:2147483646!important;
}
html body #max-caption-mirror #max-caption-bar:empty::before{
  content:attr(data-fallback-text)!important;
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
}
html body #max-caption-mirror .dict-word{
  display:inline!important;
  visibility:visible!important;
  opacity:1!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font:inherit!important;
  pointer-events:auto!important;
  cursor:help!important;
}
html body #max-caption-mirror .hit-word{
  color:#ffd84e!important;
  -webkit-text-fill-color:#ffd84e!important;
}
html body #max-caption-mirror .caption-copy-btn{
  display:inline-grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:relative!important;
  flex:0 0 auto!important;
  z-index:2147483647!important;
}


/* v1.64.69 dictionary word selection cleanup */
html body .dict-word.word-selected,
html body .dict-word.touch-selected{
  background:rgba(255,211,106,.13)!important;
  border-radius:5px!important;
}
html body .word-tooltip.hidden,
html body .robust-word-tooltip.hidden,
html body .max-word-tooltip.hidden{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* v1.64.69 English subtitle toggle + FA/EN single badge fix */
html body #max-caption-mirror.max-caption-mirror.hidden,
html body #max-caption-mirror[aria-hidden="true"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body #toggle-fa .lang-action-icon,
html body #toggle-en .lang-action-icon{
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  overflow:hidden!important;
}
html body #toggle-fa .lang-action-icon::before,
html body #toggle-en .lang-action-icon::before{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  text-indent:0!important;
  font-size:12px!important;
  line-height:1!important;
  color:#eaffff!important;
  -webkit-text-fill-color:#eaffff!important;
}
@media (max-width:820px){
  html.is-mobile-layout body #toggle-fa .lang-action-icon::before,
  html.is-mobile-layout body #toggle-en .lang-action-icon::before{font-size:11px!important;}
}


/* v1.64.69 FINAL EN subtitle toggle + single FA/EN badge */
html body.phraselab-en-subtitle-off #caption-wrap,
html body.phraselab-en-subtitle-off #max-caption-mirror{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body.phraselab-en-subtitle-on.phraselab-max-open #max-caption-mirror{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html body.phraselab-en-subtitle-on.phraselab-max-open #max-caption-mirror #max-caption-bar,
html body.phraselab-en-subtitle-on.phraselab-max-open #max-caption-mirror .dict-word{
  display:inline!important;
  visibility:visible!important;
  opacity:1!important;
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
}
html body.phraselab-en-subtitle-on.phraselab-max-open #max-caption-mirror .hit-word{
  color:#ffd84e!important;
  -webkit-text-fill-color:#ffd84e!important;
}
html body #toggle-en.is-off,
html body #toggle-en[aria-pressed="false"]{
  opacity:.58!important;
  filter:grayscale(.65)!important;
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
html body #toggle-en.is-active,
html body #toggle-en[aria-pressed="true"]{
  opacity:1!important;
  filter:none!important;
}

/* Guarantee FA/EN badge has a single rendered text layer only. */
html body #toggle-fa .lang-action-icon,
html body #toggle-en .lang-action-icon{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  border-radius:9px!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
html body #toggle-fa .lang-action-icon::before,
html body #toggle-en .lang-action-icon::before{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  text-indent:0!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  color:#eaffff!important;
  -webkit-text-fill-color:#eaffff!important;
}
html body #toggle-fa .lang-action-icon::before{content:"FA"!important;}
html body #toggle-en .lang-action-icon::before{content:"EN"!important;}
html body #toggle-fa .lang-action-icon::after,
html body #toggle-en .lang-action-icon::after{
  content:none!important;
  display:none!important;
}
@media (max-width:820px){
  html.is-mobile-layout body #toggle-fa .lang-action-icon,
  html.is-mobile-layout body #toggle-en .lang-action-icon{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
  }
  html.is-mobile-layout body #toggle-fa .lang-action-icon::before,
  html.is-mobile-layout body #toggle-en .lang-action-icon::before{
    font-size:11px!important;
  }
}


/* v1.64.69 UNIFIED EN/FA subtitle CSS */
html body.phraselab-en-subtitle-off #caption-wrap,
html body.phraselab-en-subtitle-off #max-caption-mirror,
html body.phraselab-fa-subtitle-off #fa-caption-wrap,
html body.phraselab-fa-subtitle-off #max-fa-caption-mirror{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body.phraselab-max-open #caption-wrap.smart-caption-en{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body #max-caption-mirror.max-caption-mirror,
html body #max-fa-caption-mirror.max-fa-caption-mirror{
  position:fixed!important;
  left:50vw!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  min-width:0!important;
  max-width:min(860px,calc(100vw - 56px))!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  gap:8px!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:auto!important;
}
html body #max-caption-mirror.max-caption-mirror{bottom:138px!important;z-index:2147483645!important;}
html body #max-fa-caption-mirror.max-fa-caption-mirror{top:52px!important;z-index:2147483645!important;direction:rtl!important;}
html body #max-caption-mirror.hidden,
html body #max-fa-caption-mirror.hidden,
html body #max-caption-mirror[aria-hidden="true"],
html body #max-fa-caption-mirror[aria-hidden="true"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body.phraselab-en-subtitle-on.phraselab-max-open #max-caption-mirror{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html body.phraselab-fa-subtitle-on.phraselab-max-open #max-fa-caption-mirror{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html body #max-caption-mirror #max-caption-bar,
html body #max-caption-mirror .max-caption-mirror-text{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
  font-size:clamp(17px,1.65vw,30px)!important;
  line-height:1.32!important;
  font-weight:900!important;
  text-align:center!important;
  direction:ltr!important;
  background:rgba(5,12,22,.10)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  padding:8px 16px!important;
  text-shadow:0 2px 8px rgba(0,0,0,.78)!important;
  max-width:min(760px,calc(100vw - 112px))!important;
  white-space:normal!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
html body #max-fa-caption-mirror #max-fa-caption-bar,
html body #max-fa-caption-mirror .max-fa-caption-mirror-text{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
  font-size:clamp(15px,1.25vw,22px)!important;
  line-height:1.55!important;
  font-weight:900!important;
  text-align:center!important;
  direction:rtl!important;
  background:rgba(5,12,22,.12)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  padding:7px 15px!important;
  text-shadow:0 2px 8px rgba(0,0,0,.72)!important;
  max-width:min(740px,calc(100vw - 112px))!important;
  white-space:normal!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
html body #max-caption-mirror #max-caption-bar:empty::before{content:attr(data-fallback-text)!important;color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;}
html body #max-caption-mirror .dict-word{display:inline!important;visibility:visible!important;opacity:1!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;font:inherit!important;pointer-events:auto!important;cursor:help!important;}
html body #max-caption-mirror .hit-word{color:#ffd84e!important;-webkit-text-fill-color:#ffd84e!important;}
html body #toggle-fa .lang-action-icon,
html body #toggle-en .lang-action-icon{font-size:0!important;line-height:0!important;text-indent:-9999px!important;color:transparent!important;-webkit-text-fill-color:transparent!important;}
html body #toggle-fa .lang-action-icon::before{content:"FA"!important;}
html body #toggle-en .lang-action-icon::before{content:"EN"!important;}
html body #toggle-fa .lang-action-icon::before,
html body #toggle-en .lang-action-icon::before{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;text-indent:0!important;font-size:12px!important;font-weight:1000!important;color:#eaffff!important;-webkit-text-fill-color:#eaffff!important;}


/* v1.64.69 max mirror dictionary pointer guarantee */
html body #max-caption-mirror,
html body #max-caption-mirror #max-caption-bar,
html body #max-caption-mirror .max-caption-mirror-text,
html body #max-caption-mirror .dict-word{
  pointer-events:auto!important;
}
html body #max-caption-mirror .dict-word{
  cursor:help!important;
  position:relative!important;
  z-index:2147483647!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:manipulation!important;
}
html body #max-caption-mirror .dict-word:hover,
html body #max-caption-mirror .dict-word.word-selected,
html body #max-caption-mirror .dict-word.touch-selected{
  background:rgba(255,216,77,.18)!important;
  color:#ffe17c!important;
  -webkit-text-fill-color:#ffe17c!important;
  border-radius:5px!important;
}
html body .max-mirror-word-tooltip{
  z-index:2147483647!important;
}


/* v1.64.69 MAX EN SINGLE-LAYER CSS GUARD
   In Desktop Maximum View, hide normal EN subtitle completely and show only #max-caption-mirror. */
html body.phraselab-max-open .pro-player-card.max-view #caption-wrap.smart-caption-en,
html body.phraselab-max-open .pro-player-card.max-view .smart-caption-wrap.smart-caption-en#caption-wrap,
html body.phraselab-max-open #caption-wrap.smart-caption-en{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

html body.phraselab-max-open.phraselab-en-subtitle-on #max-caption-mirror.max-caption-mirror{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147483646!important;
}

html body.phraselab-max-open.phraselab-en-subtitle-on #max-caption-mirror #max-caption-bar,
html body.phraselab-max-open.phraselab-en-subtitle-on #max-caption-mirror .max-caption-mirror-text{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
  pointer-events:auto!important;
}

html body.phraselab-max-open.phraselab-en-subtitle-off #max-caption-mirror,
html body.phraselab-max-open #max-caption-mirror.hidden,
html body.phraselab-max-open #max-caption-mirror[aria-hidden="true"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

html body.phraselab-max-open #max-caption-mirror .dict-word{
  pointer-events:auto!important;
  cursor:pointer!important;
}


/* v1.64.69 MAX DICTIONARY SINGLE TOOLTIP + WORD HIGHLIGHT FIX
   In Desktop Maximum View, hide old/min-view dictionary bubbles and keep only the mirror tooltip.
   Also make the selected word visibly highlighted in the max caption mirror. */
html body.phraselab-max-open .word-tooltip:not(.max-mirror-word-tooltip),
html body.phraselab-max-open .robust-word-tooltip:not(.max-mirror-word-tooltip),
html body.phraselab-max-open .max-word-tooltip:not(.max-mirror-word-tooltip),
html body.phraselab-max-open .ai-teacher-box.word-tooltip:not(.max-mirror-word-tooltip){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body.phraselab-max-open #max-caption-mirror .dict-word:hover,
html body.phraselab-max-open #max-caption-mirror .dict-word.word-selected,
html body.phraselab-max-open #max-caption-mirror .dict-word.touch-selected{
  background:rgba(255,216,77,.30)!important;
  color:#ffe17c!important;
  -webkit-text-fill-color:#ffe17c!important;
  box-shadow:0 0 0 2px rgba(255,216,77,.13)!important;
  border-radius:7px!important;
}
html body.phraselab-max-open .max-mirror-word-tooltip{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2147483647!important;
}
html body.phraselab-max-open .max-mirror-word-tooltip.hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}


/* v1.64.69 wider English subtitle + no caption scrolling
   The box can grow wider for medium-length sentences, while mobile stays within viewport. */
html body #caption-wrap.smart-caption-en,
html body .smart-caption-wrap.smart-caption-en{
  max-width:min(1180px,calc(100vw - 96px))!important;
}
html body #caption-wrap.smart-caption-en #caption-bar,
html body #caption-wrap.smart-caption-en .smart-caption-text,
html body .smart-caption-wrap.smart-caption-en .smart-caption-text{
  max-width:min(1120px,calc(100vw - 130px))!important;
  width:auto!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  text-overflow:clip!important;
  max-height:none!important;
  min-height:0!important;
}
html body.phraselab-max-open #max-caption-mirror,
html body.phraselab-max-open #max-caption-mirror .max-caption-mirror-text,
html body.phraselab-max-open #max-caption-mirror #max-caption-bar{
  max-width:min(1180px,calc(100vw - 150px))!important;
  width:auto!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-height:none!important;
}
@media (min-width: 901px){
  html body #caption-wrap.smart-caption-en #caption-bar,
  html body #caption-wrap.smart-caption-en .smart-caption-text,
  html body .smart-caption-wrap.smart-caption-en .smart-caption-text{
    min-width:min(560px,calc(100vw - 180px))!important;
  }
  html body.phraselab-max-open #max-caption-mirror .max-caption-mirror-text,
  html body.phraselab-max-open #max-caption-mirror #max-caption-bar{
    min-width:min(640px,calc(100vw - 220px))!important;
  }
}
@media (max-width: 900px){
  html body #caption-wrap.smart-caption-en,
  html body .smart-caption-wrap.smart-caption-en{
    max-width:94vw!important;
  }
  html body #caption-wrap.smart-caption-en #caption-bar,
  html body #caption-wrap.smart-caption-en .smart-caption-text,
  html body .smart-caption-wrap.smart-caption-en .smart-caption-text{
    max-width:92vw!important;
    min-width:min(280px,86vw)!important;
  }
}

/* v1.64.69 Desktop Max caption spacing/highlight stability
   Critical: #max-caption-bar must NOT be inline-flex; inline-flex glues word spans. */
html body.phraselab-max-open #max-caption-mirror #max-caption-bar,
html body.phraselab-max-open #max-caption-mirror .max-caption-mirror-text{
  display:inline-block!important;
  white-space:normal!important;
  word-spacing:normal!important;
  letter-spacing:.002em!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-align:center!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body.phraselab-max-open #max-caption-mirror #max-caption-bar .dict-word,
html body.phraselab-max-open #max-caption-mirror .max-caption-mirror-text .dict-word{
  display:inline!important;
  margin:0!important;
  padding:0 .018em!important;
  white-space:normal!important;
  vertical-align:baseline!important;
  letter-spacing:inherit!important;
  word-spacing:normal!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
html body.phraselab-max-open #max-caption-mirror #max-caption-bar .dict-word.hit-word,
html body.phraselab-max-open #max-caption-mirror .max-caption-mirror-text .dict-word.hit-word{
  color:#ffd84e!important;
  -webkit-text-fill-color:#ffd84e!important;
  background:linear-gradient(180deg,transparent 48%,rgba(255,216,77,.48) 49%)!important;
  border-radius:6px!important;
  box-shadow:none!important;
  text-shadow:0 2px 8px rgba(0,0,0,.80)!important;
}

/* v1.64.69 FINAL English caption spacing guard
   Stops flex-based caption rendering from gluing word spans in normal and maximum view. */
html body #caption-bar,
html body #max-caption-bar,
html body #caption-wrap.smart-caption-en #caption-bar,
html body #max-caption-mirror #max-caption-bar{
  display:inline-block!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  word-spacing:.035em!important;
  letter-spacing:0!important;
  text-align:center!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body #caption-bar .dict-word,
html body #max-caption-bar .dict-word,
html body #caption-wrap.smart-caption-en #caption-bar .dict-word,
html body #max-caption-mirror #max-caption-bar .dict-word{
  display:inline-block!important;
  vertical-align:baseline!important;
  white-space:nowrap!important;
  margin:0 .075em 0 0!important;
  padding:0 .01em!important;
  letter-spacing:0!important;
  word-spacing:normal!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
html body #caption-bar .dict-word.hit-word,
html body #max-caption-bar .dict-word.hit-word,
html body #caption-wrap.smart-caption-en #caption-bar .dict-word.hit-word,
html body #max-caption-mirror #max-caption-bar .dict-word.hit-word{
  color:#ffd84e!important;
  -webkit-text-fill-color:#ffd84e!important;
  background:linear-gradient(180deg,transparent 48%,rgba(255,216,77,.46) 49%)!important;
  border-radius:6px!important;
  box-shadow:none!important;
}

/* =========================================================
   v1.64.69 GUI RESPONSIVE FIX PACK
   Desktop + mobile visual hardening only. No core/backend route changes.
   Fixes observed mobile/header/search/action/side-toolbar overflow and keeps admin/public pages usable.
   ========================================================= */
html, body{max-width:100%;overflow-x:hidden!important;}
img, video, canvas, svg{max-width:100%;height:auto;}

/* Header must stay compact on real phones even before JS adds is-mobile-layout. */
@media (max-width: 820px){
  html body .site-header.clean-header,
  html body .site-header.pro-top-header,
  html body .clean-header.site-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"nav user"!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:58px!important;
    height:auto!important;
    margin:0!important;
    padding:8px 10px!important;
    border-radius:0 0 18px 18px!important;
    overflow:hidden!important;
  }
  html body .site-header .top-nav,
  html body .top-nav.clean-top-nav,
  html body .top-nav.pro-top-nav{
    grid-area:nav!important;
    order:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 2px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .site-header .top-nav::-webkit-scrollbar{display:none!important;}
  html body .site-header .top-nav a,
  html body .top-nav.clean-top-nav a,
  html body .top-nav.pro-top-nav a{
    flex:0 0 auto!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1!important;
    border-radius:999px!important;
  }
  html body .site-header .header-center-stats,
  html body .header-center-stats{display:none!important;}
  html body .site-header .header-actions,
  html body .header-actions.final-user-status,
  html body .pro-header-actions.final-user-status{
    grid-area:user!important;
    order:0!important;
    width:auto!important;
    max-width:40vw!important;
    min-width:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  html body .final-user-status .login-link,
  html body .final-user-status .logout-link,
  html body .site-header .ghost-link{
    height:38px!important;
    min-height:38px!important;
    padding:0 11px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  html body .final-user-status .user-chip,
  html body .final-user-status .user-chip-only,
  html body .site-header .user-chip{display:none!important;}
  html body .xp-chip{display:none!important;}
}

/* Main player: keep shell inside viewport on desktop and mobile. */
html body.user-mode .player-home.player-home-wide.pro-user-shell,
html body.user-mode .pro-user-shell{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
html body.user-mode .pro-player-card,
html body.user-mode .pro-stage,
html body.user-mode .live-stage-wide{min-width:0!important;max-width:100%!important;}

@media (max-width: 820px){
  html body .content-shell{width:100%!important;max-width:100%!important;padding:12px 10px 28px!important;overflow-x:hidden!important;}
  html body.user-mode .player-home.player-home-wide,
  html body.user-mode .player-home.player-home-wide.pro-user-shell{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  html body.user-mode .pro-player-card,
  html body.user-mode .live-stage-wide,
  html body.user-mode .pro-stage{width:100%!important;max-width:100%!important;margin:0!important;}
  html body .live-video-shell.live-video-square,
  html body .live-video-shell.live-video-square.pro-video-shell,
  html body .pro-video-shell{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:min(74vh, calc((100vw - 20px) * 1.34))!important;
    min-height:520px!important;
    max-height:calc(100vh - 92px)!important;
    margin:0 auto!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
}
@media (max-width: 380px){
  html body .live-video-shell.live-video-square,
  html body .live-video-shell.live-video-square.pro-video-shell,
  html body .pro-video-shell{min-height:500px!important;}
}

/* Search row with Genre: keep it one clean row on desktop, and a compact two-line row only on very small screens. */
html body .stable-search-row,
html body .search-dock.in-video-search.pro-search-dock.stable-search-row,
html body .search-dock.in-video-search.pro-search-dock.compact-search-row{
  grid-template-columns:48px minmax(0,1fr) minmax(112px,138px)!important;
  width:min(100%,760px)!important;
  max-width:100%!important;
  overflow:hidden!important;
}
html body .stable-search-row #phrase-search-btn,
html body .stable-search-row .emoji-btn{grid-column:1!important;grid-row:1!important;}
html body .stable-search-row input#phrase-query,
html body .stable-search-row input[name="q"]{grid-column:2!important;grid-row:1!important;min-width:0!important;}
html body .stable-search-row .genre-filter-wrap,
html body .compact-search-row .genre-filter-wrap{
  grid-column:3!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 10px!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
html body .genre-filter-wrap span{white-space:nowrap!important;}
html body .genre-filter-wrap select,
html body .genre-filter{width:100%!important;min-width:0!important;max-width:100%!important;}

@media (max-width: 820px){
  html body .video-bottom-ui{
    width:calc(100% - 22px)!important;
    max-width:calc(100% - 22px)!important;
    left:50%!important;
    right:auto!important;
    bottom:12px!important;
    transform:translateX(-50%)!important;
    gap:7px!important;
  }
  html body .stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.compact-search-row{
    width:100%!important;
    max-width:100%!important;
    min-height:52px!important;
    grid-template-columns:42px minmax(0,1fr) minmax(72px,92px)!important;
    gap:7px!important;
    padding:7px!important;
    border-radius:17px!important;
  }
  html body .stable-search-row #phrase-search-btn,
  html body .stable-search-row .emoji-btn{width:40px!important;min-width:40px!important;height:40px!important;border-radius:13px!important;}
  html body .stable-search-row input#phrase-query,
  html body .stable-search-row input[name="q"]{height:40px!important;font-size:15px!important;padding:6px 10px!important;text-align:center!important;}
  html body .stable-search-row .genre-filter-wrap,
  html body .compact-search-row .genre-filter-wrap{
    grid-column:3!important;
    grid-row:1!important;
    width:100%!important;
    height:40px!important;
    min-width:0!important;
    padding:0 6px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    border-radius:13px!important;
  }
  html body .genre-filter-wrap span{display:none!important;}
  html body .genre-filter-wrap select,
  html body .genre-filter{height:32px!important;font-size:12px!important;text-align:center!important;text-align-last:center!important;padding:0 2px!important;}
}
@media (max-width: 340px){
  html body .stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.compact-search-row{
    grid-template-columns:42px minmax(0,1fr)!important;
  }
  html body .stable-search-row .genre-filter-wrap,
  html body .compact-search-row .genre-filter-wrap{
    grid-column:1 / -1!important;
    grid-row:2!important;
    height:34px!important;
  }
}

/* Bottom action row must never collapse to a narrow strip on mobile. */
html body .video-bottom-ui .stable-action-row,
html body .video-bottom-ui .compact-inline-actions.stable-action-row,
html body .stable-action-row,
html body .compact-inline-actions.stable-action-row{
  width:min(100%,760px)!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  justify-self:center!important;
  align-self:center!important;
  margin:0 auto!important;
  overflow:visible!important;
}
html body .stable-action-row .compact-action-btn{min-width:0!important;width:100%!important;}
@media (max-width: 820px){
  html body .video-bottom-ui .stable-action-row,
  html body .video-bottom-ui .compact-inline-actions.stable-action-row,
  html body .stable-action-row,
  html body .compact-inline-actions.stable-action-row{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  html body .stable-action-row .compact-action-btn{
    height:36px!important;
    min-height:36px!important;
    border-radius:12px!important;
    padding:0 4px!important;
    gap:3px!important;
  }
  html body .stable-action-row .compact-action-btn .control-label{display:none!important;}
  html body .stable-action-row .compact-action-btn .control-icon,
  html body .stable-action-row .compact-action-btn .emoji-icon,
  html body .stable-action-row .compact-action-btn .heart-icon,
  html body .stable-action-row .compact-action-btn .lang-action-icon{
    margin:0!important;
    transform:none!important;
  }
}

/* Jump/Repeat/Max toolbar: fixed safe position, no center-video overlap on mobile. */
html body .pro-video-shell .video-side-tools,
html body .live-video-shell .video-side-tools,
html body .video-side-tools{
  position:absolute!important;
  top:auto!important;
  right:16px!important;
  left:auto!important;
  bottom:calc(188px + 16px)!important;
  transform:none!important;
}
@media (max-width: 820px){
  html body .pro-video-shell .video-side-tools,
  html body .live-video-shell .video-side-tools,
  html body .video-side-tools{
    position:absolute!important;
    top:64px!important;
    right:12px!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    gap:6px!important;
    z-index:30!important;
  }
  html body #maximize-player,
  html body .maximize-player-btn{display:none!important;}
  html body .video-side-tools .clip-jump-input,
  html body .video-side-tools .clip-repeat-toggle{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    border-radius:12px!important;
    font-size:15px!important;
  }
  html body .video-side-tools .clip-jump-input{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
  }
}

/* Auth modal and forms should not overflow on small screens. */
@media (max-width: 820px){
  html body .auth-modal-card,
  html body .auth-card,
  html body .auth-card-pro{
    width:calc(100vw - 22px)!important;
    max-width:calc(100vw - 22px)!important;
    max-height:calc(100vh - 22px)!important;
    overflow:auto!important;
    border-radius:22px!important;
  }
  html body .captcha-row,
  html body .captcha-row-modal{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;}
  html body .captcha-row input{min-width:0!important;width:100%!important;}
}

/* Admin/public tables and cards: preserve desktop look, avoid horizontal broken layout on phones. */
html body .glass-card,
html body .pro-admin-card,
html body .admin-hero,
html body .wizard-card{max-width:100%;overflow-wrap:anywhere;}
@media (max-width: 820px){
  html body .glass-card,
  html body .pro-admin-card,
  html body .admin-hero,
  html body .wizard-card{overflow-x:auto!important;}
  html body .table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;}
  html body .card-header,
  html body .admin-movie-headline,
  html body .clip-search-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:start!important;}
  html body .admin-clip-search,
  html body .search-inline,
  html body .admin-search-bar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  html body .quality-form,
  html body .pro-quality-form,
  html body .clip-quality-form,
  html body .pro-clip-quality-form{grid-template-columns:1fr!important;}
  html body .clip-grid,
  html body .pro-clip-admin-grid{grid-template-columns:1fr!important;}
}

/* Public phrase/share page mobile polish. */
@media (max-width: 820px){
  html body .public-phrase-shell{width:calc(100vw - 20px)!important;margin:12px auto 40px!important;grid-template-columns:1fr!important;}
  html body .public-phrase-card{padding:14px!important;border-radius:22px!important;}
  html body .public-phrase-hero{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;text-align:center!important;}
  html body .public-phrase-hero h1{font-size:clamp(24px,8vw,34px)!important;text-align:center!important;word-break:normal!important;overflow-wrap:anywhere!important;}
  html body .public-meta-grid,
  html body .public-share-panel{grid-template-columns:1fr!important;}
  html body .public-share-panel .btn{width:100%!important;margin-top:8px!important;}
}

/* v1.64.69.1 STRICT mobile override: higher specificity than older is-mobile-layout patches. */
@media (max-width: 820px){
  html.is-mobile-layout body .site-header.clean-header,
  html.is-mobile-layout body .site-header.pro-top-header,
  html.is-mobile-layout body .clean-header.site-header,
  html.is-mobile-layout body .pro-top-header.site-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"nav user"!important;
    align-items:center!important;
    gap:8px!important;
    min-height:56px!important;
    height:auto!important;
    max-height:64px!important;
    padding:8px 10px!important;
    margin:0!important;
    border-radius:0 0 18px 18px!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .site-header .top-nav,
  html.is-mobile-layout body .top-nav.clean-top-nav,
  html.is-mobile-layout body .top-nav.pro-top-nav{
    grid-area:nav!important;
    order:0!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    justify-content:flex-start!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:6px!important;
    padding:0!important;
  }
  html.is-mobile-layout body .site-header .top-nav a,
  html.is-mobile-layout body .top-nav.clean-top-nav a,
  html.is-mobile-layout body .top-nav.pro-top-nav a{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    min-width:0!important;
    width:auto!important;
    padding:0 11px!important;
    font-size:12px!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  html.is-mobile-layout body .site-header .header-actions,
  html.is-mobile-layout body .header-actions.final-user-status,
  html.is-mobile-layout body .pro-header-actions.final-user-status{
    grid-area:user!important;
    order:0!important;
    width:auto!important;
    min-width:0!important;
    max-width:92px!important;
    height:40px!important;
    min-height:40px!important;
    justify-content:flex-end!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .final-user-status .login-link,
  html.is-mobile-layout body .final-user-status .logout-link,
  html.is-mobile-layout body .site-header .ghost-link{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
  html.is-mobile-layout body .header-center-stats,
  html.is-mobile-layout body .xp-chip,
  html.is-mobile-layout body .user-chip-only,
  html.is-mobile-layout body .site-header .user-chip,
  html.is-mobile-layout body .site-header .ffmpeg-dot{display:none!important;}

  html.is-mobile-layout body .stable-search-row,
  html.is-mobile-layout body .search-dock.in-video-search.pro-search-dock.stable-search-row,
  html.is-mobile-layout body .search-dock.in-video-search.pro-search-dock.compact-search-row{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) minmax(64px,82px)!important;
    grid-template-rows:42px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:56px!important;
    height:56px!important;
    padding:7px!important;
    gap:7px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .stable-search-row #phrase-search-btn,
  html.is-mobile-layout body .stable-search-row .emoji-btn{
    grid-column:1!important;
    grid-row:1!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }
  html.is-mobile-layout body .stable-search-row input#phrase-query,
  html.is-mobile-layout body .stable-search-row input[name="q"]{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    font-size:15px!important;
  }
  html.is-mobile-layout body .stable-search-row .genre-filter-wrap,
  html.is-mobile-layout body .compact-search-row .genre-filter-wrap,
  html.is-mobile-layout body .pro-search-dock .genre-filter-wrap{
    grid-column:3!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 4px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .stable-search-row .genre-filter-wrap span,
  html.is-mobile-layout body .compact-search-row .genre-filter-wrap span,
  html.is-mobile-layout body .pro-search-dock .genre-filter-wrap span{display:none!important;}
  html.is-mobile-layout body .genre-filter-wrap select,
  html.is-mobile-layout body .genre-filter{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:34px!important;
    min-height:34px!important;
    font-size:12px!important;
    padding:0 2px!important;
    text-align:center!important;
    text-align-last:center!important;
  }
}

/* v1.64.69.2 STRICT mobile header flex fallback: prevents old grid row patches from clipping nav. */
@media (max-width: 820px){
  html.is-mobile-layout body .site-header.clean-header,
  html.is-mobile-layout body .site-header.pro-top-header,
  html.is-mobile-layout body .clean-header.site-header,
  html.is-mobile-layout body .pro-top-header.site-header,
  html body .site-header.clean-header,
  html body .site-header.pro-top-header{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:100%!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    padding:8px 10px!important;
    margin:0!important;
    border-radius:0 0 18px 18px!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body .site-header .top-nav,
  html.is-mobile-layout body .top-nav.clean-top-nav,
  html.is-mobile-layout body .top-nav.pro-top-nav,
  html body .site-header .top-nav{
    position:static!important;
    order:1!important;
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0!important;
    margin:0!important;
  }
  html.is-mobile-layout body .site-header .header-actions,
  html.is-mobile-layout body .header-actions.final-user-status,
  html.is-mobile-layout body .pro-header-actions.final-user-status,
  html body .site-header .header-actions{
    position:static!important;
    order:2!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:92px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
}

/* v1.64.69 Production Growth Pack: suggestions, directory, health, PWA, guided tour */
.help-tour-btn{
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.08)!important;
  cursor:pointer;
}
.phrase-suggest-box{
  position:absolute;
  left:12px;
  right:12px;
  bottom:calc(100% + 8px);
  z-index:80;
  display:grid;
  gap:6px;
  padding:10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(10,13,30,.94);
  box-shadow:0 20px 60px rgba(0,0,0,.38);
  backdrop-filter:blur(16px);
}
.phrase-suggest-box.hidden{display:none!important;}
.phrase-suggest-item{
  text-align:left;
  direction:ltr;
  border:0;
  border-radius:12px;
  padding:9px 12px;
  color:#eef3ff;
  background:rgba(255,255,255,.07);
  cursor:pointer;
  font-weight:700;
}
.phrase-suggest-item:hover{background:rgba(109,93,252,.34);}
.movie-directory-filters{
  display:grid;
  grid-template-columns:2fr 1fr 1fr auto;
  gap:12px;
  align-items:end;
  margin-bottom:18px;
}
.movie-directory-filters label{display:grid;gap:6px;}
.movie-directory-filters input,.movie-directory-filters select{
  width:100%;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px 12px;
  background:rgba(255,255,255,.08);color:#fff;
}
.movie-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;}
.movie-directory-card{display:grid;gap:12px;}
.movie-directory-top{display:flex;align-items:center;gap:10px;font-size:1.04rem;}
.movie-directory-meta{display:flex;flex-wrap:wrap;gap:8px;color:#bfc8e6;font-size:.85rem;}
.movie-directory-meta span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.07);}
.movie-directory-actions{justify-content:flex-start;}
.public-transcript-box{
  margin:16px 0;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
}
.public-transcript-box h3{margin:0 0 8px;}
.public-transcript-box p{margin:6px 0;font-weight:700;line-height:1.8;}
.health-device-bars{display:grid;gap:10px;}
.health-device-bars span{display:flex;justify-content:space-between;border-radius:14px;background:rgba(255,255,255,.07);padding:10px 12px;}
.offline-card{max-width:640px;margin:80px auto;text-align:center;padding:36px;}
.tour-overlay{
  position:fixed;inset:0;background:rgba(4,7,18,.22);z-index:9990;backdrop-filter:blur(.6px);
}
.tour-highlight{
  position:fixed;z-index:9992;border:2px solid rgba(255,214,106,.98);border-radius:18px;
  box-shadow:0 0 0 9999px rgba(0,0,0,.12),0 0 32px rgba(255,214,106,.65);
  pointer-events:none;transition:all .18s ease;
}
.tour-card{
  position:fixed;z-index:9993;max-width:310px;padding:15px 16px;border-radius:18px;
  color:#f8fbff;background:linear-gradient(145deg,rgba(25,30,60,.97),rgba(18,20,44,.97));
  border:1px solid rgba(255,255,255,.2);box-shadow:0 22px 75px rgba(0,0,0,.42);direction:rtl;
}
.tour-card b{display:block;font-size:1.05rem;margin-bottom:6px;color:#ffe28b;}
.tour-card p{margin:0 0 12px;line-height:1.7;color:#dce5ff;}
.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.tour-actions small{color:#aeb8d8;}
.tour-active .tour-card .btn{white-space:nowrap;}
@media (max-width:820px){
  .phrase-suggest-box{bottom:auto;top:calc(100% + 8px);left:4px;right:4px;}
  .movie-directory-filters{grid-template-columns:1fr;}
  .tour-card{left:12px!important;right:12px!important;top:auto!important;bottom:18px!important;max-width:none;}
  .tour-highlight{border-radius:14px;}
}
#phrase-search-form{position:relative;}


/* v1.64.69 count-toggle cache + wizard close color hotfix. */
.tour-close-red{
  background:linear-gradient(135deg,#ef4444,#b91c1c)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 10px 26px rgba(239,68,68,.28)!important;
}
.tour-close-red:hover{filter:brightness(1.08);}
.tour-mobile-hidden{display:none!important;}
@media (max-width:1024px), (hover:none), (pointer:coarse){
  #phraselab-help-tour,
  .help-tour-btn{display:none!important;visibility:hidden!important;pointer-events:none!important;}
}


/* v1.64.69: force the wizard close button to be visibly red even if older button styles are cached/overridden. */
html body .tour-card .tour-actions .tour-close.tour-close-red,
html body .tour-card .tour-actions button.tour-close-red{
  background:#dc2626!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#991b1b!important;
  box-shadow:0 10px 26px rgba(220,38,38,.34)!important;
}


/* v1.64.69: keep the highlighted wizard target bright and clickable-looking above the dim overlay. */
html body.tour-active .tour-focus-target{
  z-index:9994!important;
  filter:none!important;
  opacity:1!important;
  box-shadow:0 0 0 3px rgba(255,214,106,.95),0 0 34px rgba(255,214,106,.55)!important;
}
html body.tour-active .tour-focus-target *{
  filter:none!important;
  opacity:1!important;
}
html body .tour-card .tour-actions .tour-next{
  min-width:76px;
}


/* v1.64.69: wizard overlay is intentionally very light, user Movies link removed from non-admin menu. */
html body .tour-overlay{
  background:rgba(4,7,18,.22)!important;
  backdrop-filter:blur(.6px)!important;
}
html body .tour-highlight{
  box-shadow:0 0 0 9999px rgba(0,0,0,.12),0 0 32px rgba(255,214,106,.65)!important;
}

/* =====================================================================
   v1.64.69 UI Refresh Pack: responsive app-ready GUI for desktop/tablet/mobile
   - keeps previous version intact in v1.64.69 ZIP
   - CSS-only visual refresh plus mobile tabbar markup in base.html
   ===================================================================== */
:root{
  --pl-app-bg:#f5f7fb;
  --pl-card:#ffffff;
  --pl-card-strong:rgba(255,255,255,.88);
  --pl-border:rgba(15,23,42,.10);
  --pl-border-strong:rgba(15,23,42,.16);
  --pl-text:#132033;
  --pl-muted:#667085;
  --pl-primary:#06b6d4;
  --pl-primary-2:#5b6cff;
  --pl-primary-soft:rgba(6,182,212,.13);
  --pl-success:#22c55e;
  --pl-danger:#ef4444;
  --pl-shadow-sm:0 10px 30px rgba(15,23,42,.08);
  --pl-shadow-md:0 22px 55px rgba(15,23,42,.14);
  --pl-shadow-lg:0 34px 90px rgba(15,23,42,.20);
  --pl-radius-xl:28px;
  --pl-radius-lg:22px;
  --pl-radius-md:16px;
  --pl-safe-bottom:env(safe-area-inset-bottom,0px);
  --pl-safe-top:env(safe-area-inset-top,0px);
}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body.app-body{
  color:var(--pl-text);
  background:
    radial-gradient(circle at 15% 0%, rgba(6,182,212,.16), transparent 34%),
    radial-gradient(circle at 85% 12%, rgba(91,108,255,.14), transparent 32%),
    linear-gradient(180deg,#f9fbff 0%,var(--pl-app-bg) 46%,#eef3fb 100%);
  overflow-x:hidden;
}
body.app-body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,0));
  z-index:-2;
}
.aurora-bg{opacity:.42;filter:blur(18px) saturate(1.08);}

.content-shell{
  width:min(100%,1560px);
  margin-inline:auto;
  padding:clamp(18px,2.4vw,34px);
}
body:not(.auth-page) .content-shell{padding-top:clamp(18px,2vw,28px);}

/* Top navigation: cleaner, scalable, desktop/tablet friendly */
.site-header.pro-top-header,
.site-header.clean-header{
  position:sticky;
  top:calc(10px + var(--pl-safe-top));
  z-index:80;
  width:min(calc(100% - 28px),1540px);
  margin:12px auto 0;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.62);
  border-radius:24px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(22px) saturate(1.25);
  -webkit-backdrop-filter:blur(22px) saturate(1.25);
  box-shadow:var(--pl-shadow-sm);
  min-height:66px;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) auto minmax(0,.95fr);
  gap:12px;
  align-items:center;
}
.clean-top-nav.pro-top-nav,
.top-nav.clean-top-nav{
  display:flex;
  align-items:center;
  gap:7px;
  overflow:auto hidden;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding:2px;
}
.clean-top-nav.pro-top-nav::-webkit-scrollbar{display:none;}
.clean-top-nav.pro-top-nav a,
.top-nav.clean-top-nav a{
  flex:0 0 auto;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px;
  border-radius:999px;
  color:#243044;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 4px 14px rgba(15,23,42,.04);
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease;
}
.clean-top-nav.pro-top-nav a:hover,
.top-nav.clean-top-nav a:hover{
  transform:translateY(-1px);
  background:#fff;
  border-color:rgba(6,182,212,.28);
  box-shadow:0 12px 26px rgba(15,23,42,.10);
}
.clean-top-nav.pro-top-nav a.active,
.top-nav.clean-top-nav a.active{
  color:#fff;
  background:linear-gradient(135deg,var(--pl-primary),var(--pl-primary-2));
  border-color:transparent;
  box-shadow:0 14px 34px rgba(6,182,212,.24);
}
.header-center-stats{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
}
.header-stat-bubble{
  min-width:74px;
  min-height:46px;
  padding:6px 11px;
  border-radius:17px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#fff,rgba(240,247,255,.86));
  border:1px solid var(--pl-border);
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}
.header-stat-bubble b{font-size:16px;color:#0891b2;line-height:1;}
.header-stat-bubble small{font-size:10px;color:var(--pl-muted);font-weight:900;text-transform:uppercase;letter-spacing:.06em;}
.header-actions.pro-header-actions,
.final-user-status{
  justify-content:flex-end;
  gap:8px;
  min-width:0;
}
.header-actions .ghost-link,
.final-user-status .ghost-link,
.help-tour-btn{
  min-height:40px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.62);
  color:#26364d;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
  font-weight:900;
}
.header-actions .ghost-link:hover,
.help-tour-btn:hover{background:#fff;border-color:rgba(6,182,212,.30);}
.xp-chip,.user-chip-only{
  border-radius:999px;
  background:rgba(255,255,255,.70);
  border:1px solid var(--pl-border);
  box-shadow:0 8px 18px rgba(15,23,42,.05);
}

/* App-like bottom navigation: visible only on phone/tablet widths */
.mobile-app-tabbar{display:none;}

/* Main user dashboard polish */
.player-home.pro-user-shell,
.player-home-wide.pro-user-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,390px);
  gap:clamp(16px,2vw,28px);
  align-items:stretch;
  max-width:1500px;
  margin-inline:auto;
}
.live-stage.pro-stage,
.live-stage-wide.pro-stage{min-width:0;}
.pro-player-card,
.pro-results-panel,
.playlist-panel.compact-playlist.pro-results-panel{
  border:1px solid rgba(255,255,255,.72);
  border-radius:var(--pl-radius-xl);
  background:rgba(255,255,255,.70);
  box-shadow:var(--pl-shadow-md);
  backdrop-filter:blur(18px) saturate(1.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  overflow:hidden;
}
.pro-player-frame,
.player-frame.pro-player-frame{
  border-radius:var(--pl-radius-xl);
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.live-video-shell.pro-video-shell,
.live-video-square.pro-video-shell{
  min-height:clamp(520px,58vh,760px);
  border-radius:var(--pl-radius-xl);
  background:
    radial-gradient(circle at 50% 40%,rgba(255,255,255,.10),transparent 30%),
    linear-gradient(145deg,#111827,#1f2937 54%,#263445);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}
.pro-video-topbar{
  left:18px;
  right:18px;
  top:16px;
  z-index:24;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  pointer-events:none;
}
.top-movie-pill,.pro-counter-pill{
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(13,21,33,.74);
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 12px 26px rgba(0,0,0,.20);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  max-width:min(70vw,520px);
}
.top-movie-pill b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.video-side-tools{
  right:16px;
  bottom:clamp(150px,18vh,210px);
  display:flex;
  gap:8px;
  z-index:30;
}
.video-side-tools .clip-jump-input,
.video-side-tools button,
.clip-repeat-toggle,
.maximize-player-btn{
  min-width:45px;
  min-height:42px;
  border-radius:15px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  box-shadow:0 12px 25px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.center-transport{z-index:26;gap:14px;}
.center-skip,.play-orb-button.pro-play-button{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.12);
  color:#fff;
  box-shadow:0 18px 44px rgba(0,0,0,.24);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.play-orb-button.pro-play-button{
  width:78px;height:78px;
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.08));
}
.center-skip{width:58px;height:58px;border-radius:18px;}
.video-bottom-ui{
  left:0;right:0;bottom:0;
  padding:18px clamp(18px,4vw,120px) 26px;
  background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.56) 18%,rgba(15,23,42,.78));
  z-index:35;
}
.search-dock.pro-search-dock,
.in-video-search.pro-search-dock{
  height:auto;
  min-height:62px;
  border-radius:22px;
  padding:8px;
  gap:10px;
  background:rgba(15,23,42,.74);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 20px 46px rgba(0,0,0,.22);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.search-dock.pro-search-dock input,
.in-video-search.pro-search-dock input{
  min-height:44px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  font-size:18px;
  font-weight:850;
  text-align:center;
}
.search-dock.pro-search-dock input::placeholder{color:rgba(255,255,255,.55);}
.search-dock.pro-search-dock .emoji-btn,
#phrase-search-btn{
  min-width:52px;
  min-height:46px;
  border-radius:16px;
  box-shadow:0 14px 30px rgba(6,182,212,.26);
}
.genre-filter-wrap{
  min-height:46px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  padding-inline:12px;
}
.genre-filter-wrap span{color:#67e8f9;font-weight:900;font-size:11px;}
.genre-filter{color:#fff;background:transparent;}
.search-inline-tools.pro-action-row,
.pro-action-row.compact-inline-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.action-icon-control.compact-action-btn,
.icon-control.compact-action-btn{
  min-height:54px;
  border-radius:18px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  box-shadow:0 14px 30px rgba(0,0,0,.14);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.action-icon-control.compact-action-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.18);}
.action-icon-control.compact-action-btn.is-active,
.subtitle-control.is-active{
  background:rgba(6,182,212,.24);
  border-color:rgba(103,232,249,.48);
}
.pro-player-message{margin-top:12px;text-align:center;font-weight:800;color:#b91c1c;}

/* Result panel */
.playlist-panel.pro-results-panel{
  padding:18px;
  min-height:520px;
}
.pro-results-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:6px 2px 16px;
}
.pro-results-head .section-kicker{
  color:#64748b;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:1000;
}
.pro-results-head h2{
  margin:0;
  font-size:clamp(22px,2.2vw,34px);
  color:#1f2a44;
  line-height:1.1;
}
.result-count{
  min-width:54px;
  height:48px;
  border-radius:17px;
  background:linear-gradient(135deg,rgba(6,182,212,.17),rgba(91,108,255,.12));
  color:#078099;
  display:grid;
  place-items:center;
  font-size:18px;
  font-weight:1000;
  border:1px solid rgba(6,182,212,.16);
}
.pro-playlist-list{
  border-radius:22px;
  background:rgba(255,255,255,.62);
  border:1px dashed rgba(15,23,42,.14);
  padding:12px;
  min-height:410px;
  overflow:auto;
  scrollbar-width:thin;
}
.playlist-item,
.pro-playlist-list .playlist-item{
  border-radius:18px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 8px 20px rgba(15,23,42,.06);
  margin-bottom:10px;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.playlist-item:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(15,23,42,.11);border-color:rgba(6,182,212,.24);}
.playlist-item.active{border-color:rgba(6,182,212,.44);box-shadow:0 16px 36px rgba(6,182,212,.12);}
.empty-note{color:#667085;font-weight:900;}

/* Generic cards/forms/tables refresh for user/admin pages without changing logic */
.card,.panel,.admin-card,.settings-card,.auth-modal-card,.empty-state,
.library-card,.ticket-card,.movie-card,.featured-player,.mini-clip{
  border-radius:var(--pl-radius-lg);
  border:1px solid var(--pl-border);
  background:rgba(255,255,255,.76);
  box-shadow:var(--pl-shadow-sm);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
input,select,textarea,button,a{ -webkit-tap-highlight-color:transparent; }
button,.btn,a.ghost-link,.icon-control{touch-action:manipulation;}
input,select,textarea{font-size:16px;}
.table-wrap,.admin-table-wrap{overflow:auto;-webkit-overflow-scrolling:touch;border-radius:18px;}
.admin-mode table{min-width:720px;}

/* Wizard stays visible but more polished */
.phraselab-tour-card{border-radius:24px !important;box-shadow:0 28px 80px rgba(15,23,42,.30) !important;}
.phraselab-tour-next{background:linear-gradient(135deg,var(--pl-primary),var(--pl-primary-2)) !important;color:#fff !important;}
.phraselab-tour-close{background:var(--pl-danger) !important;color:#fff !important;border-color:transparent !important;}

/* Tablet layout: app-ready but not cramped */
@media (max-width:1180px){
  .site-header.pro-top-header,.site-header.clean-header{
    width:min(calc(100% - 20px),1040px);
    grid-template-columns:1fr;
    align-items:stretch;
    gap:9px;
  }
  .header-center-stats{order:3;justify-content:flex-start;overflow:auto;padding-bottom:2px;}
  .header-actions.pro-header-actions{order:2;justify-content:space-between;}
  .player-home.pro-user-shell,.player-home-wide.pro-user-shell{
    grid-template-columns:1fr;
    max-width:980px;
  }
  .playlist-panel.pro-results-panel{min-height:320px;}
  .pro-playlist-list{min-height:260px;max-height:420px;}
  .live-video-shell.pro-video-shell,.live-video-square.pro-video-shell{min-height:clamp(460px,56vw,650px);}
}

/* Mobile: native-app feeling, bottom tabs, large touch targets */
@media (max-width:760px){
  :root{--pl-radius-xl:22px;--pl-radius-lg:18px;}
  body.app-body:not(.auth-page){padding-bottom:calc(84px + var(--pl-safe-bottom));}
  .content-shell{
    width:100%;
    padding:12px 10px calc(18px + var(--pl-safe-bottom));
  }
  .site-header.pro-top-header,.site-header.clean-header{
    top:calc(6px + var(--pl-safe-top));
    width:calc(100% - 14px);
    margin-top:7px;
    padding:9px;
    border-radius:20px;
    min-height:unset;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .clean-top-nav.pro-top-nav,.top-nav.clean-top-nav{display:none !important;}
  .header-center-stats{
    order:3;
    width:100%;
    display:flex;
    justify-content:flex-start;
    gap:7px;
    overflow:auto hidden;
    scrollbar-width:none;
  }
  .header-center-stats::-webkit-scrollbar{display:none;}
  .header-stat-bubble{min-width:66px;min-height:42px;border-radius:15px;padding:5px 9px;}
  .header-stat-bubble b{font-size:14px;}
  .header-stat-bubble small{font-size:9px;}
  .header-actions.pro-header-actions,.final-user-status{
    width:100%;
    display:flex;
    justify-content:space-between;
    gap:6px;
    overflow:auto hidden;
    scrollbar-width:none;
  }
  .header-actions.pro-header-actions::-webkit-scrollbar{display:none;}
  .xp-chip{min-width:max-content;}
  .user-chip-only{display:none !important;}
  .header-actions .ghost-link,.final-user-status .ghost-link,.help-tour-btn{min-height:38px;padding:0 12px;font-size:12px;}
  .help-tour-btn{display:none !important;}

  .mobile-app-tabbar{
    position:fixed;
    z-index:120;
    left:10px;
    right:10px;
    bottom:calc(9px + var(--pl-safe-bottom));
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:1fr;
    gap:6px;
    min-height:64px;
    padding:7px;
    border-radius:24px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(255,255,255,.70);
    box-shadow:0 20px 60px rgba(15,23,42,.22);
    backdrop-filter:blur(24px) saturate(1.25);
    -webkit-backdrop-filter:blur(24px) saturate(1.25);
  }
  .mobile-app-tabbar a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    min-width:0;
    border-radius:18px;
    color:#334155;
    text-decoration:none;
    font-weight:1000;
    font-size:11px;
    transition:background .16s ease,color .16s ease,transform .16s ease;
  }
  .mobile-app-tabbar a span{font-size:18px;line-height:1;}
  .mobile-app-tabbar a b{font-size:10px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
  .mobile-app-tabbar a.active{
    color:#fff;
    background:linear-gradient(135deg,var(--pl-primary),var(--pl-primary-2));
    box-shadow:0 10px 24px rgba(6,182,212,.24);
  }

  .player-home.pro-user-shell,.player-home-wide.pro-user-shell{gap:12px;}
  .pro-player-card,.pro-results-panel{border-radius:22px;}
  .live-video-shell.pro-video-shell,.live-video-square.pro-video-shell{
    min-height:min(72vh,620px);
    border-radius:22px;
  }
  .pro-video-topbar{top:10px;left:10px;right:10px;justify-content:space-between;gap:6px;}
  .top-movie-pill,.pro-counter-pill{min-height:34px;padding:0 10px;font-size:11px;max-width:70%;}
  .pro-counter-pill{max-width:86px;}
  .center-transport{gap:10px;}
  .play-orb-button.pro-play-button{width:66px;height:66px;}
  .center-skip{width:48px;height:48px;border-radius:16px;}
  .video-side-tools{right:10px;bottom:168px;gap:6px;}
  .video-side-tools .clip-jump-input,.video-side-tools button{min-width:40px;min-height:38px;border-radius:14px;font-size:12px;}
  .video-bottom-ui{padding:12px 10px 14px;background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.64) 14%,rgba(15,23,42,.84));}
  .search-dock.pro-search-dock,.in-video-search.pro-search-dock{
    min-height:unset;
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    grid-template-areas:"btn input" "genre genre";
    border-radius:20px;
    padding:7px;
    gap:7px;
  }
  #phrase-search-btn{grid-area:btn;min-width:48px;min-height:44px;}
  .search-dock.pro-search-dock input{grid-area:input;min-height:44px;font-size:16px;}
  .genre-filter-wrap{grid-area:genre;width:100%;min-height:40px;justify-content:space-between;}
  .search-inline-tools.pro-action-row,.pro-action-row.compact-inline-actions{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
    margin-top:8px;
  }
  .icon-control.compact-action-btn{min-height:48px;border-radius:16px;padding:5px;}
  .icon-control.compact-action-btn .control-label{font-size:10px;}
  .icon-control.compact-action-btn .control-icon{font-size:16px;}

  .playlist-panel.pro-results-panel{padding:12px;min-height:250px;}
  .pro-results-head{padding-bottom:10px;}
  .pro-results-head h2{font-size:22px;}
  .result-count{min-width:46px;height:42px;border-radius:15px;}
  .pro-playlist-list{min-height:190px;max-height:42vh;padding:9px;border-radius:18px;}

  .auth-modal-card{width:min(100% - 18px,440px);border-radius:24px;}
  .toast-wrap{left:10px;right:10px;top:86px;}
}

@media (max-width:430px){
  .content-shell{padding-inline:8px;}
  .site-header.pro-top-header,.site-header.clean-header{width:calc(100% - 10px);border-radius:18px;}
  .live-video-shell.pro-video-shell,.live-video-square.pro-video-shell{min-height:min(70vh,560px);}
  .search-inline-tools.pro-action-row,.pro-action-row.compact-inline-actions{gap:6px;}
  .icon-control.compact-action-btn .control-label{font-size:9px;}
  .mobile-app-tabbar{left:7px;right:7px;border-radius:21px;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto !important;transition:none !important;animation:none !important;}
}


/* v1.64.69 auth pages use classic popup-style card */
.auth-route-shell{min-height:calc(100vh - 120px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;}
.auth-route-shell .auth-route-card{width:min(94vw,500px)!important;margin:0 auto!important;}
.auth-route-tabs a.auth-tab{text-decoration:none!important;display:grid!important;place-items:center!important;}
.auth-page-popup-form{display:grid!important;}
.auth-page-popup-form .btn.large{height:50px!important;border-radius:16px!important;font-weight:900!important;}
@media(max-width: 640px){
  .auth-route-shell{padding:14px!important;}
  .auth-route-shell .auth-route-card{padding:22px!important;border-radius:24px!important;}
  .auth-route-shell .auth-modal-card h3{font-size:26px!important;}
}

/* v1.64.69 user dashboard latest movies / auto ready clips */
.user-discovery-strip{margin:18px auto 0!important;width:min(1180px,calc(100vw - 28px))!important;padding:18px!important;border-radius:28px!important;}
.user-discovery-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;margin-bottom:14px!important;}
.user-discovery-head h2{margin:2px 0 0!important;font-size:26px!important;}
.user-discovery-head small{color:var(--muted)!important;font-weight:800!important;line-height:1.8!important;}
.user-movie-rail{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:12px!important;}
.user-movie-card{min-height:122px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.055)!important;color:var(--text)!important;border-radius:22px!important;padding:14px!important;text-align:right!important;display:flex!important;flex-direction:column!important;gap:8px!important;cursor:pointer!important;box-shadow:0 14px 36px rgba(0,0,0,.16)!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important;}
.user-movie-card:hover:not(:disabled){transform:translateY(-2px)!important;border-color:rgba(34,211,238,.35)!important;background:rgba(34,211,238,.075)!important;}
.user-movie-card:disabled{opacity:.72!important;cursor:not-allowed!important;filter:saturate(.75)!important;}
.user-movie-card b{font-size:15px!important;line-height:1.55!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.movie-card-icon{font-size:24px!important;}
.movie-card-meta{font-size:12px!important;color:var(--muted)!important;font-weight:900!important;line-height:1.7!important;}
.user-movie-card.is-ready .movie-card-meta{color:#8ff7cc!important;}
.user-movie-card.is-pending .movie-card-meta{color:#ffd18a!important;}
@media(max-width:720px){.user-discovery-strip{width:calc(100vw - 16px)!important;margin-top:12px!important;padding:14px!important;border-radius:22px!important}.user-discovery-head{align-items:flex-start!important;flex-direction:column!important}.user-movie-rail{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:4px!important}.user-movie-card{min-width:210px!important;scroll-snap-align:start!important}.user-discovery-head h2{font-size:22px!important}}

/* v1.64.69: visible selected filenames for admin upload cards */
.file-drop .selected-file-name{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:8px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.72)!important;
  font-size:12px!important;
  line-height:1.55!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  direction:ltr!important;
  text-align:center!important;
}
.file-drop.file-selected,
.file-drop[data-file-selected="1"]{
  border-color:rgba(34,211,238,.95)!important;
  background:rgba(34,211,238,.18)!important;
  box-shadow:0 18px 45px rgba(34,211,238,.11), inset 0 0 0 1px rgba(34,211,238,.16)!important;
}
.file-drop.file-selected .selected-file-name,
.file-drop[data-file-selected="1"] .selected-file-name{
  background:rgba(16,185,129,.16)!important;
  border-color:rgba(16,185,129,.38)!important;
  color:#d1fae5!important;
}
.file-drop.file-selected .file-drop-hint,
.file-drop[data-file-selected="1"] .file-drop-hint{
  color:#a7f3d0!important;
}
.upload-form.upload-submitting .file-drop,
.pro-upload-form.upload-submitting .file-drop{
  pointer-events:none!important;
  opacity:.86!important;
}
@media(max-width:720px){
  .file-drop .selected-file-name{font-size:11px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
}


/* v1.64.69 UI micro-fixes: clearer selected Favorites/Library, FA toggle state, stable max-view word tooltip */
html body #favorite-clip.heart-control.is-favorite,
html body #favorite-clip.heart-control.is-favorite:hover,
html body #favorite-clip.heart-control[aria-pressed="true"],
html body #favorite-clip.heart-control[data-state="on"]{
  border:2px solid rgba(34,211,238,.98)!important;
  background:linear-gradient(135deg,rgba(34,211,238,.26),rgba(14,165,233,.20))!important;
  box-shadow:0 0 0 3px rgba(34,211,238,.18),0 14px 34px rgba(8,145,178,.28)!important;
  outline:0!important;
}
html body #favorite-clip.heart-control.is-favorite .heart-icon,
html body #favorite-clip.heart-control[aria-pressed="true"] .heart-icon,
html body #favorite-clip.heart-control[data-state="on"] .heart-icon{
  color:#22d3ee!important;
  text-shadow:0 0 16px rgba(34,211,238,.62)!important;
  transform:scale(1.13)!important;
}
html body .pro-top-nav a[href*="library"].active,
html body .mobile-app-tabbar a[href*="library"].active{
  border:2px solid rgba(34,211,238,.98)!important;
  box-shadow:0 0 0 3px rgba(34,211,238,.18),0 12px 30px rgba(8,145,178,.20)!important;
  background:rgba(34,211,238,.18)!important;
  color:#063f4a!important;
}
html body #toggle-fa.is-active,
html body #toggle-fa[aria-pressed="true"],
html body #toggle-fa[data-state="on"]{
  background:rgba(102,239,255,.16)!important;
  border:2px solid rgba(102,239,255,.82)!important;
  box-shadow:0 0 0 3px rgba(102,239,255,.14),0 10px 26px rgba(0,0,0,.12)!important;
  opacity:1!important;
}
html body #toggle-fa:not(.is-active),
html body #toggle-fa[aria-pressed="false"],
html body #toggle-fa[data-state="off"]{
  opacity:.82!important;
}
html body #toggle-fa.is-active .lang-action-icon,
html body #toggle-fa[aria-pressed="true"] .lang-action-icon{
  filter:drop-shadow(0 0 10px rgba(102,239,255,.55))!important;
}
html body .word-tooltip{
  z-index:2147483647!important;
  pointer-events:auto!important;
  transition:opacity .12s ease, transform .12s ease!important;
}
html body .word-tooltip.is-max-word-tooltip{
  max-width:320px!important;
  padding:11px 14px!important;
  font-size:14px!important;
  line-height:1.75!important;
  border:1px solid rgba(102,239,255,.24)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.34),0 0 0 1px rgba(102,239,255,.08)!important;
}
html body #max-caption-mirror .dict-word{
  cursor:help!important;
  border-radius:7px!important;
  padding:0 3px!important;
}
html body #max-caption-mirror .dict-word:hover{
  background:rgba(102,239,255,.18)!important;
  box-shadow:0 0 0 1px rgba(102,239,255,.16)!important;
}


/* v1.64.69 final UI microfix:
   FA toggle must visually match EN toggle exactly; Favorite/Library selected states must be obvious; dictionary tooltip must not blink. */

/* FA active state: same as EN, no thick outline/bar */
html body #toggle-fa.is-active,
html body #toggle-fa[aria-pressed="true"],
html body #toggle-fa[data-state="on"]{
  background:rgba(102,239,255,.16)!important;
  border-width:1px!important;
  border-style:solid!important;
  border-color:rgba(102,239,255,.34)!important;
  box-shadow:0 0 0 1px rgba(102,239,255,.10),0 10px 26px rgba(0,0,0,.12)!important;
  outline:none!important;
  opacity:1!important;
}
html body #toggle-fa:not(.is-active),
html body #toggle-fa[aria-pressed="false"],
html body #toggle-fa[data-state="off"]{
  border-width:1px!important;
  opacity:.82!important;
}
html body #toggle-fa.is-active .lang-action-icon,
html body #toggle-fa[aria-pressed="true"] .lang-action-icon{
  filter:none!important;
}

/* Make Favorite selected state unmistakable. */
html body #favorite-clip.heart-control.is-favorite,
html body #favorite-clip.heart-control[aria-pressed="true"],
html body #favorite-clip.heart-control[data-state="on"]{
  border:2px solid #22d3ee!important;
  background:linear-gradient(135deg,rgba(34,211,238,.36),rgba(6,182,212,.26))!important;
  box-shadow:0 0 0 4px rgba(34,211,238,.24),0 14px 34px rgba(8,145,178,.34)!important;
  color:#063f4a!important;
}
html body #favorite-clip.heart-control.is-favorite .heart-icon,
html body #favorite-clip.heart-control[aria-pressed="true"] .heart-icon,
html body #favorite-clip.heart-control[data-state="on"] .heart-icon{
  color:#06b6d4!important;
  text-shadow:0 0 18px rgba(34,211,238,.85)!important;
  transform:scale(1.18)!important;
}
html body #favorite-clip.heart-control.is-favorite .control-label,
html body #favorite-clip.heart-control[aria-pressed="true"] .control-label,
html body #favorite-clip.heart-control[data-state="on"] .control-label{
  color:#063f4a!important;
}

/* Dedicated Library/Favorites nav active class, independent from href matching. */
html body .pro-top-nav a.library-nav-link.active,
html body .clean-top-nav a.library-nav-link.active,
html body .top-nav a.library-nav-link.active,
html body .mobile-app-tabbar a.library-nav-link.active{
  position:relative!important;
  border:2px solid #22d3ee!important;
  background:linear-gradient(135deg,rgba(34,211,238,.34),rgba(6,182,212,.22))!important;
  box-shadow:0 0 0 4px rgba(34,211,238,.22),0 14px 34px rgba(8,145,178,.26)!important;
  color:#062f3a!important;
}
html body .pro-top-nav a.library-nav-link.active::after,
html body .clean-top-nav a.library-nav-link.active::after,
html body .top-nav a.library-nav-link.active::after{
  content:""!important;
  position:absolute!important;
  inset:-6px!important;
  border-radius:14px!important;
  border:1px solid rgba(34,211,238,.38)!important;
  pointer-events:none!important;
}
html body .mobile-app-tabbar a.library-nav-link.active span,
html body .mobile-app-tabbar a.library-nav-link.active b{
  color:#062f3a!important;
}

/* Dictionary tooltip: stable, no blink/flicker on Persian/Maximum view. */
html body .word-tooltip{
  pointer-events:auto!important;
  will-change:left,top,opacity!important;
  transition:opacity .08s linear!important;
}
html body .word-tooltip:not(.hidden){
  opacity:1!important;
  visibility:visible!important;
}
html body .word-tooltip.hidden{
  opacity:0!important;
  visibility:hidden!important;
}
html body .word-tooltip.is-max-word-tooltip{
  z-index:2147483647!important;
  min-width:230px!important;
}

/* v1.64.69 final EN/FA equality + Favorites visibility + stable dictionary tooltip */
html body #toggle-en,
html body #toggle-fa{
  border-width:1px!important;
  border-style:solid!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease!important;
}
html body #toggle-en.is-active,
html body #toggle-en[aria-pressed="true"],
html body #toggle-en[data-state="on"],
html body #toggle-fa.is-active,
html body #toggle-fa[aria-pressed="true"],
html body #toggle-fa[data-state="on"]{
  background:rgba(102,239,255,.16)!important;
  border-width:1px!important;
  border-color:rgba(102,239,255,.34)!important;
  box-shadow:0 0 0 1px rgba(102,239,255,.10),0 10px 26px rgba(0,0,0,.12)!important;
  outline:none!important;
  opacity:1!important;
}
html body #toggle-en:not(.is-active),
html body #toggle-en[aria-pressed="false"],
html body #toggle-en[data-state="off"],
html body #toggle-fa:not(.is-active),
html body #toggle-fa[aria-pressed="false"],
html body #toggle-fa[data-state="off"]{
  background:rgba(15,23,42,.18)!important;
  border-width:1px!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.055), inset 0 1px 0 rgba(255,255,255,.05)!important;
  outline:none!important;
  opacity:.82!important;
}
html body #toggle-en .lang-action-icon,
html body #toggle-fa .lang-action-icon{
  filter:none!important;
}
html body .library-nav-link.active,
html body a.library-nav-link.active,
html body .favorite-nav-link.active,
html body a.favorite-nav-link.active{
  border:2px solid #22d3ee!important;
  background:linear-gradient(135deg,rgba(34,211,238,.42),rgba(6,182,212,.25))!important;
  box-shadow:0 0 0 4px rgba(34,211,238,.24),0 14px 34px rgba(8,145,178,.30)!important;
  color:#052f3a!important;
  transform:translateY(-1px)!important;
}
html body .mobile-app-tabbar .library-nav-link.active,
html body .mobile-app-tabbar .favorite-nav-link.active{
  outline:2px solid #22d3ee!important;
  outline-offset:-2px!important;
}
html body #favorite-clip.heart-control.is-favorite,
html body #favorite-clip.heart-control[aria-pressed="true"],
html body #favorite-clip.heart-control[data-state="on"]{
  border:2px solid #22d3ee!important;
  background:linear-gradient(135deg,rgba(34,211,238,.42),rgba(6,182,212,.24))!important;
  box-shadow:0 0 0 4px rgba(34,211,238,.25),0 14px 34px rgba(8,145,178,.34)!important;
  color:#052f3a!important;
}
html body #favorite-clip.heart-control.is-favorite .heart-icon,
html body #favorite-clip.heart-control[aria-pressed="true"] .heart-icon,
html body #favorite-clip.heart-control[data-state="on"] .heart-icon{
  color:#06b6d4!important;
  text-shadow:0 0 18px rgba(34,211,238,.85)!important;
  transform:scale(1.18)!important;
}
html body #phraselab-dictionary-tooltip.word-tooltip,
html body .phraselab-stable-word-tooltip{
  z-index:2147483647!important;
  pointer-events:auto!important;
  min-width:230px!important;
  max-width:340px!important;
  transition:opacity .06s linear!important;
  will-change:left,top,opacity!important;
}
html body #phraselab-dictionary-tooltip.word-tooltip:not(.hidden),
html body .phraselab-stable-word-tooltip:not(.hidden){
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
}
html body #phraselab-dictionary-tooltip.word-tooltip.hidden,
html body .phraselab-stable-word-tooltip.hidden{
  opacity:0!important;
  visibility:hidden!important;
}


/* v1.64.69: Prevent dictionary flicker in Maximum View by keeping the mirror DOM stable and tooltip persistent. */
html body #phraselab-dictionary-tooltip.word-tooltip:not(.hidden){
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}
html body.phraselab-max-open #phraselab-dictionary-tooltip.word-tooltip{
  transition:none!important;
  animation:none!important;
}
html body #max-caption-mirror .dict-word{
  contain:layout style!important;
}

/* v1.64.69: Mobile nav cleanup
   When the compact 4-button bottom tabbar is active on mobile, hide the duplicated large top navigation buttons. */
@media (max-width: 820px){
  html body:not(.auth-page) .site-header.clean-header .top-nav.clean-top-nav,
  html body:not(.auth-page) .site-header.pro-top-header .pro-top-nav,
  html body:not(.auth-page) header.site-header nav.top-nav{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  html body:not(.auth-page) .site-header.clean-header,
  html body:not(.auth-page) .site-header.pro-top-header{
    grid-template-columns:1fr!important;
    justify-content:center!important;
  }
  html body:not(.auth-page) .header-actions.pro-header-actions,
  html body:not(.auth-page) .final-user-status{
    justify-content:center!important;
    width:100%!important;
  }
}


/* v1.64.70 HTTPS / genre / policy stability */
.auth-modal,.auth-modal.active,#policy-modal.active{z-index:2147483000!important;position:fixed!important;inset:0!important;}
body.phraselab-max-open .auth-modal.active{display:grid!important;z-index:2147483000!important;}
.movie-genre-inline{display:flex;align-items:center;gap:6px;min-width:190px}.movie-genre-inline select{min-width:120px;max-width:160px}
.compact-user-list-head{grid-template-columns:1.3fr 1fr .7fr .8fr 1.2fr 1.2fr 1fr .9fr!important}.compact-user-form{grid-template-columns:1fr .7fr .8fr 1.2fr 1.2fr 1fr .9fr!important}.compact-policy-fields{display:grid;grid-template-columns:1fr 90px;gap:6px}.compact-policy-limit{min-width:0;width:100%}.admin-usage-mini{display:grid;gap:3px;font-size:11px;color:var(--muted)}.admin-usage-mini label{display:flex;gap:5px;align-items:center;font-size:10px}
@media(max-width:1100px){.compact-user-list-head{display:none!important}.compact-user-form{grid-template-columns:1fr 1fr!important}.compact-policy-fields,.admin-usage-mini,.compact-user-actions{grid-column:1/-1}}

/* v1.65.0 accounting, combined limits, plans and dataset export */
.remember-me-line{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;grid-template-columns:auto 1fr!important;cursor:pointer}.remember-me-line input{width:18px!important;height:18px!important;margin:0!important;accent-color:#8b5cf6}.remember-me-line span{margin:0!important}
.premium-header-btn{border:1px solid rgba(250,204,21,.38);background:linear-gradient(135deg,rgba(245,158,11,.25),rgba(124,58,237,.24));color:#fff;border-radius:999px;padding:9px 14px;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 24px rgba(245,158,11,.12)}.premium-header-btn:hover{transform:translateY(-1px);border-color:rgba(250,204,21,.72)}
.guest-limit-card{text-align:center;max-width:460px!important}.limit-icon{font-size:54px;margin-bottom:8px}.guest-limit-card .btn{justify-content:center}
.plan-modal{padding:18px;overflow:auto}.plan-modal-card{position:relative;width:min(1120px,96vw);max-height:94vh;overflow:auto;padding:30px;border:1px solid rgba(255,255,255,.17);border-radius:32px;background:linear-gradient(145deg,rgba(8,18,38,.98),rgba(20,13,46,.97));box-shadow:0 35px 100px rgba(0,0,0,.55);direction:rtl}.plan-modal-head{text-align:center;margin:0 auto 24px;max-width:760px}.plan-modal-head h2{font-size:clamp(25px,4vw,42px);margin:8px 0;color:#fff}.plan-modal-head p{color:rgba(255,255,255,.72);line-height:1.9}.plans-modal-open{overflow:hidden}.plans-full-page-link{display:block;text-align:center;color:#d8d2ff;margin-top:18px;font-weight:850}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan-card{position:relative;display:flex;flex-direction:column;gap:12px;min-height:420px;padding:26px 22px;border-radius:28px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.065);box-shadow:0 20px 55px rgba(0,0,0,.25);overflow:hidden}.plan-card:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--plan-accent,#a78bfa)}.plan-card.plan-bronze{--plan-accent:#d97706;background:linear-gradient(160deg,rgba(180,83,9,.23),rgba(255,255,255,.055))}.plan-card.plan-silver{--plan-accent:#cbd5e1;background:linear-gradient(160deg,rgba(148,163,184,.22),rgba(255,255,255,.06));transform:scale(1.025)}.plan-card.plan-gold{--plan-accent:#facc15;background:linear-gradient(160deg,rgba(202,138,4,.24),rgba(255,255,255,.06))}.plan-card.plan-violet{--plan-accent:#8b5cf6}.plan-card.plan-blue{--plan-accent:#38bdf8}.plan-badge{position:absolute;left:18px;top:18px;padding:6px 10px;border-radius:999px;background:var(--plan-accent);color:#111827;font-size:12px;font-weight:1000}.plan-tier{color:var(--plan-accent);font-weight:950;margin-top:10px}.plan-card h3{font-size:25px;margin:0;color:#fff}.plan-price{display:flex;align-items:flex-end;gap:7px}.plan-price strong{font-size:34px;color:#fff}.plan-price span,.plan-duration{color:rgba(255,255,255,.7)}.plan-card p{line-height:1.85;color:rgba(255,255,255,.72);min-height:60px}.plan-features{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:#f8fafc}.plan-features li:before{content:"✓";color:var(--plan-accent);font-weight:1000;margin-left:8px}.plan-buy-btn{margin-top:auto;justify-content:center}.plan-empty{grid-column:1/-1}.checkout-shell{width:min(1180px,calc(100vw - 28px));margin:30px auto 90px}.checkout-hero{text-align:center;max-width:780px;margin:0 auto 34px}.checkout-hero h1{font-size:clamp(30px,5vw,52px);margin:10px 0;color:#fff}.checkout-hero p{color:rgba(255,255,255,.72);font-size:18px;line-height:1.9}.checkout-status{margin:18px auto 0;max-width:820px;border-radius:16px;padding:0;text-align:center;line-height:1.8}.checkout-status:not(:empty){padding:14px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.checkout-status.ok{color:#bbf7d0;border-color:rgba(34,197,94,.35)}.checkout-status.error{color:#fecaca;border-color:rgba(239,68,68,.35)}.checkout-status.loading{color:#dbeafe}.checkout-trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:28px}.checkout-trust-row span{padding:11px 15px;border-radius:999px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.72)}
.combined-limit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.limit-toggle-card{display:grid!important;gap:12px;padding:18px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11)}.limit-toggle-card>span{font-weight:950;color:#fff}.limit-toggle-card input[type=checkbox]{width:18px;height:18px;vertical-align:middle;accent-color:#8b5cf6}.switch-row{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0}.plan-admin-section,.export-admin-section{width:min(1240px,calc(100vw - 28px));margin:22px auto}.admin-plan-list{display:grid;gap:16px}.admin-plan-editor{padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}.admin-plan-title{display:flex;justify-content:space-between;margin-bottom:14px}.compact-fields{gap:10px!important}.plan-limit-inline{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0}.plan-limit-inline label{display:flex;align-items:center;gap:6px}.plan-limit-inline>input{width:110px!important}.new-plan-editor{margin-top:18px;border-style:dashed}.export-live-status{margin:16px 0;padding:16px;border-radius:18px;background:rgba(255,255,255,.05);display:grid;gap:8px}.export-progress{height:10px;background:rgba(255,255,255,.09);border-radius:999px;overflow:hidden}.export-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#22d3ee,#8b5cf6);transition:width .3s}.export-history{display:grid;gap:9px;margin-top:14px}.export-job-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.045)}.status-done{color:#86efac}.status-error{color:#fca5a5}.status-running,.status-queued{color:#93c5fd}
.user-policy-card-list{display:grid;gap:14px}.user-policy-card{padding:18px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1)}.user-policy-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.user-policy-badges{display:flex;gap:7px}.badge.gold{background:rgba(250,204,21,.17);color:#fde68a}.user-policy-form{display:grid;gap:14px}.policy-master-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.user-combined-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.user-combined-editor label{display:grid;gap:7px;padding:12px;border-radius:15px;background:rgba(255,255,255,.045)}.user-combined-editor span{font-size:13px;font-weight:850}.user-combined-editor input[type=checkbox]{width:17px;height:17px;accent-color:#8b5cf6}.accounting-stats{width:min(1240px,calc(100vw - 28px));margin:18px auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.accounting-stats>div{padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:grid;gap:8px}.accounting-stats span{color:rgba(255,255,255,.65)}.accounting-stats b{font-size:20px;color:#fff}.accounting-panel{width:min(1240px,calc(100vw - 28px));margin:18px auto}.accounting-head{display:flex;justify-content:space-between}.accounting-table-wrap{overflow:auto}.accounting-table{width:100%;border-collapse:collapse;min-width:980px}.accounting-table th,.accounting-table td{padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:right}.accounting-table small{display:block;color:rgba(255,255,255,.55);margin-top:5px}.transaction-status-form{display:grid;grid-template-columns:150px 1fr auto;gap:6px}.accounting-filter select,.transaction-status-form select,.transaction-status-form input{min-height:40px}
/* Browser native option menus must stay readable (fixes Korean/other ticket category white strip). */
.ticket-v150-field select,.ticket-reply-v150 select,.ticket-field select{color:#fff!important;background-color:rgba(12,28,48,.92)!important;color-scheme:dark}.ticket-v150-field select option,.ticket-reply-v150 select option,.ticket-field select option{color:#0f172a!important;background:#fff!important;font-weight:700!important}
@media(max-width:980px){.plan-grid,.combined-limit-grid,.user-combined-editor{grid-template-columns:1fr}.plan-card.plan-silver{transform:none}.accounting-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-modal-card{padding:22px 14px}.policy-master-row{align-items:flex-start}.transaction-status-form{grid-template-columns:1fr}}
@media(max-width:620px){.accounting-stats{grid-template-columns:1fr}.checkout-shell,.plan-admin-section,.export-admin-section,.accounting-panel{width:calc(100vw - 16px)}.plan-card{min-height:auto}.premium-header-btn{font-size:12px;padding:8px 10px}.export-job-row{align-items:flex-start;flex-direction:column}.user-policy-card-head{align-items:flex-start;flex-direction:column}}

/* v1.65.1 — centered counters, simplified user manager, mobile-safe CAPTCHA */
.site-header.pro-top-header,
.site-header.clean-header,
.final-top-header.site-header{position:relative!important;}

@media (min-width:1025px){
  html body .header-center-stats{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:max-content!important;
    max-width:min(36vw,420px)!important;
    margin:0!important;
    justify-content:center!important;
    z-index:20!important;
    pointer-events:none!important;
  }
  html body .header-center-stats .header-stat-bubble{
    width:auto!important;
    min-width:68px!important;
    height:48px!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    pointer-events:auto!important;
  }
}
html body .header-center-stats .header-stat-bubble b{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.02em!important;
}

.simple-user-list-head,
.simple-user-row{
  grid-template-columns:minmax(170px,1.25fr) minmax(120px,.9fr) minmax(88px,.65fr) minmax(92px,.7fr) minmax(120px,.95fr) minmax(82px,.55fr) minmax(120px,.9fr) minmax(120px,.8fr)!important;
}
.simple-user-form{display:contents!important;}
.simple-user-row .compact-policy-limit{height:36px!important;min-height:36px!important;border-radius:10px!important;min-width:0!important;}
.simple-user-row .compact-user-actions{justify-content:flex-start!important;flex-wrap:nowrap!important;}
.simple-user-admin-grid .user-combined-editor,
.simple-user-admin-grid .policy-master-row{display:none!important;}

.captcha-row input[name="captcha"]{min-width:0!important;box-sizing:border-box!important;touch-action:manipulation!important;}
.captcha-img{-webkit-user-select:none!important;user-select:none!important;touch-action:manipulation!important;}

@media (max-width:1024px){
  .simple-user-list-head{display:none!important;}
  .simple-user-row{display:block!important;padding:12px!important;}
  .simple-user-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:10px!important;}
  .simple-user-form>*{min-width:0!important;width:100%!important;box-sizing:border-box!important;}
  .simple-user-form .compact-user-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .simple-user-form .compact-user-actions .btn{width:100%!important;justify-content:center!important;}
}

@media (max-width:820px){
  html.is-mobile-layout body .site-header.pro-top-header,
  html.is-mobile-layout body .site-header.clean-header,
  html body .site-header.pro-top-header,
  html body .site-header.clean-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"auth" "nav" "stats"!important;
    gap:8px!important;
  }
  html.is-mobile-layout body .header-center-stats,
  html body .header-center-stats{
    grid-area:stats!important;
    position:static!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:2px 0 1px!important;
    justify-content:center!important;
    gap:7px!important;
    overflow:visible!important;
    z-index:2!important;
  }
  html.is-mobile-layout body .header-center-stats .header-stat-bubble,
  html body .header-center-stats .header-stat-bubble{
    width:auto!important;
    min-width:66px!important;
    height:38px!important;
    padding:0 8px!important;
    border-radius:14px!important;
  }
  html.is-mobile-layout body .header-center-stats .header-stat-bubble b,
  html body .header-center-stats .header-stat-bubble b{font-size:10.5px!important;}
  html.is-mobile-layout body .header-center-stats .header-stat-bubble small,
  html body .header-center-stats .header-stat-bubble small{font-size:6.8px!important;}
  html.is-mobile-layout body .header-actions.final-user-status,
  html.is-mobile-layout body .pro-header-actions.final-user-status{
    padding-left:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  .captcha-row,
  .captcha-row-modal{
    grid-template-columns:minmax(104px,118px) minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
  }
  .captcha-img,
  .captcha-row-modal .captcha-img{width:100%!important;max-width:118px!important;height:44px!important;}
  .captcha-row input[name="captcha"],
  .captcha-row-modal input[name="captcha"]{width:100%!important;height:44px!important;font-size:16px!important;}
}

@media (max-width:520px){
  .simple-user-form{grid-template-columns:1fr!important;}
  .simple-user-form .compact-user-actions{grid-column:1!important;}
  .compact-users-head,.admin-user-search-form{min-width:0!important;width:100%!important;}
  .admin-user-search-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;}
  .admin-user-search-form .btn[href]{grid-column:1/-1!important;}
}

/* v1.65.2 — collision-free word counter, short-lived notices, organized service plans */

/* Header: use a real three-column grid. The counter never floats over user buttons. */
@media (min-width:1181px){
  html body .site-header.pro-top-header,
  html body .site-header.clean-header{
    display:grid!important;
    grid-template-columns:minmax(310px,1fr) minmax(138px,190px) minmax(310px,1fr)!important;
    grid-template-areas:"nav stats actions"!important;
    column-gap:16px!important;
    align-items:center!important;
  }
  html body .site-header .top-nav.clean-top-nav,
  html body .site-header .pro-top-nav{
    grid-area:nav!important;
    min-width:0!important;
    max-width:100%!important;
  }
  html body .site-header .header-center-stats{
    grid-area:stats!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    justify-self:center!important;
    align-self:center!important;
    width:100%!important;
    max-width:190px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    justify-content:center!important;
    overflow:visible!important;
    z-index:1!important;
    pointer-events:auto!important;
  }
  html body .site-header .header-actions.pro-header-actions,
  html body .site-header .final-user-status{
    grid-area:actions!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
    position:relative!important;
    z-index:2!important;
  }
  html body .site-header .header-actions::-webkit-scrollbar{display:none!important;}
  html body .header-center-stats.stats-count-1 .header-stat-bubble{
    min-width:126px!important;
    width:126px!important;
    height:52px!important;
    padding:5px 16px!important;
    border-radius:18px!important;
  }
  html body .header-center-stats.stats-count-1 .header-stat-bubble b{
    font-size:17px!important;
    line-height:1!important;
  }
  html body .header-center-stats.stats-count-1 .header-stat-bubble small{
    font-size:9px!important;
    line-height:1!important;
    margin-top:3px!important;
  }
}

/* Tablet: actions, navigation and counters get their own rows. */
@media (min-width:821px) and (max-width:1180px){
  html body .site-header.pro-top-header,
  html body .site-header.clean-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"actions" "nav" "stats"!important;
    gap:9px!important;
  }
  html body .site-header .header-actions.pro-header-actions,
  html body .site-header .final-user-status{grid-area:actions!important;justify-content:center!important;flex-wrap:wrap!important;overflow:visible!important;width:100%!important;}
  html body .site-header .top-nav.clean-top-nav,
  html body .site-header .pro-top-nav{grid-area:nav!important;justify-content:center!important;}
  html body .site-header .header-center-stats{grid-area:stats!important;position:static!important;transform:none!important;width:100%!important;max-width:100%!important;justify-content:center!important;overflow:visible!important;}
  html body .header-center-stats.stats-count-1 .header-stat-bubble{min-width:122px!important;}
}

/* Phone: one clean actions row and one centered counter row. */
@media (max-width:820px){
  html body:not(.auth-page) .site-header.pro-top-header,
  html body:not(.auth-page) .site-header.clean-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"actions" "stats"!important;
    gap:7px!important;
    overflow:visible!important;
  }
  html body:not(.auth-page) .site-header .header-actions.pro-header-actions,
  html body:not(.auth-page) .site-header .final-user-status{
    grid-area:actions!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body:not(.auth-page) .site-header .header-center-stats{
    grid-area:stats!important;
    display:flex!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-height:42px!important;
    margin:0!important;
    padding:1px 0 0!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  html body:not(.auth-page) .header-center-stats.stats-count-1 .header-stat-bubble{
    min-width:132px!important;
    width:auto!important;
    height:42px!important;
    padding:4px 16px!important;
    border-radius:15px!important;
  }
  html body:not(.auth-page) .header-center-stats.stats-count-1 .header-stat-bubble b{font-size:13px!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;}
  html body:not(.auth-page) .header-center-stats.stats-count-1 .header-stat-bubble small{font-size:7px!important;}
  html body:not(.auth-page) .premium-header-btn{white-space:nowrap!important;}
}

/* Flash/toast messages: compact, closable and automatically removed by JS. */
html body .toast-wrap{
  pointer-events:none!important;
  z-index:2147482500!important;
  width:min(430px,calc(100vw - 24px))!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  top:calc(78px + env(safe-area-inset-top,0px))!important;
  gap:8px!important;
}
html body .toast-wrap .toast{
  pointer-events:auto!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:9px!important;
  padding:11px 12px 11px 10px!important;
  border-radius:15px!important;
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
  transition:opacity .22s ease,transform .22s ease,max-height .22s ease,margin .22s ease,padding .22s ease!important;
  max-height:150px!important;
  margin:0!important;
}
html body .toast-wrap .toast.toast-leaving{
  opacity:0!important;
  transform:translateY(-8px) scale(.985)!important;
  max-height:0!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  overflow:hidden!important;
}
html body .toast-message{min-width:0!important;line-height:1.7!important;font-weight:850!important;}
html body .toast-close{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.08)!important;
  color:inherit!important;
  font-size:19px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  padding:0!important;
}
html body .toast-close:hover{background:rgba(15,23,42,.15)!important;}
@media (max-width:620px){
  html body .toast-wrap{
    top:calc(68px + env(safe-area-inset-top,0px))!important;
    width:calc(100vw - 16px)!important;
  }
  html body .toast-wrap .toast{padding:9px 10px!important;border-radius:13px!important;font-size:13px!important;}
  html body .toast-message{line-height:1.55!important;}
}

/* Settings / Service Plans: compact summaries, grouped fields and responsive layout. */
.service-plans-admin{overflow:visible!important;}
.service-plans-head{align-items:flex-start!important;gap:16px!important;}
.service-plans-head p{margin:6px 0 0!important;max-width:760px!important;}
.service-plan-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:18px!important;align-items:start!important;}
.service-plan-item{
  --service-plan-accent:#8b5cf6;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.045)!important;
  overflow:hidden!important;
  box-shadow:0 12px 34px rgba(0,0,0,.12)!important;
}
.service-plan-item.plan-bronze{--service-plan-accent:#d97706;}
.service-plan-item.plan-silver{--service-plan-accent:#cbd5e1;}
.service-plan-item.plan-gold{--service-plan-accent:#facc15;}
.service-plan-item.plan-violet{--service-plan-accent:#8b5cf6;}
.service-plan-item.plan-blue{--service-plan-accent:#38bdf8;}
.service-plan-summary{
  list-style:none!important;
  min-height:92px!important;
  display:grid!important;
  grid-template-columns:6px minmax(0,1fr) auto auto auto 24px!important;
  align-items:center!important;
  gap:10px!important;
  padding:14px!important;
  cursor:pointer!important;
  user-select:none!important;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
}
.service-plan-summary::-webkit-details-marker{display:none!important;}
.service-plan-accent{width:6px!important;height:58px!important;border-radius:999px!important;background:var(--service-plan-accent)!important;box-shadow:0 0 22px color-mix(in srgb,var(--service-plan-accent) 55%,transparent)!important;}
.service-plan-main{display:grid!important;gap:4px!important;min-width:0!important;}
.service-plan-main b{font-size:15px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.service-plan-main small,.service-plan-meta small,.service-plan-days small{color:rgba(255,255,255,.58)!important;font-size:10px!important;}
.service-plan-meta,.service-plan-days{display:grid!important;text-align:center!important;gap:2px!important;white-space:nowrap!important;}
.service-plan-meta strong{font-size:14px!important;color:#fff!important;font-variant-numeric:tabular-nums!important;}
.service-plan-days b{font-size:14px!important;color:#fff!important;}
.service-plan-state{padding:6px 8px!important;border-radius:999px!important;font-size:10px!important;font-weight:950!important;white-space:nowrap!important;}
.service-plan-state.is-active{background:rgba(34,197,94,.15)!important;color:#86efac!important;}
.service-plan-state.is-off{background:rgba(148,163,184,.13)!important;color:#cbd5e1!important;}
.service-plan-chevron{font-size:20px!important;color:rgba(255,255,255,.65)!important;transition:transform .2s ease!important;}
.service-plan-item[open] .service-plan-chevron{transform:rotate(180deg)!important;}
.service-plan-form{border:0!important;border-radius:0!important;background:rgba(3,7,18,.18)!important;padding:16px!important;box-shadow:none!important;}
.service-plan-form-grid{display:grid!important;grid-template-columns:1.35fr .8fr!important;gap:14px!important;}
.service-plan-fieldset{min-width:0!important;margin:0!important;padding:14px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:17px!important;background:rgba(255,255,255,.035)!important;}
.service-plan-fieldset legend{padding:0 8px!important;color:#e2e8f0!important;font-weight:950!important;font-size:13px!important;}
.service-plan-fieldset .quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.service-plan-fieldset .wide{grid-column:1/-1!important;}
.service-plan-fieldset textarea{width:100%!important;resize:vertical!important;}
.service-plan-commerce{align-self:start!important;}
.service-plan-limits{grid-column:1/-1!important;}
.service-plan-limit-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
.service-plan-limit-row{display:grid!important;grid-template-columns:minmax(0,1fr) 130px!important;align-items:center!important;gap:10px!important;padding:11px!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;}
.service-plan-limit-row>span{display:flex!important;align-items:center!important;gap:7px!important;font-weight:850!important;}
.service-plan-limit-row input[type=checkbox]{width:18px!important;height:18px!important;accent-color:var(--service-plan-accent)!important;}
.service-plan-active-switch{margin-top:12px!important;padding:11px!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;}
.service-plan-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;flex-wrap:wrap!important;margin-top:14px!important;}
.service-plan-create{margin-top:16px!important;border-style:dashed!important;}
.service-plan-create .create-summary{grid-template-columns:6px minmax(0,1fr) 24px!important;min-height:72px!important;}
.service-plan-create .service-plan-accent{height:42px!important;}
.service-plan-create .new-plan-editor{margin:0!important;}
@media (max-width:1220px){
  .service-plan-grid{grid-template-columns:1fr!important;}
  .service-plan-summary{grid-template-columns:6px minmax(0,1fr) auto auto auto 24px!important;}
}
@media (max-width:760px){
  .service-plans-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;}
  .service-plan-summary{grid-template-columns:6px minmax(0,1fr) auto 24px!important;min-height:82px!important;padding:11px!important;}
  .service-plan-days,.service-plan-state{display:none!important;}
  .service-plan-form{padding:11px!important;}
  .service-plan-form-grid{grid-template-columns:1fr!important;}
  .service-plan-fieldset .quality-grid{grid-template-columns:1fr!important;}
  .service-plan-limits{grid-column:auto!important;}
  .service-plan-limit-grid{grid-template-columns:1fr!important;}
  .service-plan-limit-row{grid-template-columns:minmax(0,1fr) 100px!important;}
  .service-plan-actions{display:grid!important;grid-template-columns:1fr!important;}
  .service-plan-actions .btn{width:100%!important;justify-content:center!important;}
}

/* v1.65.2 service plan editor opens across the full settings width. */
.service-plan-grid > .service-plan-item[open]{grid-column:1/-1!important;}
.service-plan-grid > .service-plan-item[open] .service-plan-summary{border-bottom:1px solid rgba(255,255,255,.10)!important;}
@media (max-width:1220px){.service-plan-grid > .service-plan-item[open]{grid-column:auto!important;}}

/* v1.65.2 final mobile header override: supersedes legacy 60px flex fallback. */
@media (max-width:820px){
  html.is-mobile-layout body:not(.auth-page) .site-header.clean-header,
  html.is-mobile-layout body:not(.auth-page) .site-header.pro-top-header,
  html.is-mobile-layout body:not(.auth-page) .clean-header.site-header,
  html.is-mobile-layout body:not(.auth-page) .pro-top-header.site-header,
  html body:not(.auth-page) .site-header.clean-header,
  html body:not(.auth-page) .site-header.pro-top-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"actions" "stats"!important;
    grid-template-rows:auto auto!important;
    flex-direction:initial!important;
    flex-wrap:initial!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:7px!important;
    width:calc(100% - 14px)!important;
    height:auto!important;
    min-height:94px!important;
    max-height:none!important;
    padding:9px!important;
    margin:7px auto 0!important;
    border-radius:20px!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body:not(.auth-page) .site-header .top-nav,
  html.is-mobile-layout body:not(.auth-page) .top-nav.clean-top-nav,
  html.is-mobile-layout body:not(.auth-page) .top-nav.pro-top-nav,
  html body:not(.auth-page) .site-header .top-nav{
    display:none!important;
    visibility:hidden!important;
    position:static!important;
    order:initial!important;
    grid-area:nav!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body:not(.auth-page) .site-header .header-actions,
  html.is-mobile-layout body:not(.auth-page) .header-actions.final-user-status,
  html.is-mobile-layout body:not(.auth-page) .pro-header-actions.final-user-status,
  html body:not(.auth-page) .site-header .header-actions{
    grid-area:actions!important;
    position:static!important;
    order:initial!important;
    display:flex!important;
    flex:0 1 auto!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:40px!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body:not(.auth-page) .site-header .header-center-stats,
  html.is-mobile-layout body:not(.auth-page) .header-center-stats,
  html body:not(.auth-page) .site-header .header-center-stats{
    grid-area:stats!important;
    position:static!important;
    order:initial!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:42px!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    justify-content:center!important;
    overflow:visible!important;
    transform:none!important;
  }
}

/* v1.65.3 bulk folder upload + DB-safe progress UI */
.bulk-folder-upload-card{margin-top:18px!important;border:1px solid rgba(98,220,255,.20)!important;background:linear-gradient(145deg,rgba(15,31,48,.94),rgba(20,23,38,.96))!important;overflow:hidden!important;}
.bulk-folder-head{align-items:flex-start!important;gap:14px!important;}
.bulk-folder-head h3{margin:.2rem 0 .35rem!important;}
.bulk-folder-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;border:1px solid rgba(80,226,176,.35)!important;background:rgba(80,226,176,.10)!important;color:#9bf4d1!important;border-radius:999px!important;padding:7px 11px!important;font-size:.78rem!important;font-weight:900!important;}
.bulk-rule-box{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;padding:12px 14px!important;margin:12px 0 14px!important;border-radius:16px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;}
.bulk-rule-box code{direction:ltr!important;unicode-bidi:isolate!important;background:rgba(21,186,255,.10)!important;border:1px solid rgba(21,186,255,.18)!important;color:#bcecff!important;border-radius:9px!important;padding:5px 8px!important;font-weight:850!important;}
.bulk-rule-box .muted{flex-basis:100%!important;line-height:1.8!important;}
.bulk-folder-config{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(210px,.6fr)!important;gap:12px!important;margin-bottom:12px!important;}
.bulk-folder-config label{display:grid!important;gap:7px!important;}
.bulk-folder-config label>span{font-weight:850!important;}
.bulk-folder-picker{min-height:122px!important;}
.bulk-folder-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:13px!important;}
.bulk-folder-summary{margin-top:14px!important;padding:11px 13px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.04)!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;}
.bulk-folder-summary.success{border-color:rgba(80,226,176,.30)!important;background:rgba(80,226,176,.07)!important;}
.bulk-folder-summary.warning{border-color:rgba(255,193,79,.34)!important;background:rgba(255,193,79,.08)!important;}
.bulk-folder-summary.danger{border-color:rgba(255,102,126,.36)!important;background:rgba(255,102,126,.08)!important;}
.bulk-folder-progress{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;margin-top:13px!important;}
.bulk-folder-progress .mini-progress{height:10px!important;}
.bulk-folder-progress [data-bulk-progress-text]{white-space:nowrap!important;font-variant-numeric:tabular-nums!important;font-weight:850!important;}
.bulk-folder-table-wrap{margin-top:14px!important;overflow:auto!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:15px!important;}
.bulk-folder-table{min-width:820px!important;margin:0!important;}
.bulk-folder-table td{vertical-align:middle!important;max-width:280px!important;overflow-wrap:anywhere!important;}
.bulk-row-invalid{opacity:.72!important;background:rgba(255,193,79,.045)!important;}
.bulk-row-uploading{background:rgba(21,186,255,.07)!important;}
.bulk-row-success{background:rgba(80,226,176,.07)!important;}
.bulk-row-error{background:rgba(255,102,126,.08)!important;}
.analytics-clean-state{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin-bottom:14px!important;border-color:rgba(21,186,255,.20)!important;}

@media (max-width:760px){
  .bulk-folder-upload-card{padding:13px!important;margin-top:12px!important;border-radius:18px!important;}
  .bulk-folder-head{display:grid!important;grid-template-columns:1fr!important;}
  .bulk-folder-badge{justify-self:start!important;}
  .bulk-folder-config{grid-template-columns:1fr!important;}
  .bulk-rule-box{align-items:flex-start!important;}
  .bulk-rule-box code{font-size:.78rem!important;}
  .bulk-folder-picker{min-height:104px!important;padding:14px!important;}
  .bulk-folder-actions{display:grid!important;grid-template-columns:1fr!important;}
  .bulk-folder-actions .btn{width:100%!important;justify-content:center!important;}
  .bulk-folder-progress{grid-template-columns:1fr!important;gap:7px!important;}
  .bulk-folder-progress [data-bulk-progress-text]{text-align:center!important;}
  .bulk-folder-table-wrap{margin-inline:-4px!important;}
}

/* v1.65.4 — dedicated Bulk Upload and compact service-plan editor */
.bulk-folder-upload-card{
  margin-top:18px!important;
  padding:20px!important;
  color:#eef7ff!important;
  background:linear-gradient(145deg,rgba(13,28,45,.97),rgba(15,22,37,.98))!important;
  border:1px solid rgba(74,210,255,.26)!important;
}
.bulk-folder-head{margin-bottom:14px!important;}
.bulk-folder-head h3{margin:.2rem 0 0!important;color:#fff!important;}
.bulk-folder-config{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,320px)!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.bulk-folder-config label{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;min-width:0!important;}
.bulk-folder-config label>span{display:block!important;color:#dcecff!important;font-weight:900!important;}
.bulk-folder-config input,.bulk-folder-config select{width:100%!important;min-width:0!important;color:#fff!important;background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.16)!important;}
.bulk-folder-picker{min-height:108px!important;color:#f5fbff!important;background:rgba(255,255,255,.045)!important;border-color:rgba(77,214,255,.25)!important;}
.bulk-folder-picker .selected-file-name,.bulk-folder-picker small{color:#bcd2e7!important;}
.bulk-folder-actions{
  position:sticky!important;
  bottom:8px!important;
  z-index:8!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:14px!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:15px!important;
  background:rgba(10,21,35,.94)!important;
  backdrop-filter:blur(16px)!important;
}
.bulk-folder-actions .btn{min-height:42px!important;}
.bulk-start-button.is-ready{
  border-color:rgba(41,225,255,.55)!important;
  box-shadow:0 0 0 3px rgba(41,225,255,.09),0 12px 30px rgba(0,187,221,.22)!important;
}
.bulk-start-button.is-running{cursor:wait!important;}
.bulk-folder-summary{
  margin-top:12px!important;
  padding:10px 12px!important;
  color:#f2f8ff!important;
  font-weight:900!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:12px!important;
}
.bulk-folder-summary.success{color:#b7ffdc!important;background:rgba(30,190,120,.10)!important;border-color:rgba(91,245,174,.32)!important;}
.bulk-folder-summary.warning{color:#ffe5a8!important;background:rgba(235,161,38,.10)!important;border-color:rgba(255,198,91,.34)!important;}
.bulk-folder-summary.danger{color:#ffbdc7!important;background:rgba(230,74,104,.10)!important;border-color:rgba(255,110,136,.34)!important;}
.bulk-folder-summary.info{color:#bfefff!important;background:rgba(29,171,225,.10)!important;border-color:rgba(72,210,255,.34)!important;}
.bulk-folder-progress{margin-top:12px!important;}
.bulk-folder-table-wrap{
  margin-top:14px!important;
  max-height:62vh!important;
  overflow:auto!important;
  border:1px solid rgba(107,215,255,.26)!important;
  border-radius:15px!important;
  background:#0d1b2d!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.bulk-folder-table{min-width:820px!important;margin:0!important;border-collapse:separate!important;border-spacing:0!important;color:#edf7ff!important;}
.bulk-folder-table thead{position:sticky!important;top:0!important;z-index:3!important;}
.bulk-folder-table thead th{
  color:#eaf7ff!important;
  background:#172a40!important;
  border-bottom:1px solid rgba(116,220,255,.28)!important;
  opacity:1!important;
  font-weight:950!important;
}
.bulk-folder-table tbody td{
  color:#dcecff!important;
  background:rgba(18,35,55,.92)!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  opacity:1!important;
  text-shadow:none!important;
  vertical-align:middle!important;
}
.bulk-folder-table tbody tr:nth-child(even) td{background:rgba(21,42,64,.96)!important;}
.bulk-folder-table tbody tr.bulk-row-ready td:last-child{color:#aef3d3!important;font-weight:900!important;}
.bulk-folder-table tbody tr.bulk-row-invalid td{color:#ffd590!important;background:rgba(76,52,24,.92)!important;opacity:1!important;}
.bulk-folder-table tbody tr.bulk-row-uploading td{color:#d5f6ff!important;background:rgba(12,73,96,.96)!important;}
.bulk-folder-table tbody tr.bulk-row-success td{color:#c9ffe4!important;background:rgba(14,73,55,.96)!important;}
.bulk-folder-table tbody tr.bulk-row-error td{color:#ffd0d8!important;background:rgba(85,31,45,.96)!important;}
.bulk-folder-table td:last-child{font-weight:900!important;white-space:nowrap!important;}

.service-plan-form{padding:15px!important;background:rgba(4,12,23,.28)!important;}
.service-plan-editor-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.8fr) minmax(270px,.72fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.service-plan-panel{
  min-width:0!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.038)!important;
}
.service-plan-panel h4{margin:0 0 12px!important;color:#f4f8ff!important;font-size:14px!important;}
.service-plan-fields{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:11px!important;
  align-items:end!important;
}
.service-plan-fields>label:not(.service-plan-active-box){display:grid!important;grid-template-columns:1fr!important;gap:6px!important;min-width:0!important;margin:0!important;}
.service-plan-fields>label>span{display:block!important;color:#dbe7f5!important;font-size:12px!important;font-weight:900!important;white-space:normal!important;}
.service-plan-fields input,.service-plan-fields select,.service-plan-fields textarea,
.service-plan-limit-box>input{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  color:#fff!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:11px!important;
}
.service-plan-fields input[type=number],.service-plan-limit-box>input[type=number]{direction:ltr!important;text-align:center!important;font-variant-numeric:tabular-nums!important;}
.service-plan-fields textarea{min-height:78px!important;resize:vertical!important;}
.service-plan-fields .span-2{grid-column:span 2!important;}
.service-plan-fields .span-all{grid-column:1/-1!important;}
.service-plan-active-box{
  grid-column:span 2!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.045)!important;
}
.service-plan-active-box input{width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;}
.service-plan-active-box span{color:#e8f0fa!important;font-weight:900!important;}
.service-plan-limits-panel{display:grid!important;gap:10px!important;}
.service-plan-limit-box{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:11px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.045)!important;
}
.service-plan-limit-box>span{display:flex!important;align-items:center!important;gap:7px!important;color:#e5eef9!important;font-size:12px!important;font-weight:900!important;}
.service-plan-limit-box input[type=checkbox]{width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;accent-color:var(--service-plan-accent)!important;}
.service-plan-actions{margin-top:13px!important;padding-top:13px!important;border-top:1px solid rgba(255,255,255,.08)!important;}

@media (max-width:1050px){
  .service-plan-editor-grid{grid-template-columns:1fr!important;}
  .service-plan-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  .bulk-folder-upload-card{padding:13px!important;}
  .bulk-folder-config{grid-template-columns:1fr!important;}
  .bulk-folder-actions{position:static!important;display:grid!important;grid-template-columns:1fr!important;}
  .bulk-folder-actions .btn{width:100%!important;justify-content:center!important;}
  .bulk-folder-table-wrap{max-height:58vh!important;margin-inline:0!important;}
  .bulk-folder-table{min-width:720px!important;font-size:12px!important;}
  .service-plan-form{padding:10px!important;}
  .service-plan-panel{padding:11px!important;}
  .service-plan-fields{grid-template-columns:1fr!important;}
  .service-plan-fields .span-2,.service-plan-fields .span-all,.service-plan-active-box{grid-column:auto!important;}
  .service-plan-active-box{width:100%!important;}
  .service-plan-limit-box{grid-template-columns:1fr 100px!important;}
}
.bulk-folder-summary.hidden,.bulk-folder-progress.hidden,.bulk-folder-table-wrap.hidden{display:none!important;}
.bulk-folder-summary:not(.hidden){display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}

/* v1.65.5 — movie title edit + one Save All for title and genre */
.movie-queue-heading{align-items:flex-start!important;gap:16px}
.movie-edit-help{margin:5px 0 0!important;line-height:1.7}
.movie-bulk-edit-toolbar{
  position:sticky;
  top:10px;
  z-index:45;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:12px 0 16px;
  padding:12px 14px;
  border:1px solid rgba(75,218,232,.24);
  border-radius:18px;
  background:rgba(8,22,39,.94);
  box-shadow:0 14px 36px rgba(0,0,0,.24);
  backdrop-filter:blur(18px);
}
.movie-bulk-edit-summary{display:flex;align-items:center;gap:10px;min-width:0}
.movie-bulk-edit-summary b{color:#fff;white-space:nowrap}
.movie-bulk-edit-summary span{color:rgba(255,255,255,.66);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.movie-bulk-edit-dirty .movie-bulk-edit-toolbar{border-color:rgba(34,211,238,.58);box-shadow:0 14px 42px rgba(34,211,238,.10)}
.movie-table-scroll{width:100%;overflow:auto;border-radius:18px}
.movie-edit-table{min-width:1080px}
.movie-edit-table th:first-child,.movie-edit-table td:first-child{min-width:260px;width:28%}
.movie-edit-table th:nth-child(2),.movie-edit-table td:nth-child(2){min-width:150px;width:16%}
.movie-title-readonly{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:230px}
.movie-title-readonly>div{min-width:0}
.movie-title-readonly b{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.movie-title-editor{display:flex;align-items:center;gap:7px;min-width:250px}
.movie-title-editor.hidden,.movie-title-readonly.hidden{display:none!important}
.movie-bulk-title-input,.movie-bulk-genre-select{
  width:100%;
  min-height:40px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(7,22,40,.88)!important;
  color:#fff!important;
}
.movie-bulk-title-input{min-width:190px}
.movie-bulk-genre-select{min-width:135px}
.movie-bulk-title-input.is-dirty,.movie-bulk-genre-select.is-dirty{
  border-color:rgba(34,211,238,.78)!important;
  box-shadow:0 0 0 3px rgba(34,211,238,.10)!important;
}
.movie-bulk-title-input.is-invalid{border-color:#fb7185!important;box-shadow:0 0 0 3px rgba(251,113,133,.14)!important}
.movie-progress-cell{min-width:190px}
.movie-save-all-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:820px){
  .movie-bulk-edit-toolbar{top:6px;flex-direction:column;align-items:stretch;padding:11px}
  .movie-bulk-edit-summary{justify-content:space-between}
  .movie-save-all{width:100%;justify-content:center}
  .movie-save-all-bottom{align-items:stretch;flex-direction:column}
  .movie-save-all-bottom .btn{width:100%;justify-content:center}
  .movie-edit-table{min-width:980px}
  .movie-title-readonly b{max-width:210px}
}

/* DialogLab v1.66.0 — safe responsive player, moderation and background tools */
.pro-video-topbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
  direction:ltr!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 14px!important;
}
.top-movie-pill{
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  direction:ltr!important;
  overflow:hidden!important;
}
.movie-title-icon{width:22px;height:22px;flex:0 0 22px;display:inline-flex}.movie-title-icon svg,.svg-action-icon svg,.home-search-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.movie-title-viewport{min-width:0;overflow:hidden;white-space:nowrap;flex:1;text-align:left;direction:ltr}
#top-movie-title{display:inline-block;max-width:none;white-space:nowrap;text-overflow:clip;will-change:transform;font-size:clamp(.83rem,1.3vw,1rem)}
.top-clip-tools{flex:0 0 auto;min-width:max-content!important}.pro-counter-pill{display:inline-flex!important;align-items:center;gap:4px;white-space:nowrap;direction:ltr;font-variant-numeric:tabular-nums}.counter-limit-part{color:#ff515f;font-weight:800}.counter-limit-part.hidden{display:none!important}
.center-transport{opacity:.62;transition:opacity .18s ease,transform .18s ease}.center-transport:hover,.center-transport:focus-within{opacity:1}.center-transport button:focus-visible,.compact-action-btn:focus-visible,.home-search-btn:focus-visible{outline:3px solid rgba(255,214,106,.9);outline-offset:3px}
.home-search-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-width:84px}.home-search-icon{position:relative;width:24px;height:24px;display:inline-flex}.home-search-icon circle,.home-search-icon path:last-child{stroke-width:2.3}.home-search-btn.is-loading{opacity:.7;pointer-events:none}.home-search-btn.is-loading .home-search-icon{animation:dialoglabPulse 1s infinite alternate}@keyframes dialoglabPulse{to{transform:scale(.88);opacity:.5}}
.svg-action-icon{width:22px;height:22px;display:inline-flex}.report-control{--control-accent:#ef3340!important}.report-control .control-icon,.report-control .control-label{color:#ff5964!important}
.load-more-clips{width:calc(100% - 16px);margin:10px 8px 14px;min-height:44px}.load-more-clips.hidden{display:none!important}
.phrase-suggest-box{position:absolute;z-index:1200;inset-inline:0;top:calc(100% + 6px);max-height:min(320px,45vh);overflow:auto;border-radius:14px;background:rgba(16,22,38,.98);border:1px solid rgba(255,255,255,.17);box-shadow:0 18px 50px rgba(0,0,0,.42)}.phrase-suggest-item{width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#fff;text-align:left;direction:ltr;cursor:pointer}.phrase-suggest-item small{color:#ffcf70;direction:rtl}.phrase-suggest-item:hover,.phrase-suggest-item.active{background:rgba(109,93,252,.24)}
.compact-modal-card{max-width:430px}.share-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-option-grid .btn:last-child{grid-column:1/-1}.share-telegram{background:#229ed9!important;color:#fff!important}.share-whatsapp{background:#1fa855!important;color:#fff!important}.modal-actions,.policy-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}.report-modal-card{max-width:520px}.report-modal-card label{display:grid;gap:7px;margin-top:12px}.report-modal-card textarea{resize:vertical}.btn.danger{background:#d92d3a!important;color:#fff!important;border-color:#ff5964!important}.btn.success{background:#137a57!important;color:#fff!important;border-color:#28ad7d!important}
.admin-more-nav{position:relative;color:inherit}.admin-more-nav summary{list-style:none;cursor:pointer;padding:.6rem .8rem;border-radius:10px}.admin-more-nav summary::-webkit-details-marker{display:none}.admin-more-nav>div{position:absolute;z-index:1000;top:calc(100% + 8px);inset-inline-end:0;width:190px;padding:8px;background:#151b2d;border:1px solid rgba(255,255,255,.15);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.4);display:grid;gap:4px}.admin-more-nav>div a{padding:8px 10px}
.v1660-admin-page{max-width:1480px;margin:0 auto;padding:18px}.admin-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.admin-page-head h1{margin:.15rem 0}.admin-count-chip{padding:8px 12px;border-radius:999px;background:rgba(109,93,252,.18);white-space:nowrap}.admin-filter-bar,.feature-card{background:rgba(15,21,36,.86);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;margin-bottom:16px}.admin-filter-bar{display:flex;align-items:end;gap:10px}.admin-filter-bar label{display:grid;gap:6px}.moderation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}.moderation-card,.nsfw-card{overflow:hidden;background:rgba(15,21,36,.9);border:1px solid rgba(255,255,255,.12);border-radius:18px}.moderation-preview{aspect-ratio:16/8;background:#090c14}.moderation-preview video{width:100%;height:100%;object-fit:contain}.blocked-preview{height:100%;display:grid;place-items:center;color:#ff5964}.moderation-body{padding:15px}.moderation-title{display:flex;justify-content:space-between;gap:12px}.moderation-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.moderation-meta div{padding:8px;border-radius:10px;background:rgba(255,255,255,.05)}.moderation-meta dt{font-size:.72rem;color:#94a3b8}.moderation-meta dd{margin:3px 0 0}.report-description{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;background:rgba(239,51,64,.07);border-inline-start:3px solid #ef3340}.moderation-form{display:grid;gap:9px}.moderation-actions,.job-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px}.moderation-actions form,.job-actions form{margin:0}.pagination-bar{display:flex;justify-content:center;gap:7px;margin:20px}.pagination-bar a,.pagination-bar span{min-width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.07)}.pagination-bar a.active{background:#6d5dfc;color:#fff}
.responsive-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.responsive-form-grid label{display:grid;gap:6px}.check-grid{display:flex;gap:14px;flex-wrap:wrap;margin:15px 0}.job-list,.feature-card{display:grid;gap:10px}.job-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,3fr) max-content max-content;align-items:center;gap:12px;padding:11px;border-radius:12px;background:rgba(255,255,255,.05)}.job-row>div:first-child{display:flex;gap:8px}.job-row progress{width:100%;height:12px}.job-error{grid-column:1/-1;color:#ff7b85;white-space:pre-wrap;overflow-wrap:anywhere}.nsfw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}.nsfw-card{padding:14px;position:relative}.risk-score{position:absolute;top:12px;inset-inline-end:12px;padding:6px 9px;border-radius:999px;background:#8d1f2a;color:#fff;font-weight:800}.finding-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.finding-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-filter-links{display:flex;gap:6px;flex-wrap:wrap}.compact-filter-links a{padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.06)}.compact-filter-links a.active{background:#6d5dfc}.hidden{display:none!important}
@media (max-width:900px){.responsive-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.job-row{grid-template-columns:1fr 1.5fr}.job-row small,.job-actions{justify-self:end}.moderation-meta{grid-template-columns:1fr 1fr}}
@media (max-width:820px){
  .pro-video-topbar{padding:8px 9px!important;gap:8px!important}.top-movie-pill{padding-inline:7px!important}.top-clip-tools{max-width:44%!important}.pro-counter-pill{font-size:.75rem!important;padding:6px 7px!important}.movie-title-icon{width:18px;height:18px;flex-basis:18px}#top-movie-title{font-size:.78rem}
  .center-transport{position:relative!important;inset:auto!important;transform:none!important;opacity:1!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:18px!important;width:100%!important;padding:10px max(12px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right))!important;background:rgba(8,12,22,.94)!important;z-index:5!important;order:3!important}
  .center-transport button{min-width:48px!important;min-height:48px!important;touch-action:manipulation}.center-transport .pro-play-button{width:58px!important;height:58px!important}
  .pro-video-shell{display:flex!important;flex-direction:column!important}.pro-video-topbar{order:1}.pro-video{order:2}.center-transport{order:3}.live-center-overlay,.smart-caption-wrap,.video-side-tools{order:2}.video-bottom-ui{order:4;position:relative!important;inset:auto!important}
  .search-inline-tools{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}.compact-action-btn{min-width:0!important;min-height:48px!important;padding:6px 3px!important}.compact-action-btn .control-label{font-size:.64rem!important}.home-search-btn{min-width:74px!important}
  .phrase-suggest-box{position:fixed;left:10px;right:10px;top:auto;bottom:calc(82px + env(safe-area-inset-bottom));max-height:45vh}.share-option-grid{grid-template-columns:1fr}.share-option-grid .btn:last-child{grid-column:auto}.auth-modal-card{max-width:calc(100vw - 22px)!important;max-height:calc(100vh - 24px);overflow:auto}
  .v1660-admin-page{padding:10px}.admin-page-head{align-items:stretch;flex-direction:column}.admin-filter-bar{align-items:stretch;flex-direction:column}.responsive-form-grid{grid-template-columns:1fr}.job-row{grid-template-columns:1fr}.job-row small,.job-actions{justify-self:start}.moderation-grid,.nsfw-grid{grid-template-columns:1fr}.moderation-meta{grid-template-columns:1fr}.section-title-row{align-items:flex-start;flex-direction:column}
}
@media (prefers-reduced-motion:reduce){#top-movie-title,.center-transport,.home-search-btn *{animation:none!important;transition:none!important}}
/* v1.66.0 — explicit physical-delete confirmation */
.admin-danger-modal-card{max-width:520px!important}.danger-text{color:#ff738c!important}.danger-confirm-copy code{direction:ltr;display:inline-block;padding:3px 7px;border-radius:8px;background:rgba(255,70,95,.12);color:#ff8195}.danger-outline{border-color:rgba(255,80,100,.48)!important;color:#ff8799!important;background:transparent!important}.danger-outline:hover,.danger-outline:focus-visible{background:rgba(255,70,95,.13)!important}
.dependency-warning,.new-report-notice{padding:9px 12px;border-radius:11px;background:rgba(255,91,105,.1);border:1px solid rgba(255,91,105,.28);color:#ff9aa6}.dependency-ok{color:#65dfae}.dependency-warning code{direction:ltr;display:inline-block}.new-report-notice{cursor:pointer}

/* v1.66.0 final player-top alignment: title is physically left, counter right.
   Higher specificity intentionally overrides legacy flex/order rules. */
html body .pro-video-topbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
  direction:ltr!important;
  justify-content:stretch!important;
}
html body .pro-video-topbar .top-movie-pill{
  grid-column:1!important;
  order:initial!important;
  margin:0!important;
  justify-self:stretch!important;
  max-width:100%!important;
}
html body .pro-video-topbar .top-clip-tools{
  grid-column:2!important;
  order:initial!important;
  margin:0!important;
  justify-self:end!important;
  justify-content:flex-end!important;
}

/* ========================================================================
   DialogLab v1.66.1 — GUI repair pack
   Restores the original search button, compact player flow, visible admin
   tools/NSFW navigation and readable responsive administration forms.
   ======================================================================== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

html body.user-mode .home-nav-link .home-nav-icon{display:inline-flex;font-size:1.18em;filter:saturate(1.3) drop-shadow(0 0 8px rgba(34,211,238,.28))}
html body.user-mode .home-nav-link.active{color:#9af4ff!important;border-color:rgba(34,211,238,.52)!important;background:rgba(15,180,205,.13)!important}

/* Admin navigation: restore every existing capability; do not hide it in More. */
html body.admin-mode .site-header.clean-header,
html body.admin-mode .site-header.pro-top-header{height:auto!important;min-height:66px!important;align-items:center!important;padding-block:8px!important;overflow:visible!important}
html body.admin-mode .site-header .top-nav,
html body.admin-mode .top-nav.clean-top-nav,
html body.admin-mode .top-nav.pro-top-nav{
  display:flex!important;flex:1 1 720px!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;
  gap:6px!important;overflow:visible!important;max-width:none!important;min-width:0!important;padding:2px!important
}
html body.admin-mode .site-header .top-nav a,
html body.admin-mode .top-nav.clean-top-nav a,
html body.admin-mode .top-nav.pro-top-nav a{
  min-width:auto!important;width:auto!important;flex:0 0 auto!important;padding:8px 10px!important;border-radius:12px!important;
  font-size:12px!important;line-height:1.2!important;white-space:nowrap!important
}
html body.admin-mode .admin-nsfw-nav{border-color:rgba(255,85,105,.32)!important;color:#ffb1ba!important}
html body.admin-mode .admin-nsfw-nav.active{background:rgba(255,70,95,.16)!important;border-color:rgba(255,85,105,.68)!important;color:#fff!important}

/* Normal player is content-driven. The video and its overlay controls are isolated
   from subtitles/search, so no absolute element can cover the next row. */
html body .pro-player-card:not(.max-view),
html body .pro-player-card:not(.max-view) .pro-player-frame,
html body .pro-player-card:not(.max-view) .player-frame{
  height:auto!important;min-height:0!important;overflow:visible!important
}
html body .pro-player-card:not(.max-view) .pro-video-shell,
html body .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
  position:relative!important;display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:0!important;
  padding:0!important;overflow:visible!important;box-sizing:border-box!important
}
html body .pro-player-card:not(.max-view) .pro-video-shell::before{display:none!important}

html body .pro-player-card:not(.max-view) .pro-video-topbar{
  position:relative!important;inset:auto!important;transform:none!important;z-index:20!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;direction:ltr!important;
  align-items:center!important;gap:8px!important;width:100%!important;min-height:42px!important;height:auto!important;
  padding:6px 10px!important;margin:0!important;background:rgba(7,17,30,.96)!important;border-bottom:1px solid rgba(255,255,255,.08)!important
}
html body .pro-player-card:not(.max-view) .top-movie-pill{
  min-width:0!important;max-width:100%!important;min-height:30px!important;height:30px!important;padding:4px 9px!important;margin:0!important;
  display:flex!important;align-items:center!important;gap:7px!important;overflow:hidden!important;border-radius:12px!important
}
html body .pro-player-card:not(.max-view) .movie-title-icon{width:17px!important;height:17px!important;flex:0 0 17px!important;font-size:15px!important;line-height:1!important}
html body .pro-player-card:not(.max-view) .movie-title-viewport{min-width:0!important;overflow:hidden!important;white-space:nowrap!important;direction:ltr!important;text-align:left!important}
html body .pro-player-card:not(.max-view) #top-movie-title{font-size:13px!important;line-height:1!important;white-space:nowrap!important;display:inline-block!important}
html body .pro-player-card:not(.max-view) .top-clip-tools{min-width:max-content!important;max-width:none!important;margin:0!important}
html body .pro-player-card:not(.max-view) .pro-counter-pill{min-height:30px!important;height:30px!important;padding:4px 10px!important;font-size:12px!important;border-radius:12px!important}

html body .pro-player-card:not(.max-view) .caption-flow-row,
html body .pro-player-card:not(.max-view) .top-fa-caption.caption-flow-row,
html body .pro-player-card:not(.max-view) #caption-wrap.caption-flow-row{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;z-index:18!important;order:initial!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:calc(100% - 24px)!important;max-width:860px!important;min-width:0!important;min-height:38px!important;height:auto!important;
  margin:7px auto!important;padding:6px 42px 6px 12px!important;border-radius:13px!important;overflow:visible!important;
  background:rgba(8,20,34,.92)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 7px 20px rgba(0,0,0,.16)!important
}
html body .pro-player-card:not(.max-view) .caption-flow-row.hidden{display:none!important}
html body .pro-player-card:not(.max-view) .caption-flow-row .smart-caption-text,
html body .pro-player-card:not(.max-view) .caption-flow-row .live-caption{
  position:relative!important;inset:auto!important;transform:none!important;display:block!important;width:100%!important;max-width:100%!important;
  min-height:0!important;height:auto!important;max-height:58px!important;overflow:auto!important;padding:0!important;margin:0!important;
  font-size:16px!important;line-height:1.45!important;text-align:center!important;background:transparent!important;border:0!important;box-shadow:none!important
}
html body .pro-player-card:not(.max-view) .top-fa-caption.caption-flow-row .smart-caption-text{font-size:14px!important;color:#eaf9ff!important;direction:rtl!important}
html body .pro-player-card:not(.max-view) #caption-wrap.caption-flow-row .smart-caption-text{direction:ltr!important;color:#fff!important}
html body .pro-player-card:not(.max-view) .caption-flow-row .caption-copy-btn{
  position:absolute!important;right:8px!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
  width:28px!important;min-width:28px!important;height:28px!important;border-radius:9px!important;z-index:2!important
}

html body .pro-player-card:not(.max-view) .video-media-area{
  position:relative!important;isolation:isolate!important;width:100%!important;aspect-ratio:16/9!important;min-height:0!important;height:auto!important;
  overflow:hidden!important;background:#05080d!important
}
html body .pro-player-card:not(.max-view) .video-media-area .pro-video,
html body .pro-player-card:not(.max-view) .video-media-area .live-video{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;object-fit:contain!important;background:#05080d!important
}
html body .pro-player-card:not(.max-view) .video-media-area .center-transport{
  position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;
  z-index:28!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:auto!important;
  padding:0!important;margin:0!important;background:transparent!important;opacity:.64!important;order:initial!important
}
html body .pro-player-card:not(.max-view) .video-media-area .center-transport:hover,
html body .pro-player-card:not(.max-view) .video-media-area .center-transport:focus-within{opacity:1!important}
html body .pro-player-card:not(.max-view) .video-media-area .center-transport .center-skip{
  width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;border-radius:15px!important;background:rgba(7,13,24,.58)!important
}
html body .pro-player-card:not(.max-view) .video-media-area .center-transport .pro-play-button{
  width:64px!important;min-width:64px!important;height:64px!important;min-height:64px!important;border-radius:50%!important;background:rgba(7,13,24,.58)!important
}
html body .pro-player-card:not(.max-view) .video-media-area .video-side-tools{
  position:absolute!important;right:12px!important;left:auto!important;bottom:12px!important;top:auto!important;transform:none!important;z-index:32!important
}
html body .pro-player-card:not(.max-view) .video-media-area .live-center-overlay{position:absolute!important;inset:0!important;z-index:16!important}

html body .pro-player-card:not(.max-view) .video-bottom-ui{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
  z-index:50!important;width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;
  gap:8px!important;padding:7px 12px 12px!important;margin:0!important;background:linear-gradient(180deg,rgba(17,29,44,.96),rgba(10,19,31,.98))!important;
  overflow:visible!important;pointer-events:auto!important
}
html body .pro-player-card:not(.max-view) .stable-search-row,
html body .pro-player-card:not(.max-view) .search-dock.in-video-search.pro-search-dock.stable-search-row{
  position:relative!important;inset:auto!important;transform:none!important;z-index:120!important;width:min(100%,760px)!important;max-width:min(100%,760px)!important;
  min-height:50px!important;height:auto!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) 116px!important;align-items:center!important;
  gap:7px!important;padding:6px!important;margin:0 auto!important;border-radius:16px!important;overflow:visible!important;background:rgba(3,12,22,.78)!important
}
html body .pro-player-card:not(.max-view) .stable-search-row #phrase-search-btn,
html body .pro-player-card:not(.max-view) .stable-search-row .phrase-search-submit{
  grid-column:1!important;display:grid!important;place-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;
  padding:0!important;margin:0!important;border-radius:13px!important
}
.search-submit-icon{display:inline-flex;width:22px;height:22px}.search-submit-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
html body .pro-player-card:not(.max-view) .search-input-stack{grid-column:2!important;position:relative!important;min-width:0!important;width:100%!important;z-index:5000!important}
html body .pro-player-card:not(.max-view) .search-input-stack>input,
html body .pro-player-card:not(.max-view) .stable-search-row input#phrase-query{
  grid-column:auto!important;width:100%!important;min-width:0!important;height:42px!important;margin:0!important;padding:7px 12px!important;
  font-size:16px!important;text-align:center!important;direction:ltr!important;border-radius:13px!important
}
html body .pro-player-card:not(.max-view) .stable-search-row .genre-filter-wrap{
  grid-column:3!important;display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;height:42px!important;padding:4px 8px!important;margin:0!important
}
html body .pro-player-card:not(.max-view) .stable-search-row .genre-filter-wrap>span{font-size:10px!important;white-space:nowrap!important}
html body .pro-player-card:not(.max-view) .stable-search-row .genre-filter{min-width:0!important;width:100%!important;height:34px!important;font-size:12px!important}

html body .pro-player-card:not(.max-view) .phrase-suggest-box{
  position:absolute!important;left:0!important;right:0!important;top:calc(100% + 7px)!important;bottom:auto!important;z-index:2147482000!important;
  width:100%!important;max-height:min(310px,45vh)!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;
  border-radius:13px!important;background:#101827!important;border:1px solid rgba(99,225,244,.36)!important;box-shadow:0 22px 50px rgba(0,0,0,.58)!important
}
html body .pro-player-card:not(.max-view) .phrase-suggest-item{min-height:42px!important;padding:9px 12px!important;font-size:14px!important}

html body .pro-player-card:not(.max-view) .stable-action-row,
html body .pro-player-card:not(.max-view) .compact-inline-actions.stable-action-row{
  position:relative!important;z-index:20!important;width:min(100%,760px)!important;max-width:min(100%,760px)!important;display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;padding:0!important;margin:0 auto!important;overflow:visible!important
}
html body .pro-player-card:not(.max-view) .stable-action-row .compact-action-btn{
  width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;padding:4px 5px!important;border-radius:13px!important;gap:5px!important
}
html body .pro-player-card:not(.max-view) .stable-action-row .control-icon{width:18px!important;height:18px!important;min-width:18px!important;font-size:17px!important}
html body .pro-player-card:not(.max-view) .stable-action-row .control-label{display:block!important;max-width:100%!important;font-size:10.5px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .pro-player-card:not(.max-view) .report-control .control-icon,
html body .pro-player-card:not(.max-view) .report-control .control-label{color:#ff6474!important}

/* Readable Tools and NSFW administration pages. */
html body.admin-mode .v1660-admin-page{width:min(1360px,calc(100vw - 28px))!important;max-width:1360px!important;margin:0 auto!important;padding:18px 0 34px!important;color:#f4f8ff!important}
html body.admin-mode .admin-page-head{padding:16px 18px!important;margin-bottom:16px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;background:rgba(7,18,32,.92)!important;backdrop-filter:blur(16px)!important}
html body.admin-mode .admin-page-head h1{color:#fff!important;font-size:clamp(24px,3vw,34px)!important;margin:3px 0 5px!important}
html body.admin-mode .admin-page-head p{color:#c8d6e6!important;margin:0!important;line-height:1.8!important}
.admin-page-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.nsfw-link-btn,.nsfw-specific-button{background:rgba(211,47,65,.17)!important;border:1px solid rgba(255,86,107,.46)!important;color:#ffd3d9!important}
html body.admin-mode .admin-tool-card,
html body.admin-mode .nsfw-start-form,
html body.admin-mode .nsfw-jobs-card,
html body.admin-mode .nsfw-queue-card,
html body.admin-mode .nsfw-model-card{
  display:block!important;padding:18px!important;margin-bottom:15px!important;border-radius:18px!important;background:rgba(7,18,32,.95)!important;
  border:1px solid rgba(119,173,216,.20)!important;box-shadow:0 15px 40px rgba(0,0,0,.23)!important;color:#eef6ff!important;opacity:1!important
}
.tool-card-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.09)}
.tool-card-heading h2{margin:0 0 4px!important;color:#fff!important;font-size:19px!important}.tool-card-heading p{margin:0!important;color:#b9c9db!important;line-height:1.7!important}
.tool-card-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:rgba(35,199,217,.12);font-size:22px}
html body.admin-mode .tools-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}
html body.admin-mode .schedule-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
html body.admin-mode .responsive-form-grid label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;min-width:0!important;margin:0!important;color:#edf5ff!important}
html body.admin-mode .field-label{display:block!important;color:#dce9f8!important;font-size:12px!important;font-weight:900!important;line-height:1.4!important}
html body.admin-mode .responsive-form-grid input,
html body.admin-mode .responsive-form-grid select,
html body.admin-mode .responsive-form-grid textarea{
  width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:9px 11px!important;
  color:#fff!important;background:#172338!important;border:1px solid rgba(173,207,235,.22)!important;border-radius:12px!important;opacity:1!important
}
html body.admin-mode .responsive-form-grid input::placeholder{color:#91a4ba!important;opacity:1!important}
html body.admin-mode .responsive-form-grid input:disabled{color:#aebaca!important;background:#111a29!important;opacity:.78!important}
html body.admin-mode .responsive-form-grid small{color:#91a7be!important;line-height:1.5!important;margin-top:0!important}
.tool-option-fieldset{margin:16px 0 0!important;padding:13px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important}
.tool-option-fieldset legend{padding:0 8px;color:#dcecff;font-weight:900;font-size:12px}
html body.admin-mode .tools-check-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:0!important}
html body.admin-mode .tools-check-grid label{display:flex!important;align-items:center!important;gap:9px!important;min-height:42px!important;padding:8px 10px!important;margin:0!important;border-radius:11px!important;background:rgba(255,255,255,.045)!important;color:#e7f0fb!important}
html body.admin-mode .tools-check-grid input[type=checkbox]{width:18px!important;min-width:18px!important;height:18px!important;margin:0!important;accent-color:#22c8db!important}
.tool-form-actions{display:flex;justify-content:flex-start;margin-top:15px}.tool-form-actions .btn{width:auto!important;min-height:44px!important;padding-inline:22px!important}
html body.admin-mode .job-list{display:grid!important;gap:9px!important}.job-identity{display:flex!important;align-items:center!important;gap:8px!important}.job-status{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.07);font-size:11px}.status-completed{color:#7ff1bb}.status-failed,.status-cancelled{color:#ff8c9a}.status-running,.status-pending{color:#79e7ff}.status-paused{color:#ffd987}

.nsfw-model-card{display:flex!important;align-items:flex-start!important;gap:13px!important}.model-status-icon{font-size:28px;line-height:1}.model-status-copy{min-width:0}.model-status-copy h2{margin:0 0 5px!important}.model-status-copy p{margin:4px 0!important}.model-status-copy small{color:#aebfd2!important}.install-command{display:block;width:max-content;max-width:100%;margin-top:9px;padding:9px 12px;border-radius:10px;background:#0b1321;color:#b8f5ff;direction:ltr;overflow:auto}
.nsfw-scan-config{display:grid;grid-template-columns:2fr 1fr;gap:13px}.nsfw-scan-config label{display:flex;flex-direction:column;gap:7px}.nsfw-scan-config input{height:44px!important;color:#fff!important;background:#172338!important;border:1px solid rgba(173,207,235,.22)!important;border-radius:12px!important;padding:9px 11px!important}.nsfw-scan-config small{color:#91a7be!important}
.nsfw-start-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px}.nsfw-start-actions .btn{width:auto!important;min-height:44px!important}
.nsfw-queue-card .section-title-row p{margin:4px 0 0;color:#aebfd2}.compact-filter-links a{color:#dce9f7!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important}.compact-filter-links a.active{background:rgba(109,93,252,.35)!important;border-color:rgba(151,139,255,.48)!important;color:#fff!important}
html body.admin-mode .nsfw-card{padding:15px!important;background:#111d30!important;border:1px solid rgba(148,190,224,.18)!important;color:#eff6ff!important;overflow:hidden!important}.nsfw-card-head{display:flex;justify-content:space-between;gap:10px;padding-inline-end:64px}.nsfw-card-head h3{margin:0!important;color:#fff!important;font-size:16px}.nsfw-card-head span{color:#8edfec;white-space:nowrap}.nsfw-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:13px 0}.nsfw-meta-grid>div{padding:8px;border-radius:10px;background:rgba(255,255,255,.045);min-width:0}.nsfw-meta-grid dt{color:#91a7be;font-size:10px}.nsfw-meta-grid dd{margin:3px 0 0;color:#eaf3fd;font-size:12px;overflow-wrap:anywhere}.no-finding-thumb{grid-column:1/-1;min-height:70px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.14);border-radius:10px;color:#91a7be}

@media (max-width:1100px){
  html body.admin-mode .site-header .top-nav,html body.admin-mode .top-nav.clean-top-nav,html body.admin-mode .top-nav.pro-top-nav{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important}
  html body.admin-mode .tools-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body.admin-mode .schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:820px){
  html body .pro-player-card:not(.max-view){padding:6px!important;border-radius:22px!important}
  html body .pro-player-card:not(.max-view) .pro-video-topbar{min-height:38px!important;padding:4px 7px!important;gap:6px!important}
  html body .pro-player-card:not(.max-view) .top-movie-pill{height:28px!important;min-height:28px!important;padding:3px 7px!important;border-radius:10px!important}
  html body .pro-player-card:not(.max-view) #top-movie-title{font-size:12px!important}
  html body .pro-player-card:not(.max-view) .pro-counter-pill{height:28px!important;min-height:28px!important;padding:3px 7px!important;font-size:11px!important;border-radius:10px!important}
  html body .pro-player-card:not(.max-view) .caption-flow-row,html body .pro-player-card:not(.max-view) .top-fa-caption.caption-flow-row,html body .pro-player-card:not(.max-view) #caption-wrap.caption-flow-row{width:calc(100% - 12px)!important;min-height:34px!important;margin:5px auto!important;padding:5px 36px 5px 9px!important;border-radius:11px!important}
  html body .pro-player-card:not(.max-view) .caption-flow-row .smart-caption-text,html body .pro-player-card:not(.max-view) .caption-flow-row .live-caption{font-size:14px!important;max-height:48px!important;line-height:1.38!important}
  html body .pro-player-card:not(.max-view) .top-fa-caption.caption-flow-row .smart-caption-text{font-size:12px!important}
  html body .pro-player-card:not(.max-view) .caption-flow-row .caption-copy-btn{right:6px!important;width:25px!important;min-width:25px!important;height:25px!important}
  html body .pro-player-card:not(.max-view) .video-media-area{aspect-ratio:16/9!important;min-height:0!important}
  html body .pro-player-card:not(.max-view) .video-media-area .center-transport{gap:8px!important;opacity:.76!important}
  html body .pro-player-card:not(.max-view) .video-media-area .center-transport .center-skip{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:13px!important}
  html body .pro-player-card:not(.max-view) .video-media-area .center-transport .pro-play-button{width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important}
  html body .pro-player-card:not(.max-view) .video-bottom-ui{padding:6px 6px 9px!important;gap:6px!important}
  html body .pro-player-card:not(.max-view) .stable-search-row,html body .pro-player-card:not(.max-view) .search-dock.in-video-search.pro-search-dock.stable-search-row{grid-template-columns:42px minmax(0,1fr) 84px!important;gap:5px!important;min-height:46px!important;padding:4px!important;border-radius:14px!important}
  html body .pro-player-card:not(.max-view) .stable-search-row #phrase-search-btn,html body .pro-player-card:not(.max-view) .stable-search-row .phrase-search-submit{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;border-radius:12px!important}
  .search-submit-icon{width:20px!important;height:20px!important}
  html body .pro-player-card:not(.max-view) .search-input-stack>input,html body .pro-player-card:not(.max-view) .stable-search-row input#phrase-query{height:38px!important;font-size:15px!important;padding:5px 8px!important;border-radius:11px!important}
  html body .pro-player-card:not(.max-view) .stable-search-row .genre-filter-wrap{height:38px!important;padding:2px 5px!important;gap:2px!important}.stable-search-row .genre-filter-wrap>span{display:none!important}
  html body .pro-player-card:not(.max-view) .stable-search-row .genre-filter{height:32px!important;font-size:11px!important}
  html body .pro-player-card:not(.max-view) .phrase-suggest-box{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 5px)!important;bottom:auto!important;max-height:38vh!important}
  html body .pro-player-card:not(.max-view) .stable-action-row,html body .pro-player-card:not(.max-view) .compact-inline-actions.stable-action-row{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}
  html body .pro-player-card:not(.max-view) .stable-action-row .compact-action-btn{height:42px!important;min-height:42px!important;padding:3px 2px!important;border-radius:11px!important;gap:2px!important;flex-direction:column!important}
  html body .pro-player-card:not(.max-view) .stable-action-row .control-icon{width:17px!important;height:17px!important;min-width:17px!important;font-size:16px!important}
  html body .pro-player-card:not(.max-view) .stable-action-row .control-label{font-size:8.5px!important;line-height:1!important}
  html body.admin-mode .v1660-admin-page{width:calc(100vw - 14px)!important;padding:8px 0 90px!important}
  html body.admin-mode .admin-page-head{padding:13px!important;flex-direction:column!important}.admin-page-head-actions{justify-content:flex-start!important}
  html body.admin-mode .tools-form-grid,html body.admin-mode .schedule-grid{grid-template-columns:1fr!important}
  html body.admin-mode .tools-check-grid{grid-template-columns:1fr!important}
  .nsfw-scan-config{grid-template-columns:1fr!important}.nsfw-start-actions{display:grid!important;grid-template-columns:1fr!important}.nsfw-start-actions .btn{width:100%!important}
  .nsfw-model-card{align-items:flex-start!important}.nsfw-meta-grid{grid-template-columns:1fr!important}
  html body.admin-mode .mobile-app-tabbar{overflow-x:auto!important;justify-content:flex-start!important}.mobile-app-tabbar>a{min-width:76px!important;flex:0 0 76px!important}
}

@media (max-width:390px){
  html body .pro-player-card:not(.max-view) .stable-action-row .control-label{font-size:7.7px!important}
  html body .pro-player-card:not(.max-view) .stable-action-row .compact-action-btn{height:40px!important;min-height:40px!important}
  html body .pro-player-card:not(.max-view) .stable-search-row,html body .pro-player-card:not(.max-view) .search-dock.in-video-search.pro-search-dock.stable-search-row{grid-template-columns:40px minmax(0,1fr) 76px!important}
}

/* v1.66.1 final ordering and admin header guard */
html body .pro-player-card:not(.max-view) .pro-video-shell > .pro-video-topbar{order:1!important}
html body .pro-player-card:not(.max-view) .pro-video-shell > .top-fa-caption.caption-flow-row{order:2!important}
html body .pro-player-card:not(.max-view) .pro-video-shell > .video-media-area{order:3!important}
html body .pro-player-card:not(.max-view) .pro-video-shell > #caption-wrap.caption-flow-row{order:4!important}
html body .pro-player-card:not(.max-view) .pro-video-shell > .video-bottom-ui{order:5!important}

@media (min-width:821px){
  html body.admin-mode .site-header.clean-header,
  html body.admin-mode .site-header.pro-top-header{
    display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;grid-template-areas:"nav actions"!important;
    align-items:start!important;gap:10px!important;direction:ltr!important;padding:8px 14px!important
  }
  html body.admin-mode .site-header .top-nav{grid-area:nav!important;justify-self:stretch!important}
  html body.admin-mode .site-header .header-actions{grid-area:actions!important;justify-self:end!important;max-width:none!important}
  html body.admin-mode .site-header .header-center-stats{display:none!important}
}

@media (max-width:820px){
  html body .pro-player-card:not(.max-view) .stable-action-row .control-label,
  html.is-mobile-layout body .pro-player-card:not(.max-view) .stable-action-row .control-label,
  html.is-mobile-layout body .pro-player-card:not(.max-view) #share-clip .control-label{display:block!important}
  html body .pro-player-card:not(.max-view) .stable-action-row .compact-action-btn{height:46px!important;min-height:46px!important}
}

/* v1.66.1 specificity fixes for legacy mobile/search rules */
html body .pro-player-card:not(.max-view) form#phrase-search-form.stable-search-row,
html.is-mobile-layout body .pro-player-card:not(.max-view) form#phrase-search-form.stable-search-row{
  overflow:visible!important;
  z-index:1000!important;
}
html body .pro-player-card:not(.max-view) form#phrase-search-form .search-input-stack{
  overflow:visible!important;
  z-index:1001!important;
}
html body .pro-player-card:not(.max-view) form#phrase-search-form #phrase-suggest-box{
  z-index:2147483000!important;
}
html body .pro-player-card:not(.max-view) .stable-action-row{z-index:10!important}

@media (min-width:821px){
  html body .pro-player-card:not(.max-view) .video-media-area{
    aspect-ratio:auto!important;
    height:clamp(420px,58vh,560px)!important;
    max-height:560px!important;
  }
}

@media (max-width:820px){
  html body .pro-player-card:not(.max-view) .stable-action-row,
  html.is-mobile-layout body .pro-player-card:not(.max-view) .stable-action-row{
    height:auto!important;min-height:0!important;padding:0!important;align-items:stretch!important
  }
  html.is-mobile-layout body .pro-player-card:not(.max-view) #toggle-fa .control-label,
  html.is-mobile-layout body .pro-player-card:not(.max-view) #toggle-en .control-label,
  html.is-mobile-layout body .pro-player-card:not(.max-view) #favorite-clip .control-label,
  html.is-mobile-layout body .pro-player-card:not(.max-view) #share-clip .control-label,
  html.is-mobile-layout body .pro-player-card:not(.max-view) #report-clip .control-label{
    display:block!important;font-size:7.5px!important;line-height:1!important;max-width:100%!important
  }
  html.is-mobile-layout body .pro-player-card:not(.max-view) #toggle-fa .control-label::after,
  html.is-mobile-layout body .pro-player-card:not(.max-view) #toggle-en .control-label::after,
  html.is-mobile-layout body .pro-player-card:not(.max-view) #favorite-clip .control-label::after,
  html.is-mobile-layout body .pro-player-card:not(.max-view) #share-clip .control-label::after,
  html.is-mobile-layout body .pro-player-card:not(.max-view) #report-clip .control-label::after{content:none!important}
  html.is-mobile-layout body .pro-player-card:not(.max-view) .stable-action-row .compact-action-btn{
    height:50px!important;min-height:50px!important;padding:4px 1px!important
  }
}

/* Remove the legacy empty second row under the mobile search bar. */
@media (max-width:820px){
  html.is-mobile-layout body .pro-player-card:not(.max-view) form#phrase-search-form.stable-search-row,
  html body .pro-player-card:not(.max-view) form#phrase-search-form.stable-search-row{
    grid-template-columns:40px minmax(0,1fr) 76px!important;
    grid-template-rows:38px!important;
    height:46px!important;min-height:46px!important;max-height:46px!important;
    padding:4px!important;gap:5px!important;box-sizing:border-box!important
  }
  html.is-mobile-layout body .pro-player-card:not(.max-view) form#phrase-search-form .genre-filter-wrap,
  html body .pro-player-card:not(.max-view) form#phrase-search-form .genre-filter-wrap{
    grid-column:3!important;grid-row:1!important;height:38px!important;min-height:38px!important;max-height:38px!important;
    padding:2px 4px!important;margin:0!important
  }
}
@media (max-width:820px){
  html.is-mobile-layout body .pro-player-card:not(.max-view) #toggle-fa .control-label,
  html.is-mobile-layout body .pro-player-card:not(.max-view) #toggle-en .control-label,
  html.is-mobile-layout body .pro-player-card:not(.max-view) #favorite-clip .control-label,
  html.is-mobile-layout body .pro-player-card:not(.max-view) #share-clip .control-label,
  html.is-mobile-layout body .pro-player-card:not(.max-view) #report-clip .control-label{
    width:100%!important;height:auto!important;min-width:0!important;min-height:7.5px!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important
  }
}


/* ===== v1.66.2 player polish follow-up ===== */
html body #playlist-counter [data-counter-limit],
html body #playlist-counter .counter-limit-part,
html body #playlist-counter .counter-limit-part b,
html body .pro-counter-pill [data-counter-limit]{
  color:#ff5b68!important;
}

html body .smart-caption-wrap,
html body #caption-wrap.smart-caption-en,
html body #fa-caption-wrap.smart-caption-fa{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  backdrop-filter:none!important;
}
html body .smart-caption-wrap{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  max-width:min(80%,720px)!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
}
html body .smart-caption-text,
html body #caption-bar,
html body #fa-caption{
  background:rgba(6,16,28,.18)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  box-shadow:none!important;
  backdrop-filter:blur(4px)!important;
  padding:10px 18px!important;
}
html body #caption-wrap.smart-caption-en .caption-copy-btn{order:2!important;display:inline-grid!important;}
html body #fa-caption-wrap.smart-caption-fa .caption-copy-btn{display:inline-grid!important;}

@media (min-width:821px){
  html body.user-mode .player-home.player-home-wide.pro-user-shell,
  html body.user-mode .pro-user-shell{padding-top:6px!important;}
  html body .live-video-shell.live-video-square,
  html body .live-video-shell.live-video-square.pro-video-shell,
  html body .pro-video-shell{
    width:min(calc(100vw - 365px),1080px)!important;
    max-width:1080px!important;
    height:min(calc((100vw - 365px) * .68),760px)!important;
    min-height:690px!important;
    max-height:760px!important;
    margin:10px auto 0!important;
    border-radius:34px!important;
    overflow:hidden!important;
  }
  html body .video-media-area{position:relative!important;height:100%!important;min-height:0!important;}
  html body .pro-video{width:100%!important;height:100%!important;object-fit:contain!important;}

  html body .pro-video-topbar{
    top:14px!important;
    left:14px!important;
    right:14px!important;
    gap:10px!important;
  }
  html body .top-movie-pill{
    flex:0 1 auto!important;
    width:auto!important;
    max-width:min(54%,560px)!important;
    padding:8px 14px!important;
    border-radius:18px!important;
    background:rgba(7,18,31,.54)!important;
  }
  html body .movie-title-viewport{min-width:0!important;overflow:hidden!important;}
  html body .top-movie-pill b{
    font-size:15px!important;
    line-height:1.2!important;
    max-width:100%!important;
  }
  html body .pro-counter-pill{
    padding:8px 14px!important;
    border-radius:18px!important;
    font-size:14px!important;
  }

  html body #fa-caption-wrap.smart-caption-fa{top:54px!important;bottom:auto!important;}
  html body #fa-caption-wrap.smart-caption-fa .smart-caption-text{
    font-size:clamp(14px,1.05vw,19px)!important;
    line-height:1.35!important;
    max-width:calc(100% - 44px)!important;
  }
  html body #caption-wrap.smart-caption-en{bottom:152px!important;top:auto!important;}
  html body #caption-wrap.smart-caption-en .smart-caption-text{
    font-size:clamp(17px,1.58vw,24px)!important;
    line-height:1.33!important;
    max-width:calc(100% - 44px)!important;
  }
  html body .caption-copy-btn{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.10)!important;
  }

  html body .video-side-tools,
  html body .pro-player-card.max-view .video-side-tools{
    position:absolute!important;
    right:18px!important;
    left:auto!important;
    top:auto!important;
    bottom:120px!important;
    transform:none!important;
    display:inline-flex!important;
    flex-direction:row!important;
    gap:8px!important;
    z-index:32!important;
  }

  html body .video-bottom-ui{
    padding:0 22px 22px!important;
    gap:9px!important;
  }
  html body .stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.compact-search-row{
    width:min(780px,72vw)!important;
    max-width:min(780px,72vw)!important;
    min-height:58px!important;
    height:auto!important;
  }
  html body .video-bottom-ui .stable-action-row,
  html body .video-bottom-ui .compact-inline-actions.stable-action-row,
  html body .stable-action-row,
  html body .compact-inline-actions.stable-action-row{
    width:min(760px,72vw)!important;
    max-width:min(760px,72vw)!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:10px!important;
  }
  html body .stable-action-row .compact-action-btn{
    height:46px!important;
    min-height:46px!important;
  }
}

@media (max-width:820px){
  html body .live-video-shell.live-video-square,
  html body .live-video-shell.live-video-square.pro-video-shell,
  html body .pro-video-shell{
    width:100%!important;
    max-width:100%!important;
    height:min(78vh, calc((100vw - 20px) * 1.22))!important;
    min-height:480px!important;
    max-height:calc(100vh - 116px)!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
  html body .pro-video-topbar{
    top:10px!important;
    left:10px!important;
    right:10px!important;
    gap:8px!important;
  }
  html body .top-movie-pill{
    max-width:66%!important;
    padding:6px 10px!important;
    border-radius:14px!important;
    background:rgba(7,18,31,.56)!important;
  }
  html body .top-movie-pill b{font-size:12.5px!important;line-height:1.15!important;}
  html body .pro-counter-pill{padding:6px 10px!important;font-size:12px!important;border-radius:14px!important;}

  html body .smart-caption-wrap{gap:6px!important;max-width:84%!important;}
  html body .smart-caption-text,
  html body #caption-bar,
  html body #fa-caption{padding:7px 12px!important;}
  html body #fa-caption-wrap.smart-caption-fa{top:48px!important;bottom:auto!important;}
  html body #fa-caption-wrap.smart-caption-fa .smart-caption-text{font-size:13px!important;line-height:1.36!important;}
  html body #caption-wrap.smart-caption-en{bottom:118px!important;top:auto!important;}
  html body #caption-wrap.smart-caption-en .smart-caption-text{font-size:15px!important;line-height:1.32!important;}
  html body .caption-copy-btn{width:26px!important;min-width:26px!important;height:26px!important;border-radius:9px!important;font-size:11px!important;}

  html body .video-side-tools,
  html body .pro-video-shell .video-side-tools,
  html body .live-video-shell .video-side-tools{
    position:absolute!important;
    right:10px!important;
    left:auto!important;
    top:auto!important;
    bottom:104px!important;
    transform:none!important;
    display:inline-flex!important;
    flex-direction:row!important;
    gap:6px!important;
    z-index:32!important;
  }
  html body .video-side-tools .clip-jump-input,
  html body .video-side-tools .clip-repeat-toggle,
  html body .video-side-tools .maximize-player-btn{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    border-radius:11px!important;
    font-size:14px!important;
  }
  html body .video-side-tools .clip-jump-input{width:40px!important;min-width:40px!important;max-width:40px!important;}

  html body .video-bottom-ui{
    width:calc(100% - 14px)!important;
    max-width:calc(100% - 14px)!important;
    bottom:8px!important;
    gap:6px!important;
    padding:0 6px 8px!important;
  }
  html body .stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.stable-search-row,
  html body .search-dock.in-video-search.pro-search-dock.compact-search-row{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:42px minmax(0,1fr) 74px!important;
    gap:6px!important;
    padding:6px!important;
  }
  html body .stable-search-row input#phrase-query,
  html body .stable-search-row input[name="q"]{height:40px!important;font-size:15px!important;padding:6px 10px!important;}
  html body .stable-search-row .genre-filter-wrap,
  html body .compact-search-row .genre-filter-wrap{height:40px!important;border-radius:13px!important;}

  html body .video-bottom-ui .stable-action-row,
  html body .video-bottom-ui .compact-inline-actions.stable-action-row,
  html body .stable-action-row,
  html body .compact-inline-actions.stable-action-row{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
  }
  html body .stable-action-row .compact-action-btn{
    height:36px!important;
    min-height:36px!important;
    border-radius:12px!important;
    padding:0 2px!important;
  }
  html body .stable-action-row .compact-action-btn .control-label{display:none!important;}
}

/* ===== v1.66.3 player enlargement + subtitle overlay + report modal polish ===== */
html body.user-mode .player-home.player-home-wide.pro-user-shell,
html body.user-mode .pro-user-shell{
  align-items:flex-start!important;
}
html body.user-mode .live-stage.live-stage-wide.pro-stage{
  justify-content:flex-start!important;
  align-items:flex-start!important;
}
html body.user-mode .pro-player-card,
html body.user-mode .pro-player-frame,
html body.user-mode .player-frame.pro-player-frame{
  width:100%!important;
  max-width:none!important;
}
html body.user-mode .pro-player-card:not(.max-view) .pro-video-shell,
html body.user-mode .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
  width:min(calc(100vw - 360px),1160px)!important;
  max-width:1160px!important;
  min-height:0!important;
  height:auto!important;
  margin:18px auto 0!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(17,29,43,.96),rgba(8,17,28,.98))!important;
}
html body.user-mode .pro-player-card:not(.max-view) .video-media-area{
  position:relative!important;
  aspect-ratio:auto!important;
  height:clamp(560px,66vh,720px)!important;
  max-height:720px!important;
  min-height:560px!important;
  overflow:hidden!important;
  background:#040910!important;
}
html body.user-mode .pro-player-card:not(.max-view) .video-media-area .pro-video,
html body.user-mode .pro-player-card:not(.max-view) .video-media-area .live-video{
  object-fit:contain!important;
  background:#040910!important;
}
html body.user-mode .pro-player-card:not(.max-view) .pro-video-topbar{
  background:transparent!important;
  border:0!important;
  padding:10px 12px 6px!important;
  min-height:0!important;
}
html body.user-mode .pro-player-card:not(.max-view) .top-movie-pill{
  max-width:min(45%,460px)!important;
  min-height:28px!important;
  height:auto!important;
  padding:5px 10px!important;
  border-radius:14px!important;
  background:rgba(7,18,31,.34)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
}
html body.user-mode .pro-player-card:not(.max-view) .top-movie-pill b,
html body.user-mode .pro-player-card:not(.max-view) #top-movie-title{
  font-size:14px!important;
  line-height:1.12!important;
}
html body.user-mode .pro-player-card:not(.max-view) .pro-counter-pill{
  min-height:28px!important;
  height:auto!important;
  padding:5px 11px!important;
  border-radius:14px!important;
  background:rgba(7,18,31,.42)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
}
html body.user-mode .pro-player-card:not(.max-view) #playlist-counter .counter-limit-part{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  color:#ff4f5f!important;
  font-weight:950!important;
}
html body.user-mode .pro-player-card:not(.max-view) #playlist-counter .counter-limit-part b{
  color:#ff4f5f!important;
}

html body.user-mode .pro-player-card:not(.max-view) .video-media-area > .smart-caption-wrap{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(calc(100% - 120px),860px)!important;
  max-width:min(calc(100% - 120px),860px)!important;
  min-width:0!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  z-index:26!important;
}
html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #fa-caption-wrap{
  top:14px!important;
  bottom:auto!important;
}
html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #caption-wrap{
  bottom:18px!important;
  top:auto!important;
}
html body.user-mode .pro-player-card:not(.max-view) .video-media-area > .smart-caption-wrap .smart-caption-text,
html body.user-mode .pro-player-card:not(.max-view) .video-media-area > .smart-caption-wrap .live-caption,
html body.user-mode .pro-player-card:not(.max-view) .video-media-area > .smart-caption-wrap #caption-bar,
html body.user-mode .pro-player-card:not(.max-view) .video-media-area > .smart-caption-wrap #fa-caption{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:11px 18px!important;
  border-radius:18px!important;
  background:rgba(7,18,31,.44)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(8px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #fa-caption-wrap .smart-caption-text{
  font-size:clamp(15px,1.1vw,20px)!important;
  line-height:1.4!important;
}
html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #caption-wrap .smart-caption-text{
  font-size:clamp(18px,1.6vw,25px)!important;
  line-height:1.35!important;
}
html body.user-mode .pro-player-card:not(.max-view) .video-media-area > .smart-caption-wrap .caption-copy-btn{
  position:absolute!important;
  left:-42px!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.22)!important;
}
html body.user-mode .pro-player-card:not(.max-view) .video-media-area .video-side-tools,
html body.user-mode .pro-player-card.max-view .video-media-area .video-side-tools,
html body.user-mode .pro-player-card:not(.max-view) .video-side-tools,
html body.user-mode .pro-player-card.max-view .video-side-tools{
  position:absolute!important;
  left:18px!important;
  right:auto!important;
  bottom:18px!important;
  top:auto!important;
  transform:none!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  z-index:32!important;
}
html body.user-mode .pro-player-card:not(.max-view) .video-side-tools .clip-jump-input,
html body.user-mode .pro-player-card:not(.max-view) .video-side-tools .clip-repeat-toggle,
html body.user-mode .pro-player-card:not(.max-view) .video-side-tools .maximize-player-btn{
  height:38px!important;
  min-height:38px!important;
  border-radius:13px!important;
  background:rgba(7,18,31,.50)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  backdrop-filter:blur(8px)!important;
}
html body.user-mode .pro-player-card:not(.max-view) .video-side-tools .clip-jump-input{
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  text-align:center!important;
}
html body.user-mode .pro-player-card:not(.max-view) .video-bottom-ui{
  padding:10px 18px 18px!important;
  gap:10px!important;
}
html body.user-mode .pro-player-card:not(.max-view) .stable-search-row,
html body.user-mode .pro-player-card:not(.max-view) .search-dock.in-video-search.pro-search-dock.stable-search-row,
html body.user-mode .pro-player-card:not(.max-view) .search-dock.in-video-search.pro-search-dock.compact-search-row{
  width:min(820px,78vw)!important;
  max-width:min(820px,78vw)!important;
}
html body.user-mode .pro-player-card:not(.max-view) .video-bottom-ui .stable-action-row,
html body.user-mode .pro-player-card:not(.max-view) .video-bottom-ui .compact-inline-actions.stable-action-row{
  width:min(800px,78vw)!important;
  max-width:min(800px,78vw)!important;
}

html body .report-modal-pro{
  max-width:560px!important;
  background:linear-gradient(180deg,rgba(8,17,30,.98),rgba(10,21,36,.98))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.42)!important;
}
html body .report-modal-head{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
html body .report-modal-badge{
  width:56px;height:56px;border-radius:18px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(255,89,100,.23),rgba(255,196,95,.18));
  border:1px solid rgba(255,115,124,.34);font-size:26px;
}
html body .report-help-row{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:14px 0 4px!important;
}
html body .report-help-row span{
  padding:7px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.10)!important;color:#d6e7f9!important;font-size:12px!important;font-weight:850!important;
}
html body .report-form-grid{display:grid!important;gap:12px!important;margin-top:8px!important}
html body .report-form-grid label{display:grid!important;gap:8px!important;margin:0!important}
html body .report-form-grid label>span{color:#f4f8ff!important;font-weight:850!important}
html body .report-form-grid select,
html body .report-form-grid textarea,
html body .report-form-grid input[name="captcha"]{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:15px!important;
  color:#fff!important;
}
html body .report-form-grid select{height:48px!important;padding:0 14px!important}
html body .report-form-grid textarea{padding:12px 14px!important;min-height:118px!important;resize:vertical!important}
html body .report-description-field{margin-top:2px!important}
html body .report-modal-actions{margin-top:16px!important}
html body .report-modal-actions .btn{min-width:118px!important;height:46px!important;border-radius:14px!important}

@media (max-width:820px){
  html body.user-mode .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    width:100%!important;
    max-width:100%!important;
    margin:12px auto 0!important;
    border-radius:26px!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area{
    height:clamp(360px,52vh,460px)!important;
    min-height:360px!important;
    max-height:460px!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .pro-video-topbar{
    padding:8px 10px 4px!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .top-movie-pill{
    max-width:58%!important;
    padding:5px 9px!important;
    border-radius:13px!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .top-movie-pill b,
  html body.user-mode .pro-player-card:not(.max-view) #top-movie-title{font-size:12px!important}
  html body.user-mode .pro-player-card:not(.max-view) .pro-counter-pill{padding:5px 9px!important;font-size:11px!important}

  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > .smart-caption-wrap{
    width:min(calc(100% - 92px),92%)!important;
    max-width:min(calc(100% - 92px),92%)!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #fa-caption-wrap{top:10px!important}
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #caption-wrap{bottom:14px!important}
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > .smart-caption-wrap .smart-caption-text,
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > .smart-caption-wrap #caption-bar,
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > .smart-caption-wrap #fa-caption{
    padding:8px 11px!important;
    border-radius:15px!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #fa-caption-wrap .smart-caption-text{font-size:13px!important}
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #caption-wrap .smart-caption-text{font-size:15px!important}
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > .smart-caption-wrap .caption-copy-btn{
    left:-34px!important;
    width:26px!important;min-width:26px!important;height:26px!important;border-radius:9px!important;font-size:11px!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-side-tools,
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area .video-side-tools{
    left:10px!important;
    bottom:14px!important;
    gap:6px!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-side-tools .clip-jump-input,
  html body.user-mode .pro-player-card:not(.max-view) .video-side-tools .clip-repeat-toggle,
  html body.user-mode .pro-player-card:not(.max-view) .video-side-tools .maximize-player-btn{
    height:32px!important;min-height:32px!important;border-radius:10px!important;font-size:13px!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-side-tools .clip-jump-input{width:40px!important;min-width:40px!important;max-width:40px!important}

  html body.user-mode .pro-player-card:not(.max-view) .video-bottom-ui{padding:8px 8px 10px!important;gap:7px!important}
  html body.user-mode .pro-player-card:not(.max-view) .stable-search-row,
  html body.user-mode .pro-player-card:not(.max-view) .search-dock.in-video-search.pro-search-dock.stable-search-row,
  html body.user-mode .pro-player-card:not(.max-view) .search-dock.in-video-search.pro-search-dock.compact-search-row,
  html body.user-mode .pro-player-card:not(.max-view) .video-bottom-ui .stable-action-row,
  html body.user-mode .pro-player-card:not(.max-view) .video-bottom-ui .compact-inline-actions.stable-action-row{
    width:100%!important;max-width:100%!important;
  }
  html body .report-modal-head{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important}
  html body .report-modal-badge{width:48px!important;height:48px!important;border-radius:16px!important;font-size:22px!important}
}

/* ===== v1.66.4 final visible player layout + cache-busted assets ===== */
html body.user-mode .content-shell{
  padding-left:18px!important;
  padding-right:18px!important;
}
@media (min-width:821px){
  html body.user-mode .player-home.player-home-wide.pro-user-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:16px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
  }
  html body.user-mode .pro-results-panel,
  html body.user-mode .playlist-panel.compact-playlist.pro-results-panel{
    width:300px!important;
    min-width:300px!important;
    max-width:300px!important;
  }
  html body.user-mode .live-stage.live-stage-wide.pro-stage,
  html body.user-mode .pro-player-card,
  html body.user-mode .pro-player-frame,
  html body.user-mode .player-frame.pro-player-frame{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    justify-content:stretch!important;
    align-items:stretch!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell,
  html body.user-mode .pro-player-card:not(.max-view) .pro-video-shell{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:18px 0 0!important;
    border-radius:34px!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area{
    width:100%!important;
    height:clamp(580px,68vh,760px)!important;
    min-height:580px!important;
    max-height:760px!important;
    aspect-ratio:auto!important;
    position:relative!important;
    overflow:hidden!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .pro-video-topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) max-content!important;
    align-items:center!important;
    padding:8px 12px 6px!important;
    background:rgba(7,18,31,.12)!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .top-movie-pill{
    justify-self:start!important;
    width:auto!important;
    max-width:min(43vw,430px)!important;
    min-width:0!important;
    height:28px!important;
    min-height:28px!important;
    padding:4px 9px!important;
    border-radius:13px!important;
    background:rgba(7,18,31,.30)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:none!important;
    backdrop-filter:blur(10px)!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .movie-title-viewport{
    flex:0 1 auto!important;
    width:auto!important;
    max-width:370px!important;
    overflow:hidden!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) #top-movie-title{
    font-size:12.5px!important;
    line-height:1!important;
    opacity:.86!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .movie-title-icon{
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
    opacity:.78!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .pro-counter-pill{
    height:28px!important;
    min-height:28px!important;
    padding:4px 10px!important;
    border-radius:13px!important;
    font-size:12px!important;
    background:rgba(7,18,31,.38)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:none!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) #playlist-counter .counter-limit-part,
  html body.user-mode .pro-player-card:not(.max-view) #playlist-counter [data-counter-limit],
  html body.user-mode .pro-player-card:not(.max-view) #playlist-counter .counter-limit-part b{
    color:#ff3347!important;
    -webkit-text-fill-color:#ff3347!important;
    font-weight:1000!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en,
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #fa-caption-wrap.smart-caption-fa{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(72%,860px)!important;
    max-width:min(72%,860px)!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    overflow:visible!important;
    z-index:26!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #fa-caption-wrap.smart-caption-fa{top:16px!important;bottom:auto!important;}
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en{bottom:18px!important;top:auto!important;}
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en.hidden,
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #fa-caption-wrap.smart-caption-fa.hidden{display:none!important;}
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en .smart-caption-text,
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #fa-caption-wrap.smart-caption-fa .smart-caption-text{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:18px!important;
    background:rgba(7,18,31,.45)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(8px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en .smart-caption-text{
    padding:12px 18px!important;
    font-size:clamp(18px,1.55vw,24px)!important;
    line-height:1.32!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #fa-caption-wrap.smart-caption-fa .smart-caption-text{
    padding:10px 16px!important;
    font-size:clamp(14px,1.05vw,19px)!important;
    line-height:1.38!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en .caption-copy-btn,
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #fa-caption-wrap.smart-caption-fa .caption-copy-btn{
    position:absolute!important;
    left:-42px!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    border-radius:11px!important;
    background:rgba(7,18,31,.45)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
    z-index:3!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area .video-side-tools,
  html body.user-mode .pro-player-card:not(.max-view) .video-side-tools{
    left:18px!important;
    right:auto!important;
    bottom:18px!important;
    top:auto!important;
    transform:none!important;
    position:absolute!important;
    z-index:34!important;
    display:inline-flex!important;
    flex-direction:row!important;
    gap:8px!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-bottom-ui{
    position:relative!important;
    padding:10px 18px 18px!important;
    background:linear-gradient(180deg,rgba(17,29,44,.96),rgba(10,19,31,.98))!important;
  }
}

@media (min-width:1400px){
  html body.user-mode .player-home.player-home-wide.pro-user-shell{
    grid-template-columns:minmax(0,1fr) 320px!important;
  }
  html body.user-mode .pro-results-panel,
  html body.user-mode .playlist-panel.compact-playlist.pro-results-panel{
    width:320px!important;min-width:320px!important;max-width:320px!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area{
    height:clamp(620px,70vh,800px)!important;
    min-height:620px!important;
    max-height:800px!important;
  }
}

@media (max-width:820px){
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en,
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #fa-caption-wrap.smart-caption-fa{
    width:min(calc(100% - 88px),86%)!important;
    max-width:min(calc(100% - 88px),86%)!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en .caption-copy-btn,
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #fa-caption-wrap.smart-caption-fa .caption-copy-btn{
    left:-33px!important;
    width:25px!important;min-width:25px!important;height:25px!important;border-radius:9px!important;
  }
}

/* ===== v1.66.8 desktop player structural layout fix ===== */
@media (min-width:1181px){
  html body.user-mode .content-shell{
    padding-left:clamp(16px,2vw,30px)!important;
    padding-right:clamp(16px,2vw,30px)!important;
  }

  html body.user-mode .player-home.player-home-wide.pro-user-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:18px!important;
    align-items:start!important;
    width:100%!important;
    max-width:1500px!important;
    margin:0 auto!important;
    padding:0!important;
  }

  html body.user-mode .pro-stage,
  html body.user-mode .live-stage.live-stage-wide.pro-stage{
    width:100%!important;
    min-width:0!important;
    align-items:stretch!important;
  }

  html body.user-mode .pro-results-panel,
  html body.user-mode .playlist-panel.compact-playlist.pro-results-panel{
    width:320px!important;
    min-width:320px!important;
    max-width:320px!important;
    max-height:calc(100vh - 112px)!important;
    min-height:calc(100vh - 112px)!important;
  }

  html body.user-mode .pro-player-card,
  html body.user-mode .pro-player-card:not(.max-view){
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:12px!important;
    overflow:visible!important;
    display:block!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .pro-player-frame,
  html body.user-mode .pro-player-card:not(.max-view) .player-frame.pro-player-frame{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:28px!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    position:relative!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:none!important;
    height:clamp(760px,calc(100vh - 145px),880px)!important;
    min-height:760px!important;
    max-height:880px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:28px!important;
    box-sizing:border-box!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .pro-video-topbar{
    grid-row:1!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:42px!important;
    margin:0!important;
    flex:0 0 auto!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .video-media-area{
    grid-row:2!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    background:#040910!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .video-media-area .pro-video,
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area .live-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;
    background:#040910!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .video-bottom-ui{
    grid-row:3!important;
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    min-height:124px!important;
    height:auto!important;
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:10px 14px 14px!important;
    margin:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    background:linear-gradient(180deg,rgba(13,24,39,.98),rgba(7,15,26,.99))!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .stable-search-row,
  html body.user-mode .pro-player-card:not(.max-view) form#phrase-search-form.stable-search-row,
  html body.user-mode .pro-player-card:not(.max-view) .search-dock.in-video-search.pro-search-dock.stable-search-row{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:min(100%,940px)!important;
    max-width:min(100%,940px)!important;
    min-height:50px!important;
    height:50px!important;
    margin:0 auto!important;
    grid-template-columns:46px minmax(0,1fr) 116px!important;
    overflow:visible!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .video-bottom-ui .stable-action-row,
  html body.user-mode .pro-player-card:not(.max-view) .video-bottom-ui .compact-inline-actions.stable-action-row{
    position:relative!important;
    width:min(100%,940px)!important;
    max-width:min(100%,940px)!important;
    min-height:42px!important;
    height:42px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
    padding:0!important;
    margin:0 auto!important;
    overflow:visible!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .stable-action-row .compact-action-btn,
  html body.user-mode .pro-player-card:not(.max-view) .compact-inline-actions.stable-action-row .compact-action-btn{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 8px!important;
    border-radius:14px!important;
    gap:6px!important;
    flex-direction:row!important;
    overflow:hidden!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .stable-action-row .compact-action-btn .control-label,
  html body.user-mode .pro-player-card:not(.max-view) .compact-inline-actions.stable-action-row .compact-action-btn .control-label{
    display:block!important;
    font-size:11px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #fa-caption-wrap.smart-caption-fa{
    top:16px!important;
    bottom:auto!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en{
    top:auto!important;
    bottom:18px!important;
  }
}

@media (min-width:821px) and (max-width:1180px){
  html body.user-mode .player-home.player-home-wide.pro-user-shell{
    grid-template-columns:1fr!important;
    max-width:980px!important;
    margin:0 auto!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    width:100%!important;
    height:clamp(680px,calc(100vh - 150px),820px)!important;
    min-height:680px!important;
    max-height:820px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-bottom-ui{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    min-height:118px!important;
    padding:9px 12px 12px!important;
    overflow:visible!important;
  }
}


/* v1.66.9 - hide center orb, move side tools bottom-right, extend player down */
@media (min-width:821px){
  html body.user-mode .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    height:clamp(800px,calc(100vh - 128px),920px)!important;
    min-height:800px!important;
    max-height:920px!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .video-bottom-ui{
    min-height:132px!important;
    padding:10px 16px 16px!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .video-media-area .center-transport{
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .18s ease!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area:hover .center-transport,
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area:focus-within .center-transport{
    opacity:.92!important;
    pointer-events:auto!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area .center-transport .pro-play-button{
    width:68px!important;
    min-width:68px!important;
    height:68px!important;
    min-height:68px!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-media-area .center-transport .center-skip{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }

  html body.user-mode .pro-player-card:not(.max-view) .video-media-area .video-side-tools,
  html body.user-mode .pro-player-card:not(.max-view) .video-side-tools{
    left:auto!important;
    right:18px!important;
    top:auto!important;
    bottom:72px!important;
    transform:none!important;
    z-index:34!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-side-tools .clip-jump-input,
  html body.user-mode .pro-player-card:not(.max-view) .video-side-tools .clip-repeat-toggle,
  html body.user-mode .pro-player-card:not(.max-view) .video-side-tools .maximize-player-btn{
    height:38px!important;
    min-height:38px!important;
    border-radius:13px!important;
    background:rgba(7,18,31,.56)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    backdrop-filter:blur(8px)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  }
  html body.user-mode .pro-player-card:not(.max-view) .video-side-tools .clip-jump-input{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    text-align:center!important;
  }
}

@media (min-width:821px) and (max-width:1180px){
  html body.user-mode .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    height:clamp(720px,calc(100vh - 136px),860px)!important;
    min-height:720px!important;
    max-height:860px!important;
  }
}


/* v1.66.10 - cache-busted final player geometry */
@media (min-width:821px){
  html body.user-mode .player-layout-v16610{
    align-items:start!important;
  }

  html body.user-mode .player-layout-v16610 .pro-player-card:not(.max-view){
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }

  html body.user-mode .player-layout-v16610 .pro-player-card:not(.max-view) .pro-player-frame,
  html body.user-mode .player-layout-v16610 .pro-player-card:not(.max-view) .player-frame.pro-player-frame{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  html body.user-mode .player-layout-v16610 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16610 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    position:relative!important;
    display:grid!important;
    grid-template-rows:42px minmax(0,1fr) 132px!important;
    width:100%!important;
    max-width:none!important;
    height:clamp(840px,calc(100vh - 112px),940px)!important;
    min-height:840px!important;
    max-height:940px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body.user-mode .player-layout-v16610 .pro-player-card:not(.max-view) .pro-video-topbar{
    grid-row:1!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
  }

  html body.user-mode .player-layout-v16610 .pro-player-card:not(.max-view) .video-media-area{
    grid-row:2!important;
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    background:#040910!important;
  }

  html body.user-mode .player-layout-v16610 .pro-player-card:not(.max-view) .video-media-area .pro-video,
  html body.user-mode .player-layout-v16610 .pro-player-card:not(.max-view) .video-media-area .live-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;
    background:#040910!important;
  }

  /* Remove only the unwanted large circular play button; keep previous/next arrows available. */
  html body.user-mode .player-layout-v16610 #big-play-button,
  html body.user-mode .player-layout-v16610 .center-transport .pro-play-button{
    display:none!important;
  }

  html body.user-mode .player-layout-v16610 .video-media-area .center-transport{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    display:grid!important;
    grid-template-columns:44px 44px!important;
    gap:22px!important;
    opacity:.42!important;
    pointer-events:auto!important;
  }
  html body.user-mode .player-layout-v16610 .video-media-area .center-transport:hover{
    opacity:.9!important;
  }
  html body.user-mode .player-layout-v16610 .video-media-area .center-transport .center-skip{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:13px!important;
  }

  /* Jump, repeat and maximize: actual lower-right corner of the video. */
  html body.user-mode .player-layout-v16610 .video-media-area .video-side-tools,
  html body.user-mode .player-layout-v16610 .video-side-tools{
    position:absolute!important;
    left:auto!important;
    right:18px!important;
    top:auto!important;
    bottom:18px!important;
    transform:none!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    z-index:40!important;
  }
  html body.user-mode .player-layout-v16610 .video-side-tools .clip-jump-input,
  html body.user-mode .player-layout-v16610 .video-side-tools .clip-repeat-toggle,
  html body.user-mode .player-layout-v16610 .video-side-tools .maximize-player-btn{
    height:38px!important;
    min-height:38px!important;
    border-radius:13px!important;
    background:rgba(7,18,31,.58)!important;
    border:1px solid rgba(255,255,255,.20)!important;
    backdrop-filter:blur(9px)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
  }
  html body.user-mode .player-layout-v16610 .video-side-tools .clip-jump-input{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    text-align:center!important;
  }

  /* Search and all five actions remain inside the extended outer box. */
  html body.user-mode .player-layout-v16610 .pro-player-card:not(.max-view) .video-bottom-ui{
    grid-row:3!important;
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    height:132px!important;
    min-height:132px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:10px 14px 14px!important;
    margin:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body.user-mode .player-layout-v16610 .stable-search-row,
  html body.user-mode .player-layout-v16610 form#phrase-search-form.stable-search-row{
    width:min(100%,940px)!important;
    max-width:min(100%,940px)!important;
    height:50px!important;
    min-height:50px!important;
    margin:0 auto!important;
  }

  html body.user-mode .player-layout-v16610 .video-bottom-ui .stable-action-row,
  html body.user-mode .player-layout-v16610 .video-bottom-ui .compact-inline-actions.stable-action-row{
    width:min(100%,940px)!important;
    max-width:min(100%,940px)!important;
    height:42px!important;
    min-height:42px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
    padding:0!important;
    margin:0 auto!important;
    overflow:hidden!important;
  }
}

@media (min-width:821px) and (max-width:1180px){
  html body.user-mode .player-layout-v16610 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16610 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    height:clamp(740px,calc(100vh - 118px),880px)!important;
    min-height:740px!important;
    max-height:880px!important;
  }
}


/* v1.66.11 - remove center transport in HTML, lock tools bottom-right, extend real player */
@media (min-width:821px){
  html body.user-mode .player-layout-v16611{
    align-items:start!important;
  }

  html body.user-mode .player-layout-v16611 .pro-player-card:not(.max-view){
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:12px!important;
    overflow:visible!important;
  }

  html body.user-mode .player-layout-v16611 .pro-player-card:not(.max-view) .pro-player-frame,
  html body.user-mode .player-layout-v16611 .pro-player-card:not(.max-view) .player-frame.pro-player-frame{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  html body.user-mode .player-layout-v16611 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16611 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    position:relative!important;
    display:grid!important;
    grid-template-rows:42px minmax(0,1fr) 132px!important;
    width:100%!important;
    max-width:none!important;
    height:clamp(900px,calc(100vh - 86px),980px)!important;
    min-height:900px!important;
    max-height:980px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body.user-mode .player-layout-v16611 .pro-player-card:not(.max-view) .pro-video-topbar{
    grid-row:1!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
  }

  html body.user-mode .player-layout-v16611 .pro-player-card:not(.max-view) .video-media-area{
    grid-row:2!important;
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    background:#040910!important;
  }

  html body.user-mode .player-layout-v16611 .video-media-area .pro-video,
  html body.user-mode .player-layout-v16611 .video-media-area .live-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;
    background:#040910!important;
  }

  /* The old middle << play >> control no longer exists in the templates. */
  html body.user-mode .player-layout-v16611 .center-transport,
  html body.user-mode .player-layout-v16611 #big-play-button,
  html body.user-mode .player-layout-v16611 #prev-clip,
  html body.user-mode .player-layout-v16611 #next-clip{
    display:none!important;
  }

  /* Clip number, repeat and maximize are locked to the real lower-right of the video. */
  html body.user-mode .player-layout-v16611 .video-media-area .video-side-tools,
  html body.user-mode .player-layout-v16611 .video-side-tools{
    position:absolute!important;
    left:auto!important;
    right:16px!important;
    top:auto!important;
    bottom:16px!important;
    transform:none!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    z-index:45!important;
    margin:0!important;
  }

  html body.user-mode .player-layout-v16611 .video-side-tools .clip-jump-input,
  html body.user-mode .player-layout-v16611 .video-side-tools .clip-repeat-toggle,
  html body.user-mode .player-layout-v16611 .video-side-tools .maximize-player-btn{
    display:inline-grid!important;
    place-items:center!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:13px!important;
    background:rgba(7,18,31,.62)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    backdrop-filter:blur(9px)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
  }

  html body.user-mode .player-layout-v16611 .video-side-tools .clip-jump-input{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    text-align:center!important;
  }

  html body.user-mode .player-layout-v16611 .video-media-area > #caption-wrap.smart-caption-en{
    bottom:18px!important;
    width:min(68%,760px)!important;
    max-width:min(68%,760px)!important;
  }

  html body.user-mode .player-layout-v16611 .pro-player-card:not(.max-view) .video-bottom-ui{
    grid-row:3!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    height:132px!important;
    min-height:132px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:10px 14px 14px!important;
    margin:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body.user-mode .player-layout-v16611 .stable-search-row,
  html body.user-mode .player-layout-v16611 form#phrase-search-form.stable-search-row{
    width:min(100%,940px)!important;
    max-width:min(100%,940px)!important;
  }

  html body.user-mode .player-layout-v16611 .video-bottom-ui .stable-action-row,
  html body.user-mode .player-layout-v16611 .video-bottom-ui .compact-inline-actions.stable-action-row{
    width:min(100%,940px)!important;
    max-width:min(100%,940px)!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
  }
}

@media (min-width:821px) and (max-width:1180px){
  html body.user-mode .player-layout-v16611 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16611 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    height:clamp(820px,calc(100vh - 78px),920px)!important;
    min-height:820px!important;
    max-height:920px!important;
  }
}


/* v1.66.11 hard lock: higher specificity than every legacy side-tool rule */
@media (min-width:821px){
  html body.user-mode .player-layout-v16611 .pro-player-card:not(.max-view) .pro-video-shell .video-media-area > .video-side-tools,
  html body.user-mode .player-layout-v16611 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell .video-media-area > .video-side-tools{
    position:absolute!important;
    left:auto!important;
    right:16px!important;
    top:auto!important;
    bottom:16px!important;
    transform:none!important;
    z-index:45!important;
  }
}


/* v1.66.12 - taller player and unclipped autocomplete portal */
html body #phrase-suggest-box.phrase-suggest-portal{
  position:fixed!important;
  inset:auto!important;
  display:grid!important;
  gap:6px!important;
  padding:10px!important;
  margin:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border-radius:15px!important;
  border:1px solid rgba(76,224,246,.42)!important;
  background:rgba(9,18,31,.985)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.62)!important;
  backdrop-filter:blur(18px)!important;
  z-index:2147483600!important;
  box-sizing:border-box!important;
}
html body #phrase-suggest-box.phrase-suggest-portal.hidden{display:none!important;}
html body #phrase-suggest-box.phrase-suggest-portal .phrase-suggest-item{
  flex:0 0 auto!important;
  min-height:42px!important;
  width:100%!important;
  border-radius:11px!important;
  padding:9px 12px!important;
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.055)!important;
}
html body #phrase-suggest-box.phrase-suggest-portal .phrase-suggest-item:hover,
html body #phrase-suggest-box.phrase-suggest-portal .phrase-suggest-item.active{
  background:rgba(30,206,234,.18)!important;
  border-color:rgba(76,224,246,.24)!important;
}

@media (min-width:821px){
  html body.user-mode .player-layout-v16612 .pro-player-card:not(.max-view){
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16612 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16612 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    grid-template-rows:42px minmax(0,1fr) 142px!important;
    height:clamp(960px,calc(100vh - 36px),1060px)!important;
    min-height:960px!important;
    max-height:1060px!important;
  }
  html body.user-mode .player-layout-v16612 .pro-player-card:not(.max-view) .video-bottom-ui{
    height:142px!important;
    min-height:142px!important;
    overflow:visible!important;
    z-index:120!important;
    padding:11px 14px 15px!important;
  }
  html body.user-mode .player-layout-v16612 .pro-player-card:not(.max-view) form#phrase-search-form.stable-search-row{
    overflow:visible!important;
    z-index:180!important;
  }
  html body.user-mode .player-layout-v16612 .pro-player-card:not(.max-view) .search-input-stack{
    overflow:visible!important;
    z-index:200!important;
  }
  html body.user-mode .player-layout-v16612 .video-media-area .pro-video,
  html body.user-mode .player-layout-v16612 .video-media-area .live-video{
    transform:scaleY(1.035)!important;
    transform-origin:center center!important;
  }
}

@media (min-width:821px) and (max-width:1180px){
  html body.user-mode .player-layout-v16612 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16612 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    height:clamp(860px,calc(100vh - 42px),980px)!important;
    min-height:860px!important;
    max-height:980px!important;
  }
}


/* v1.66.13 - remove search shell, center English caption, lower video tools */
@media (min-width:821px){
  /* Remove ONLY the large outer shell around search. Keep button, input and genre boxes. */
  html body.user-mode .player-layout-v16613 form#phrase-search-form.search-row-no-shell,
  html body.user-mode .player-layout-v16613 .stable-search-row.search-row-no-shell,
  html body.user-mode .player-layout-v16613 .search-dock.in-video-search.pro-search-dock.search-row-no-shell{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-radius:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16613 form#phrase-search-form.search-row-no-shell::before,
  html body.user-mode .player-layout-v16613 form#phrase-search-form.search-row-no-shell::after{
    display:none!important;
    content:none!important;
  }

  /* English subtitle is mathematically centered; copy button does not affect alignment. */
  html body.user-mode .player-layout-v16613 .video-media-area > #caption-wrap.smart-caption-en{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(72%,760px)!important;
    max-width:min(72%,760px)!important;
    display:block!important;
    text-align:center!important;
  }
  html body.user-mode .player-layout-v16613 .video-media-area > #caption-wrap.smart-caption-en #caption-bar,
  html body.user-mode .player-layout-v16613 .video-media-area > #caption-wrap.smart-caption-en .smart-caption-text,
  html body.user-mode .player-layout-v16613 .video-media-area > #caption-wrap.smart-caption-en .live-caption{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    text-align:center!important;
    direction:ltr!important;
    justify-content:center!important;
  }
  html body.user-mode .player-layout-v16613 .video-media-area > #caption-wrap.smart-caption-en .caption-copy-btn{
    position:absolute!important;
    left:-42px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }

  /* Jump, repeat and maximize: actual lower-right edge of the video. */
  html body.user-mode .player-layout-v16613 .pro-player-card:not(.max-view) .video-media-area > .video-side-tools,
  html body.user-mode .player-layout-v16613 .pro-player-card:not(.max-view) .pro-video-shell .video-media-area > .video-side-tools{
    position:absolute!important;
    left:auto!important;
    right:12px!important;
    top:auto!important;
    bottom:8px!important;
    transform:none!important;
    margin:0!important;
    z-index:60!important;
  }
}


/* v1.66.14 - isolated final player layout; no legacy search shell */
@media (min-width:821px){
  html body.user-mode .player-layout-v16614 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16614 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    display:grid!important;
    grid-template-rows:42px minmax(0,1fr) 138px!important;
    height:clamp(940px,calc(100vh - 46px),1040px)!important;
    min-height:940px!important;
    max-height:1040px!important;
    padding:0!important;
    overflow:hidden!important;
  }

  html body.user-mode .player-layout-v16614 .video-media-area{
    position:relative!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#040910!important;
  }

  html body.user-mode .player-layout-v16614 .video-bottom-ui{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    height:138px!important;
    min-height:138px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:10px 14px 14px!important;
    margin:0!important;
    overflow:visible!important;
    background:#07111e!important;
    background-image:none!important;
    border:0!important;
    border-top:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:0!important;
  }

  /* New search markup deliberately has none of the old search-dock classes. */
  html body.user-mode .player-layout-v16614 form.dl-search-row-v16614{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:min(100%,940px)!important;
    max-width:min(100%,940px)!important;
    height:50px!important;
    min-height:50px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 116px!important;
    align-items:center!important;
    gap:10px!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
    z-index:220!important;
  }
  html body.user-mode .player-layout-v16614 form.dl-search-row-v16614::before,
  html body.user-mode .player-layout-v16614 form.dl-search-row-v16614::after{
    content:none!important;
    display:none!important;
  }

  html body.user-mode .player-layout-v16614 .dl-search-row-v16614 #phrase-search-btn{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
  }
  html body.user-mode .player-layout-v16614 .dl-search-row-v16614 .search-input-stack{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16614 .dl-search-row-v16614 #phrase-query{
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:7px 13px!important;
    text-align:center!important;
    direction:ltr!important;
    border-radius:13px!important;
    box-sizing:border-box!important;
  }
  html body.user-mode .player-layout-v16614 .dl-search-row-v16614 .genre-filter-wrap{
    width:116px!important;
    min-width:116px!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  /* Default English subtitle is exactly centered; drag code can still override via inline styles. */
  html body.user-mode .player-layout-v16614 .video-media-area > .dl-en-caption-v16614:not(.caption-dragged){
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:18px!important;
    transform:translateX(-50%)!important;
    width:min(72%,760px)!important;
    max-width:min(72%,760px)!important;
    margin:0!important;
    text-align:center!important;
    display:block!important;
  }
  html body.user-mode .player-layout-v16614 .dl-en-caption-v16614 .dl-en-caption-text-v16614,
  html body.user-mode .player-layout-v16614 .dl-en-caption-v16614 #caption-bar{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    text-align:center!important;
    direction:ltr!important;
  }

  html body.user-mode .player-layout-v16614 .video-media-area > .dl-video-tools-v16614{
    position:absolute!important;
    left:auto!important;
    right:12px!important;
    top:auto!important;
    bottom:4px!important;
    transform:none!important;
    margin:0!important;
    z-index:70!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
  }
}

@media (min-width:821px) and (max-width:1180px){
  html body.user-mode .player-layout-v16614 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16614 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    height:clamp(840px,calc(100vh - 54px),940px)!important;
    min-height:840px!important;
    max-height:940px!important;
  }
}


/* v1.66.14 hard inline-compatible fallbacks */
@media (min-width:821px){
  html body.user-mode .player-layout-v16614 .pro-player-card:not(.max-view) .pro-video-shell > .video-bottom-ui.dl-bottom-ui-v16614,
  html body.user-mode .player-layout-v16614 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell > .video-bottom-ui.dl-bottom-ui-v16614{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-top:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding:10px 14px 14px!important;
  }
  html body.user-mode .player-layout-v16614 .pro-player-card:not(.max-view) .video-media-area > .dl-video-tools-v16614{
    right:12px!important;left:auto!important;top:auto!important;bottom:4px!important;transform:none!important;
  }
}

/* v1.66.14 final direction and mobile fallback */
html body.user-mode .player-layout-v16614 form.dl-search-row-v16614{
  direction:ltr!important;
}
html body.user-mode .player-layout-v16614 form.dl-search-row-v16614 .genre-filter-wrap,
html body.user-mode .player-layout-v16614 form.dl-search-row-v16614 .genre-filter{
  direction:ltr!important;
}
@media (max-width:820px){
  html body.user-mode .player-layout-v16614 .video-bottom-ui.dl-bottom-ui-v16614{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16614 form.dl-search-row-v16614{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-height:46px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 84px!important;
    align-items:center!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
    direction:ltr!important;
  }
  html body.user-mode .player-layout-v16614 .dl-search-row-v16614 #phrase-search-btn{
    width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;
  }
  html body.user-mode .player-layout-v16614 .dl-search-row-v16614 .search-input-stack,
  html body.user-mode .player-layout-v16614 .dl-search-row-v16614 #phrase-query{
    width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;
  }
  html body.user-mode .player-layout-v16614 .dl-search-row-v16614 .genre-filter-wrap{
    width:84px!important;min-width:84px!important;height:42px!important;min-height:42px!important;
  }
}


/* v1.66.15 - remove outer shells from captions/search and refine desktop tools */
@media (min-width:821px){
  /* Remove the extra outer shell around Persian and English subtitle bars. */
  html body.user-mode .player-layout-v16614 .video-media-area > #fa-caption-wrap.smart-caption-wrap,
  html body.user-mode .player-layout-v16614 .video-media-area > #caption-wrap.smart-caption-wrap,
  html body.user-mode .player-layout-v16614 .video-media-area > .caption-flow-row{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding:0 36px 0 0!important;
    min-height:0!important;
    overflow:visible!important;
  }

  html body.user-mode .player-layout-v16614 .video-media-area > #fa-caption-wrap.smart-caption-wrap .smart-caption-text,
  html body.user-mode .player-layout-v16614 .video-media-area > #caption-wrap.smart-caption-wrap .smart-caption-text,
  html body.user-mode .player-layout-v16614 .video-media-area > #caption-wrap.smart-caption-wrap #caption-bar,
  html body.user-mode .player-layout-v16614 .video-media-area > #caption-wrap.smart-caption-wrap .live-caption{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:10px 18px!important;
    background:rgba(7,18,31,.78)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:18px!important;
    box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  html body.user-mode .player-layout-v16614 .video-media-area > #caption-wrap.smart-caption-wrap,
  html body.user-mode .player-layout-v16614 .video-media-area > #caption-wrap.smart-caption-wrap .smart-caption-text,
  html body.user-mode .player-layout-v16614 .video-media-area > #caption-wrap.smart-caption-wrap #caption-bar,
  html body.user-mode .player-layout-v16614 .video-media-area > #caption-wrap.smart-caption-wrap .live-caption{
    text-align:center!important;
    justify-content:center!important;
  }
  html body.user-mode .player-layout-v16614 .video-media-area > #caption-wrap.smart-caption-wrap .smart-caption-text,
  html body.user-mode .player-layout-v16614 .video-media-area > #caption-wrap.smart-caption-wrap #caption-bar,
  html body.user-mode .player-layout-v16614 .video-media-area > #caption-wrap.smart-caption-wrap .live-caption{
    direction:ltr!important;
  }
  html body.user-mode .player-layout-v16614 .video-media-area > #fa-caption-wrap.smart-caption-wrap .smart-caption-text{
    direction:rtl!important;
    text-align:center!important;
  }

  html body.user-mode .player-layout-v16614 .video-media-area > #fa-caption-wrap.smart-caption-wrap .caption-copy-btn,
  html body.user-mode .player-layout-v16614 .video-media-area > #caption-wrap.smart-caption-wrap .caption-copy-btn{
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }

  /* Remove the extra outer shell around the search row. */
  html body.user-mode .player-layout-v16614 form#phrase-search-form.dl-search-row-v16614,
  html body.user-mode .player-layout-v16614 form#phrase-search-form.dl-search-row-v16614::before,
  html body.user-mode .player-layout-v16614 form#phrase-search-form.dl-search-row-v16614::after,
  html body.user-mode .player-layout-v16614 form#phrase-search-form.dl-search-row-v16614 .search-input-stack,
  html body.user-mode .player-layout-v16614 form#phrase-search-form.dl-search-row-v16614 .genre-filter-wrap{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:0!important;
  }

  /* Keep the three tools a little lower on the video edge. */
  html body.user-mode .player-layout-v16614 .video-media-area > .dl-video-tools-v16614,
  html body.user-mode .player-layout-v16614 .video-media-area > .video-side-tools{
    right:12px!important;
    left:auto!important;
    top:auto!important;
    bottom:2px!important;
    transform:none!important;
  }
}


/* v1.66.16 - align Genre with the search input */
@media (min-width:821px){
  html body.user-mode .player-layout-v16614 form#phrase-search-form.dl-search-row-v16614 .genre-filter-wrap{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    align-self:center!important;
    justify-content:stretch!important;
    gap:5px!important;
    width:116px!important;
    min-width:116px!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 7px!important;
    transform:translateY(-1px)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html body.user-mode .player-layout-v16614 form#phrase-search-form.dl-search-row-v16614 .genre-filter-wrap > span{
    display:block!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    white-space:nowrap!important;
    align-self:center!important;
    font-size:10px!important;
  }
  html body.user-mode .player-layout-v16614 form#phrase-search-form.dl-search-row-v16614 .genre-filter-wrap > .genre-filter{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 5px!important;
    align-self:center!important;
    line-height:40px!important;
    box-sizing:border-box!important;
  }
}


/* v1.66.17 - clean mobile player, in-frame captions, restored transport */

/* Desktop never shows the restored mobile-only transport. */
html body .mobile-transport-v16617{display:none!important;}

@media (max-width:820px), (pointer:coarse) and (max-width:920px){
  html.is-mobile-layout body.user-mode .player-layout-v16617 .pro-player-card,
  html.is-mobile-layout body.user-mode .player-layout-v16617 .pro-player-card:not(.max-view){
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:7px!important;
    overflow:hidden!important;
  }

  html.is-mobile-layout body.user-mode .player-layout-v16617 .pro-player-frame,
  html.is-mobile-layout body.user-mode .player-layout-v16617 .player-frame.pro-player-frame{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    border-radius:23px!important;
  }

  html.is-mobile-layout body.user-mode .player-layout-v16617 .pro-video-shell,
  html.is-mobile-layout body.user-mode .player-layout-v16617 .live-video-shell.live-video-square.pro-video-shell{
    position:relative!important;
    display:grid!important;
    grid-template-rows:44px auto auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }

  html.is-mobile-layout body.user-mode .player-layout-v16617 .pro-video-topbar{
    grid-row:1!important;
    min-height:44px!important;
    height:44px!important;
    padding:6px 9px!important;
  }

  /* The mobile video frame follows the media ratio, removing the large empty black bands. */
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area{
    grid-row:2!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;
    background:#040910!important;
    isolation:isolate!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area .pro-video,
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area .live-video{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    background:#040910!important;
  }

  /* Persian and English captions must stay inside the video frame. */
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area > #fa-caption-wrap.smart-caption-wrap,
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area > #caption-wrap.smart-caption-wrap{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    width:min(82%,390px)!important;
    max-width:82%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 30px 0 0!important;
    transform:translateX(-50%)!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
    z-index:62!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area > #fa-caption-wrap.smart-caption-wrap:not(.caption-free-pos){
    top:8px!important;
    bottom:auto!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area > #caption-wrap.smart-caption-wrap:not(.caption-free-pos){
    top:auto!important;
    bottom:8px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area > #fa-caption-wrap .smart-caption-text,
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area > #caption-wrap .smart-caption-text,
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area > #caption-wrap #caption-bar{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:34px!important;
    max-height:58px!important;
    margin:0 auto!important;
    padding:7px 10px!important;
    overflow:auto!important;
    text-align:center!important;
    font-size:clamp(13px,3.5vw,16px)!important;
    line-height:1.32!important;
    background:rgba(7,18,31,.76)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:13px!important;
    box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(7px)!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area > #fa-caption-wrap .smart-caption-text{direction:rtl!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area > #caption-wrap .smart-caption-text,
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area > #caption-wrap #caption-bar{direction:ltr!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area > #fa-caption-wrap .caption-copy-btn,
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area > #caption-wrap .caption-copy-btn{
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:25px!important;
    min-width:25px!important;
    height:25px!important;
    border-radius:9px!important;
  }

  /* Restore previous / play-pause / next only on mobile. */
  html.is-mobile-layout body.user-mode .player-layout-v16617 .mobile-transport-v16617{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    display:grid!important;
    grid-template-columns:42px 50px 42px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    opacity:.80!important;
    z-index:58!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .mobile-transport-v16617 .center-skip,
  html.is-mobile-layout body.user-mode .player-layout-v16617 .mobile-transport-v16617 .mobile-play-toggle{
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    background:rgba(5,14,25,.46)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:none!important;
    backdrop-filter:blur(8px)!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .mobile-transport-v16617 .center-skip{
    width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:13px!important;font-size:17px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .mobile-transport-v16617 .mobile-play-toggle{
    width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;border-radius:50%!important;font-size:18px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .mobile-transport-v16617 .mobile-play-toggle span{
    display:block!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;
  }

  /* Keep clip number/repeat compact in the upper-right; maximize stays hidden on mobile. */
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-media-area > .video-side-tools{
    position:absolute!important;
    top:8px!important;
    right:8px!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:inline-flex!important;
    flex-direction:row!important;
    gap:6px!important;
    z-index:66!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-side-tools .maximize-player-btn{display:none!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-side-tools .clip-jump-input,
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-side-tools .clip-repeat-toggle{
    width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;border-radius:12px!important;
  }

  /* Clean mobile search/actions: no surrounding shell and one aligned row. */
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-bottom-ui,
  html.is-mobile-layout body.user-mode .player-layout-v16617 .video-bottom-ui.dl-bottom-ui-v16614{
    grid-row:3!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:120px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:9px!important;
    margin:0!important;
    padding:10px 10px 12px!important;
    background:#07111e!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 form#phrase-search-form.dl-search-row-v16614{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-height:44px!important;
    height:44px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 88px!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
    direction:ltr!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 form#phrase-search-form::before,
  html.is-mobile-layout body.user-mode .player-layout-v16617 form#phrase-search-form::after{display:none!important;content:none!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16617 #phrase-search-btn{
    grid-column:1!important;
    width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
    margin:0!important;padding:0!important;border-radius:13px!important;transform:none!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .search-input-stack{
    grid-column:2!important;
    width:100%!important;min-width:0!important;height:44px!important;
    margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 #phrase-query{
    width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;
    margin:0!important;padding:7px 10px!important;border-radius:13px!important;text-align:center!important;direction:ltr!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .genre-filter-wrap{
    grid-column:3!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:center!important;
    width:88px!important;min-width:88px!important;height:44px!important;min-height:44px!important;
    margin:0!important;padding:0!important;transform:none!important;
    background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .genre-filter-wrap>span{display:none!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16617 .genre-filter{
    width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 9px!important;border-radius:13px!important;
  }

  html.is-mobile-layout body.user-mode .player-layout-v16617 .stable-action-row,
  html.is-mobile-layout body.user-mode .player-layout-v16617 .compact-inline-actions.stable-action-row{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:48px!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .stable-action-row .compact-action-btn{
    width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;
    margin:0!important;padding:0 4px!important;border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16617 .stable-action-row .compact-action-btn .control-label{display:none!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16617 .stable-action-row .compact-action-btn .control-icon,
  html.is-mobile-layout body.user-mode .player-layout-v16617 .stable-action-row .compact-action-btn .heart-icon{font-size:18px!important;}
}


/* v1.66.18 - header icon containment and premium subscription state */
html body:not(.auth-page) .header-ui-v16618{
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html body:not(.auth-page) .header-ui-v16618 .top-nav,
html body:not(.auth-page) .header-ui-v16618 .header-actions{
  min-width:0!important;
  box-sizing:border-box!important;
}
html body.user-mode .header-ui-v16618 .home-nav-link{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
  padding-inline:13px!important;
}
html body.user-mode .header-ui-v16618 .home-nav-link::before,
html body.user-mode .header-ui-v16618 .home-nav-link::after{
  content:none!important;
  display:none!important;
}
html body.user-mode .header-ui-v16618 .home-nav-icon{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:inline-grid!important;
  place-items:center!important;
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  font-size:17px!important;
  overflow:hidden!important;
  filter:saturate(1.18) drop-shadow(0 0 6px rgba(34,211,238,.22))!important;
}
html body:not(.auth-page) .header-ui-v16618 .header-actions.final-user-status{
  overflow:hidden!important;
  padding-inline:1px!important;
  box-sizing:border-box!important;
}
html body:not(.auth-page) .header-ui-v16618 .header-user-chip-v16618{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  max-width:190px!important;
  min-height:40px!important;
  padding:0 11px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
html body:not(.auth-page) .header-ui-v16618 .header-user-name-v16618{
  min-width:0!important;
  max-width:104px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1!important;
}
html body:not(.auth-page) .header-ui-v16618 .header-user-role-v16618{
  flex:0 0 auto!important;
  color:rgba(255,255,255,.72)!important;
  font-size:11px!important;
  line-height:1!important;
}
html body:not(.auth-page) .header-ui-v16618 .premium-user-badge-v16618{
  flex:0 0 25px!important;
  width:25px!important;
  height:25px!important;
  display:inline-grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border-radius:999px!important;
  line-height:1!important;
  font-size:14px!important;
  background:linear-gradient(135deg,rgba(250,204,21,.30),rgba(245,158,11,.20))!important;
  border:1px solid rgba(250,204,21,.46)!important;
  box-shadow:0 0 14px rgba(250,204,21,.16)!important;
  overflow:hidden!important;
}
html body:not(.auth-page) .header-ui-v16618 .header-service-dot-v16618{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 10px!important;
  width:10px!important;
  min-width:10px!important;
  height:10px!important;
  min-height:10px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  border:0!important;
  box-shadow:0 0 0 4px rgba(34,211,238,.10),0 0 12px currentColor!important;
  overflow:hidden!important;
}
html body:not(.auth-page) .header-ui-v16618 .header-service-dot-v16618.ok{background:#22d3ee!important;color:#22d3ee!important;}
html body:not(.auth-page) .header-ui-v16618 .header-service-dot-v16618.bad{background:#fb7185!important;color:#fb7185!important;}
html body:not(.auth-page) .header-ui-v16618 > .header-actions > .ffmpeg-dot{display:none!important;}

@media (max-width:820px){
  html.is-mobile-layout body:not(.auth-page) .header-ui-v16618{
    overflow:visible!important;
  }
  html.is-mobile-layout body:not(.auth-page) .header-ui-v16618 .header-user-chip-v16618{
    display:none!important;
  }
  html.is-mobile-layout body.user-mode .header-ui-v16618 .home-nav-link{
    overflow:hidden!important;
  }
}


/* v1.66.19 - professional suggestions, clearer top counter, polished mobile player */
/* ---------- Autocomplete ---------- */
html body #phrase-suggest-box.phrase-suggest-portal{
  padding:7px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(13,25,42,.985),rgba(7,16,29,.99))!important;
  border:1px solid rgba(92,226,244,.24)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(22px) saturate(1.16)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.16)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(82,211,230,.48) transparent!important;
}
html body #phrase-suggest-box.phrase-suggest-portal .phrase-suggest-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:48px!important;
  margin:0 0 5px!important;
  padding:10px 12px 10px 14px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  color:#eef8ff!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
  text-align:left!important;
  direction:ltr!important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease!important;
}
html body #phrase-suggest-box.phrase-suggest-portal .phrase-suggest-item:last-child{margin-bottom:0!important;}
html body #phrase-suggest-box.phrase-suggest-portal .phrase-suggest-item b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
}
html body #phrase-suggest-box.phrase-suggest-portal .phrase-suggest-item small{display:none!important;}
html body #phrase-suggest-box.phrase-suggest-portal .suggest-pick-icon{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  color:#8deefa!important;
  background:rgba(58,215,238,.10)!important;
  border:1px solid rgba(80,223,244,.14)!important;
  font-size:14px!important;
  line-height:1!important;
}
html body #phrase-suggest-box.phrase-suggest-portal .phrase-suggest-item:hover,
html body #phrase-suggest-box.phrase-suggest-portal .phrase-suggest-item.active,
html body #phrase-suggest-box.phrase-suggest-portal .phrase-suggest-item[aria-selected="true"]{
  background:linear-gradient(90deg,rgba(35,198,226,.16),rgba(255,255,255,.055))!important;
  border-color:rgba(73,222,243,.27)!important;
  transform:translateX(2px)!important;
}

/* ---------- Player top title and counter ---------- */
html body.user-mode .player-layout-v16619 .pro-video-topbar .top-movie-pill b,
html body.user-mode .player-layout-v16619 .pro-video-topbar #top-movie-title{
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.15!important;
}
html body.user-mode .player-layout-v16619 .pro-video-topbar .pro-counter-pill{
  min-height:34px!important;
  height:34px!important;
  padding:5px 12px!important;
  gap:5px!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body.user-mode .player-layout-v16619 .pro-video-topbar .pro-counter-pill [data-counter-current],
html body.user-mode .player-layout-v16619 .pro-video-topbar .pro-counter-pill [data-counter-total]{
  font-size:15px!important;
  line-height:1!important;
}
html body.user-mode .player-layout-v16619 .pro-video-topbar .pro-counter-pill .counter-limit-part,
html body.user-mode .player-layout-v16619 .pro-video-topbar .pro-counter-pill [data-counter-limit],
html body.user-mode .player-layout-v16619 .pro-video-topbar .pro-counter-pill .counter-limit-part b{
  font-size:17px!important;
  line-height:1!important;
  font-weight:1000!important;
}

/* ---------- Final mobile composition ---------- */
@media (max-width:820px){
  html.is-mobile-layout body.user-mode .content-shell{
    width:100%!important;
    max-width:100%!important;
    padding:6px 7px 96px!important;
    overflow-x:hidden!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619,
  html.is-mobile-layout body.user-mode .player-home.player-layout-v16619{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .pro-stage{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .pro-player-card,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .pro-player-card:not(.max-view){
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:6px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:linear-gradient(155deg,rgba(176,196,211,.42),rgba(62,79,98,.34))!important;
    border:1px solid rgba(255,255,255,.20)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.25)!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .pro-player-frame,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .player-frame.pro-player-frame{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    border-radius:19px!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .pro-video-shell,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .live-video-shell.live-video-square.pro-video-shell{
    display:grid!important;
    grid-template-rows:42px auto 122px!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border-radius:19px!important;
    overflow:hidden!important;
    background:#06101d!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .pro-video-topbar{
    grid-row:1!important;
    min-height:42px!important;
    height:42px!important;
    padding:5px 8px!important;
    gap:7px!important;
    background:linear-gradient(180deg,#0a192b,#071321)!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .top-movie-pill{
    min-height:30px!important;
    height:30px!important;
    padding:4px 8px!important;
    border-radius:11px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .pro-video-topbar .top-movie-pill b,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .pro-video-topbar #top-movie-title{
    font-size:12.5px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .pro-video-topbar .pro-counter-pill{
    min-height:30px!important;
    height:30px!important;
    padding:4px 9px!important;
    font-size:12px!important;
    border-radius:11px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .pro-video-topbar .pro-counter-pill [data-counter-current],
  html.is-mobile-layout body.user-mode .player-layout-v16619 .pro-video-topbar .pro-counter-pill [data-counter-total]{font-size:12px!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16619 .pro-video-topbar .pro-counter-pill .counter-limit-part,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .pro-video-topbar .pro-counter-pill [data-counter-limit],
  html.is-mobile-layout body.user-mode .player-layout-v16619 .pro-video-topbar .pro-counter-pill .counter-limit-part b{font-size:14px!important;}

  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area{
    grid-row:2!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;
    background:#02070d!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area .pro-video,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area .live-video{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:contain!important;
    background:#02070d!important;
  }

  /* In-frame subtitles only. */
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area > #fa-caption-wrap.smart-caption-wrap,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area > #caption-wrap.smart-caption-wrap{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    width:min(calc(100% - 66px),86%)!important;
    max-width:min(calc(100% - 66px),86%)!important;
    min-width:0!important;
    margin:0!important;
    padding:0 30px 0 0!important;
    transform:translateX(-50%)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:50!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area > #fa-caption-wrap.smart-caption-wrap:not(.caption-free-pos){top:9px!important;bottom:auto!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area > #caption-wrap.smart-caption-wrap:not(.caption-free-pos){top:auto!important;bottom:9px!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area > #fa-caption-wrap .smart-caption-text,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area > #caption-wrap .smart-caption-text,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area > #caption-wrap #caption-bar{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    max-height:54px!important;
    margin:0!important;
    padding:7px 10px!important;
    overflow:auto!important;
    border-radius:12px!important;
    background:rgba(5,14,25,.72)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.20)!important;
    font-size:13px!important;
    line-height:1.35!important;
    text-align:center!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area > #caption-wrap .smart-caption-text,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area > #caption-wrap #caption-bar{font-size:14px!important;direction:ltr!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area > #fa-caption-wrap .caption-copy-btn,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area > #caption-wrap .caption-copy-btn{
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:27px!important;
    min-width:27px!important;
    height:27px!important;
    border-radius:9px!important;
    font-size:12px!important;
  }

  /* Visible, balanced previous / play-pause / next controls. */
  html.is-mobile-layout body.user-mode .player-layout-v16619 .mobile-transport-v16617{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    z-index:45!important;
    display:grid!important;
    grid-template-columns:42px 54px 42px!important;
    align-items:center!important;
    gap:8px!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    opacity:.88!important;
    pointer-events:auto!important;
    background:transparent!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .mobile-transport-v16617 .center-skip,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .mobile-transport-v16617 .mobile-play-toggle{
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    background:rgba(5,14,25,.58)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
    backdrop-filter:blur(9px)!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .mobile-transport-v16617 .center-skip{
    width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:13px!important;font-size:16px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .mobile-transport-v16617 .mobile-play-toggle{
    width:54px!important;min-width:54px!important;height:54px!important;min-height:54px!important;border-radius:50%!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .mobile-transport-v16617 .mobile-play-toggle span{font-size:18px!important;line-height:1!important;}

  /* Clip/repeat tools stay small and away from captions. */
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-media-area > .video-side-tools{
    position:absolute!important;
    top:8px!important;
    right:8px!important;
    left:auto!important;
    bottom:auto!important;
    display:inline-flex!important;
    gap:5px!important;
    z-index:55!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-side-tools .maximize-player-btn{display:none!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-side-tools .clip-jump-input,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-side-tools .clip-repeat-toggle{
    width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;border-radius:11px!important;font-size:13px!important;
  }

  /* Search row and action row are separate; no overlap is possible. */
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-bottom-ui,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .video-bottom-ui.dl-bottom-ui-v16614{
    grid-row:3!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    height:122px!important;
    min-height:122px!important;
    display:grid!important;
    grid-template-rows:48px 56px!important;
    align-content:center!important;
    gap:8px!important;
    padding:7px 8px 9px!important;
    margin:0!important;
    overflow:visible!important;
    background:linear-gradient(180deg,#091725,#06111d)!important;
    border:0!important;
    box-shadow:none!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 form#phrase-search-form.dl-search-row-v16614{
    grid-row:1!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    height:48px!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 84px!important;
    grid-template-rows:48px!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    direction:ltr!important;
    background:transparent!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 form#phrase-search-form::before,
  html.is-mobile-layout body.user-mode .player-layout-v16619 form#phrase-search-form::after{display:none!important;content:none!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16619 #phrase-search-btn{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;
    margin:0!important;padding:0!important;border-radius:14px!important;transform:none!important;z-index:2!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .search-input-stack{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important;
    margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 #phrase-query{
    width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important;
    margin:0!important;padding:7px 10px!important;border-radius:14px!important;text-align:center!important;direction:ltr!important;font-size:16px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .genre-filter-wrap{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    display:block!important;
    width:84px!important;min-width:84px!important;height:46px!important;min-height:46px!important;
    margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .genre-filter-wrap>span{display:none!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16619 .genre-filter{
    display:block!important;
    width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important;
    margin:0!important;padding:0 8px!important;border-radius:14px!important;font-size:13px!important;
  }

  html.is-mobile-layout body.user-mode .player-layout-v16619 .stable-action-row,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .compact-inline-actions.stable-action-row{
    grid-row:2!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:56px!important;
    min-height:56px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .stable-action-row .compact-action-btn{
    width:100%!important;min-width:0!important;height:56px!important;min-height:56px!important;
    margin:0!important;padding:5px 2px!important;border-radius:14px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
    background:rgba(255,255,255,.052)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .stable-action-row .compact-action-btn .control-label{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:800!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .stable-action-row .compact-action-btn .control-icon,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .stable-action-row .compact-action-btn .heart-icon,
  html.is-mobile-layout body.user-mode .player-layout-v16619 .stable-action-row .compact-action-btn .svg-action-icon{
    width:20px!important;
    min-width:20px!important;
    height:20px!important;
    font-size:19px!important;
    line-height:1!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16619 .stable-action-row .compact-action-btn svg{width:18px!important;height:18px!important;}

  /* Refined bottom navigation proportions. */
  html.is-mobile-layout body:not(.auth-page) .mobile-app-tabbar{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
    min-height:68px!important;
    padding:6px!important;
    border-radius:22px!important;
    gap:3px!important;
  }
  html.is-mobile-layout body:not(.auth-page) .mobile-app-tabbar a{
    min-height:54px!important;
    border-radius:17px!important;
    padding:5px 2px!important;
    gap:2px!important;
  }
  html.is-mobile-layout body:not(.auth-page) .mobile-app-tabbar a span{font-size:19px!important;line-height:1!important;}
  html.is-mobile-layout body:not(.auth-page) .mobile-app-tabbar a b{font-size:9.5px!important;line-height:1.1!important;}
}

/* v1.66.20 - Kavenegar SMS authentication */
.sms-auth-shell{min-height:calc(100vh - 140px)!important;display:grid!important;place-items:center!important;padding:28px 12px!important;}
.sms-auth-card{width:min(100%,540px)!important;overflow:visible!important;}
.sms-auth-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
.sms-auth-tabs .auth-tab{text-align:center!important;justify-content:center!important;padding:10px 8px!important;white-space:nowrap!important;}
.sms-auth-links{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.10);}
.sms-auth-links a{color:#83edf7;font-weight:850;text-decoration:none;font-size:13px;}
.sms-auth-links a:hover{text-decoration:underline;}
.modal-sms-links{margin-top:12px;}
.sms-security-note{margin-top:14px;padding:10px 12px;border-radius:14px;background:rgba(72,217,237,.08);border:1px solid rgba(72,217,237,.15);color:rgba(231,249,255,.78);font-size:12px;line-height:1.9;text-align:center;}
.sms-config-warning{margin:12px 0;padding:11px 13px;border-radius:14px;background:rgba(255,188,79,.11);border:1px solid rgba(255,188,79,.25);color:#ffe0a1;font-weight:800;line-height:1.8;text-align:center;}
.sms-code-field input{font-size:30px!important;letter-spacing:.35em!important;text-align:center!important;direction:ltr!important;font-weight:950!important;font-variant-numeric:tabular-nums!important;}
.sms-resend-form{display:flex;justify-content:center;margin-top:10px;}
.sms-resend-form .btn{min-width:170px;}
.sms-verify-card .auth-modal-head b{color:#78eaf5;font-variant-numeric:tabular-nums;}
@media(max-width:640px){
  .sms-auth-shell{padding:12px 8px 92px!important;align-items:start!important;}
  .sms-auth-card{padding:20px 15px!important;border-radius:24px!important;}
  .sms-auth-tabs{grid-template-columns:1fr!important;}
  .sms-auth-tabs .auth-tab{min-height:42px!important;}
  .sms-auth-links{flex-direction:column;align-items:stretch;text-align:center;}
  .sms-code-field input{font-size:26px!important;letter-spacing:.25em!important;}
}


/* v1.66.23 - resilient eNamad trust seal footer */
html body .site-trust-footer-v16623{
  position:relative;
  z-index:8;
  width:100%;
  margin:12px 0 0;
  padding:18px 16px 26px;
  direction:rtl;
  text-align:center;
}
html body .site-trust-footer-v16623 .site-trust-footer-inner{
  width:min(100%,1680px);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
}
html body .site-trust-footer-v16623 .site-trust-footer-caption{
  color:rgba(232,244,255,.82);
  font-size:12px;
  font-weight:800;
  line-height:1.4;
  text-shadow:0 1px 8px rgba(0,0,0,.48);
}
html body .site-trust-footer-v16623 .enamad-trust-link{
  display:grid;
  place-items:center;
  width:112px;
  height:112px;
  min-height:112px;
  padding:8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
html body .site-trust-footer-v16623 .enamad-trust-link:hover,
html body .site-trust-footer-v16623 .enamad-trust-link:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(34,211,238,.55);
  box-shadow:0 16px 34px rgba(0,0,0,.24);
}
html body .site-trust-footer-v16623 .enamad-trust-logo{
  display:block;
  width:96px;
  max-width:100%;
  height:96px;
  max-height:96px;
  object-fit:contain;
  border:0;
}
@media (max-width:820px){
  html body .site-trust-footer-v16623{
    margin-top:8px;
    padding:14px 10px calc(112px + env(safe-area-inset-bottom));
  }
  html body.auth-page .site-trust-footer-v16623{
    padding-bottom:28px;
  }
  html body .site-trust-footer-v16623 .enamad-trust-link{
    width:104px;
    height:104px;
    min-height:104px;
    border-radius:18px;
  }
  html body .site-trust-footer-v16623 .enamad-trust-logo{
    width:90px;
    height:90px;
    max-height:90px;
  }
}


/* v1.66.24 - configurable Contact Us button, popup and admin settings */
html body .contact-us-header-btn-v16624{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap!important;cursor:pointer!important;}
html body .contact-us-header-btn-v16624 > span:first-child{font-size:16px!important;line-height:1!important;}
html body.contact-us-modal-open-v16624{overflow:hidden!important;}
html body .contact-us-modal-v16624{align-items:center!important;justify-content:center!important;padding:18px!important;z-index:2147483000!important;background:rgba(2,8,18,.74)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;}
html body .contact-us-modal-v16624.hidden{display:none!important;}
html body .contact-us-modal-card-v16624{position:relative!important;width:min(100%,620px)!important;max-height:min(78vh,680px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:18px!important;padding:26px!important;border:1px solid rgba(111,225,242,.28)!important;border-radius:24px!important;background:linear-gradient(160deg,rgba(14,31,49,.98),rgba(6,17,30,.99))!important;box-shadow:0 30px 90px rgba(0,0,0,.56)!important;color:#f5fbff!important;direction:rtl!important;text-align:right!important;}
html body .contact-us-modal-close-v16624{top:14px!important;left:14px!important;right:auto!important;}
html body .contact-us-modal-head-v16624{display:flex!important;align-items:center!important;gap:13px!important;padding-left:42px!important;}
html body .contact-us-modal-head-v16624 h2{margin:3px 0 0!important;font-size:24px!important;}
html body .contact-us-modal-icon-v16624{display:grid!important;place-items:center!important;flex:0 0 50px!important;width:50px!important;height:50px!important;border-radius:16px!important;background:rgba(44,211,231,.13)!important;border:1px solid rgba(74,226,241,.34)!important;font-size:23px!important;}
html body .contact-us-modal-text-v16624{min-height:90px!important;max-height:48vh!important;overflow:auto!important;padding:18px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:17px!important;background:rgba(255,255,255,.045)!important;color:#eef8ff!important;font-size:15px!important;line-height:2!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;unicode-bidi:plaintext!important;}
html body .contact-us-modal-actions-v16624{display:flex!important;justify-content:flex-end!important;}
html body .contact-settings-block-v16624{padding:22px!important;border:1px solid rgba(80,218,238,.20)!important;border-radius:20px!important;background:rgba(20,44,62,.28)!important;}
html body .contact-settings-block-v16624 .card-header{align-items:flex-start!important;gap:12px!important;}
html body .contact-us-admin-toggle{margin:16px 0!important;}
html body .contact-us-admin-text-field{display:flex!important;flex-direction:column!important;gap:8px!important;}
html body .contact-us-admin-text-field textarea{width:100%!important;min-height:170px!important;resize:vertical!important;direction:rtl!important;text-align:right!important;line-height:1.8!important;}
@media (max-width:820px){
  html body .contact-us-header-btn-v16624{min-height:38px!important;padding:0 11px!important;font-size:11px!important;}
  html body .contact-us-modal-v16624{padding:12px!important;align-items:flex-end!important;}
  html body .contact-us-modal-card-v16624{width:100%!important;max-height:82vh!important;padding:20px 16px calc(20px + env(safe-area-inset-bottom))!important;gap:14px!important;border-radius:24px 24px 16px 16px!important;}
  html body .contact-us-modal-head-v16624 h2{font-size:21px!important;}
  html body .contact-us-modal-icon-v16624{width:44px!important;height:44px!important;flex-basis:44px!important;font-size:20px!important;}
  html body .contact-us-modal-text-v16624{font-size:14px!important;line-height:1.9!important;padding:15px!important;max-height:52vh!important;}
  html body .contact-us-modal-actions-v16624 .btn{width:100%!important;}
  html body .contact-settings-block-v16624{padding:16px!important;}
}

/* v1.66.25 - unified auth, sticky title, mobile player polish, moderation and word filtering */
html body .site-product-title-v16625{
  position:sticky;
  top:0;
  z-index:214748200;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px 16px;
  background:linear-gradient(90deg,rgba(5,20,34,.98),rgba(12,42,62,.98),rgba(5,20,34,.98));
  border-bottom:1px solid rgba(103,232,249,.22);
  color:#ecfbff;
  font-size:14px;
  font-weight:900;
  line-height:1.35;
  text-align:center;
  text-shadow:0 1px 8px rgba(0,0,0,.45);
  box-shadow:0 5px 18px rgba(0,0,0,.16);
}
html body:not(.auth-page) .site-header{
  position:sticky!important;
  top:40px!important;
  z-index:214748100!important;
}
html body .content-compliance-note-v16625{
  width:min(100%,980px)!important;
  margin:12px auto 0!important;
  padding:0 12px!important;
  color:#d32f2f!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.4!important;
  text-align:center!important;
  direction:rtl!important;
}

/* Unified authentication portal */
html body.auth-page .auth-content-shell{
  width:100%!important;
  max-width:none!important;
  padding:24px 18px 36px!important;
}
html body .auth-unified-shell.auth-portal-v16625{
  width:min(1180px,100%);
  min-height:calc(100vh - 150px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  gap:20px;
  align-items:stretch;
  direction:ltr;
}
html body .auth-showcase-v16625,
html body .auth-portal-card-v16625{
  min-width:0;
  border:1px solid rgba(122,226,242,.23);
  border-radius:28px;
  background:linear-gradient(155deg,rgba(13,32,49,.96),rgba(5,16,28,.98));
  box-shadow:0 22px 64px rgba(0,0,0,.3);
  overflow:hidden;
}
html body .auth-showcase-v16625{
  position:relative;
  min-height:650px;
  direction:rtl;
}
html body .auth-showcase-track-v16625,
html body .auth-showcase-slide-v16625{
  position:absolute;
  inset:0;
}
html body .auth-showcase-slide-v16625{
  opacity:0;
  visibility:hidden;
  transition:opacity .45s ease,visibility .45s ease;
  background:#06121e;
}
html body .auth-showcase-slide-v16625.active{opacity:1;visibility:visible;}
html body .auth-showcase-slide-v16625::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 35%,rgba(2,10,20,.93) 100%);
  pointer-events:none;
}
html body .auth-showcase-slide-v16625 img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
html body .auth-showcase-security-v16625 img{transform:scale(1.08);}
html body .auth-showcase-slide-v16625>div{
  position:absolute;
  z-index:2;
  left:28px;
  right:28px;
  bottom:54px;
  display:grid;
  gap:8px;
  color:#fff;
}
html body .auth-showcase-slide-v16625 b{font-size:27px;line-height:1.4;}
html body .auth-showcase-slide-v16625 span{font-size:14px;line-height:1.9;color:rgba(237,249,255,.82);}
html body .auth-showcase-dots-v16625{
  position:absolute;
  z-index:4;
  left:0;
  right:0;
  bottom:20px;
  display:flex;
  justify-content:center;
  gap:8px;
}
html body .auth-showcase-dots-v16625 button{
  width:9px;
  height:9px;
  min-width:9px;
  min-height:9px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.38);
  cursor:pointer;
}
html body .auth-showcase-dots-v16625 button.active{width:28px;background:#45d9ec;}
html body .auth-portal-card-v16625{
  direction:rtl;
  padding:28px;
  overflow:visible;
}
html body .auth-portal-head-v16625{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:20px;
}
html body .auth-brand-mark-v16625{
  width:52px;
  min-width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:linear-gradient(145deg,#1cc6df,#5277ff);
  color:#fff;
  font-weight:950;
  box-shadow:0 10px 24px rgba(38,198,218,.24);
}
html body .auth-portal-head-v16625 h1{margin:0 0 5px;font-size:25px;line-height:1.35;color:#f4fbff;}
html body .auth-portal-head-v16625 p{margin:0;color:rgba(227,241,250,.7);font-size:13px;}
html body .auth-method-tabs-v16625{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-bottom:18px;
  padding:5px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:17px;
  background:rgba(255,255,255,.04);
}
html body .auth-method-tabs-v16625 button{
  min-height:46px;
  padding:8px 6px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:rgba(230,242,250,.68);
  font-weight:850;
  cursor:pointer;
}
html body .auth-method-tabs-v16625 button.active{
  color:#05131f;
  background:linear-gradient(145deg,#7eeaf4,#54cddd);
  box-shadow:0 8px 20px rgba(58,207,224,.2);
}
html body .auth-method-panel-v16625{display:none;}
html body .auth-method-panel-v16625.active{display:block;animation:authPanelInV16625 .2s ease;}
@keyframes authPanelInV16625{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
html body .auth-portal-form-v16625{display:grid;gap:13px;}
html body .auth-portal-form-v16625 label{display:grid;gap:6px;color:#dff4fa;font-size:12px;font-weight:800;}
html body .auth-portal-form-v16625 input:not([type="checkbox"]){width:100%;min-height:46px;border-radius:14px;}
html body .auth-register-grid-v16625{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
html body .auth-portal-form-v16625 .btn.large{min-height:48px;border-radius:15px;}
html body .auth-forgot-link-v16625{display:block;margin-top:13px;text-align:center;color:#74e4f0;font-size:13px;font-weight:800;text-decoration:none;}
html body .auth-forgot-link-v16625:hover{text-decoration:underline;}
html body .auth-security-note-v16625{margin:14px 0 0;padding:10px 12px;border-radius:13px;background:rgba(84,205,221,.08);color:rgba(228,244,250,.75);font-size:12px;line-height:1.8;text-align:center;}

/* Word Filtering admin */
html body .word-filter-summary-v16625{display:flex;gap:8px;flex-wrap:wrap;}
html body .word-filter-summary-v16625 span{min-width:86px;padding:9px 12px;border-radius:14px;background:rgba(92,220,237,.1);border:1px solid rgba(92,220,237,.18);text-align:center;}
html body .word-filter-summary-v16625 b{display:block;font-size:21px;color:#71e4ef;}
html body .word-filter-add-form-v16625{display:grid;gap:12px;}
html body .word-filter-add-form-v16625 label{display:grid;gap:7px;}
html body .word-filter-add-form-v16625 textarea{width:100%;min-height:150px;resize:vertical;direction:auto;}
html body .word-filter-form-help-v16625{font-size:12px;line-height:1.9;color:rgba(224,241,249,.72);}
html body .word-filter-form-help-v16625 code{direction:ltr;display:inline-block;padding:1px 6px;border-radius:7px;background:rgba(255,255,255,.08);}
html body .word-filter-search-v16625 label{flex:1;min-width:min(100%,280px);}
html body .word-filter-search-v16625 input{width:100%;}
html body .word-filter-table-wrap-v16625{overflow:auto;border-radius:16px;border:1px solid rgba(255,255,255,.09);}
html body .word-filter-table-v16625{width:100%;border-collapse:collapse;min-width:760px;}
html body .word-filter-table-v16625 th,
html body .word-filter-table-v16625 td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.07);text-align:right;vertical-align:middle;}
html body .word-filter-table-v16625 th{font-size:12px;color:#80e8f2;background:rgba(255,255,255,.04);position:sticky;top:0;}
html body .word-filter-table-v16625 td:first-child{max-width:360px;overflow-wrap:anywhere;}
html body .word-filter-table-v16625 td:first-child small{display:block;margin-top:4px;color:rgba(220,238,247,.48);font-size:10px;direction:ltr;text-align:left;}
html body .word-filter-row-actions-v16625{display:flex;gap:6px;flex-wrap:wrap;}
html body .word-filter-row-actions-v16625 form{margin:0;}
html body .moderation-actions-v16625{padding-top:10px;border-top:1px solid rgba(255,255,255,.08);}

/* Keep the real footer in document flow; never overlay the player. */
html body .site-trust-footer-v16623{
  position:relative!important;
  inset:auto!important;
  clear:both!important;
  transform:none!important;
  pointer-events:auto!important;
}

/* Mobile: compact title, remove empty top header and rebuild player controls. */
@media (max-width:820px){
  html body .site-product-title-v16625{
    min-height:36px;
    padding:6px 10px;
    font-size:11px;
    line-height:1.35;
  }
  html body:not(.auth-page) .site-header{display:none!important;}
  html body:not(.auth-page) .content-shell{padding-top:8px!important;}
  html body.auth-page .auth-content-shell{padding:10px 8px 24px!important;}
  html body .auth-unified-shell.auth-portal-v16625{
    min-height:0;
    grid-template-columns:1fr;
    gap:10px;
  }
  html body .auth-showcase-v16625{min-height:220px;border-radius:20px;}
  html body .auth-showcase-slide-v16625>div{left:18px;right:18px;bottom:35px;gap:3px;}
  html body .auth-showcase-slide-v16625 b{font-size:18px;}
  html body .auth-showcase-slide-v16625 span{font-size:11px;line-height:1.55;}
  html body .auth-showcase-dots-v16625{bottom:12px;}
  html body .auth-portal-card-v16625{padding:18px 13px 20px;border-radius:21px;}
  html body .auth-portal-head-v16625{margin-bottom:14px;}
  html body .auth-brand-mark-v16625{width:44px;min-width:44px;height:44px;border-radius:14px;}
  html body .auth-portal-head-v16625 h1{font-size:19px;}
  html body .auth-portal-head-v16625 p{font-size:11px;}
  html body .auth-method-tabs-v16625{gap:4px;padding:4px;border-radius:14px;}
  html body .auth-method-tabs-v16625 button{min-height:42px;padding:6px 3px;border-radius:11px;font-size:11px;}
  html body .auth-register-grid-v16625{grid-template-columns:1fr;gap:10px;}
  html body .auth-portal-form-v16625{gap:11px;}
  html body .auth-portal-form-v16625 input:not([type="checkbox"]){min-height:44px;font-size:16px;}

  html.is-mobile-layout body.user-mode .player-layout-v16625,
  html body.user-mode .player-layout-v16625{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:6px!important;
    display:block!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .pro-stage,
  html body.user-mode .player-layout-v16625 .pro-stage{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .pro-player-card,
  html body.user-mode .player-layout-v16625 .pro-player-card{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
    background:#06111d!important;
    border:1px solid rgba(130,223,237,.2)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .pro-player-frame,
  html body.user-mode .player-layout-v16625 .pro-player-frame{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .pro-video-shell,
  html body.user-mode .player-layout-v16625 .pro-video-shell{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:grid!important;
    grid-template-rows:46px auto auto!important;
    overflow:visible!important;
    padding:0!important;
    border-radius:0!important;
    background:#06111d!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .pro-video-topbar,
  html body.user-mode .player-layout-v16625 .pro-video-topbar{
    grid-row:1!important;
    min-height:46px!important;
    height:46px!important;
    padding:6px 8px!important;
    gap:6px!important;
    border-radius:0!important;
    background:#081624!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .top-movie-pill,
  html body.user-mode .player-layout-v16625 .top-movie-pill{
    min-width:0!important;
    height:34px!important;
    padding:5px 8px!important;
    border-radius:12px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .top-movie-pill b,
  html body.user-mode .player-layout-v16625 .top-movie-pill b{font-size:13px!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .pro-counter-pill,
  html body.user-mode .player-layout-v16625 .pro-counter-pill{height:34px!important;min-height:34px!important;padding:5px 8px!important;border-radius:12px!important;font-size:12px!important;}

  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area,
  html body.user-mode .player-layout-v16625 .video-media-area{
    grid-row:2!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;
    background:#02070d!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area .pro-video,
  html body.user-mode .player-layout-v16625 .video-media-area .pro-video{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area > #fa-caption-wrap.smart-caption-wrap,
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area > #caption-wrap.smart-caption-wrap,
  html body.user-mode .player-layout-v16625 .video-media-area > #fa-caption-wrap.smart-caption-wrap,
  html body.user-mode .player-layout-v16625 .video-media-area > #caption-wrap.smart-caption-wrap{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 58px)!important;
    max-width:calc(100% - 58px)!important;
    min-height:0!important;
    margin:0!important;
    padding:0 31px 0 0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:38!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area > #fa-caption-wrap.smart-caption-wrap:not(.caption-free-pos),
  html body.user-mode .player-layout-v16625 .video-media-area > #fa-caption-wrap.smart-caption-wrap:not(.caption-free-pos){top:7px!important;bottom:auto!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area > #caption-wrap.smart-caption-wrap:not(.caption-free-pos),
  html body.user-mode .player-layout-v16625 .video-media-area > #caption-wrap.smart-caption-wrap:not(.caption-free-pos){top:auto!important;bottom:7px!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area > #fa-caption-wrap .smart-caption-text,
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area > #caption-wrap .smart-caption-text,
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area > #caption-wrap #caption-bar,
  html body.user-mode .player-layout-v16625 .video-media-area > #fa-caption-wrap .smart-caption-text,
  html body.user-mode .player-layout-v16625 .video-media-area > #caption-wrap .smart-caption-text,
  html body.user-mode .player-layout-v16625 .video-media-area > #caption-wrap #caption-bar{
    width:100%!important;
    max-width:100%!important;
    min-height:32px!important;
    max-height:58px!important;
    margin:0!important;
    padding:6px 9px!important;
    border-radius:12px!important;
    background:rgba(4,15,27,.78)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
    overflow:auto!important;
    text-align:center!important;
    line-height:1.35!important;
    font-size:13px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area > #fa-caption-wrap .smart-caption-text,
  html body.user-mode .player-layout-v16625 .video-media-area > #fa-caption-wrap .smart-caption-text{font-size:12.5px!important;direction:rtl!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area > #caption-wrap .smart-caption-text,
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area > #caption-wrap #caption-bar,
  html body.user-mode .player-layout-v16625 .video-media-area > #caption-wrap .smart-caption-text,
  html body.user-mode .player-layout-v16625 .video-media-area > #caption-wrap #caption-bar{font-size:13.5px!important;direction:ltr!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area > #fa-caption-wrap .caption-copy-btn,
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area > #caption-wrap .caption-copy-btn,
  html body.user-mode .player-layout-v16625 .video-media-area > #fa-caption-wrap .caption-copy-btn,
  html body.user-mode .player-layout-v16625 .video-media-area > #caption-wrap .caption-copy-btn{
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:27px!important;
    min-width:27px!important;
    height:27px!important;
    border-radius:9px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .mobile-transport-v16617,
  html body.user-mode .player-layout-v16625 .mobile-transport-v16617{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    transform:translate(-50%,-50%)!important;
    display:grid!important;
    grid-template-columns:40px 50px 40px!important;
    gap:8px!important;
    width:auto!important;
    opacity:.82!important;
    z-index:34!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .mobile-transport-v16617 .center-skip,
  html body.user-mode .player-layout-v16625 .mobile-transport-v16617 .center-skip{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:12px!important;font-size:14px!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .mobile-transport-v16617 .mobile-play-toggle,
  html body.user-mode .player-layout-v16625 .mobile-transport-v16617 .mobile-play-toggle{width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-media-area > .video-side-tools,
  html body.user-mode .player-layout-v16625 .video-media-area > .video-side-tools{top:7px!important;right:7px!important;bottom:auto!important;gap:5px!important;z-index:42!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-side-tools .clip-jump-input,
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-side-tools .clip-repeat-toggle,
  html body.user-mode .player-layout-v16625 .video-side-tools .clip-jump-input,
  html body.user-mode .player-layout-v16625 .video-side-tools .clip-repeat-toggle{width:33px!important;min-width:33px!important;max-width:33px!important;height:33px!important;min-height:33px!important;border-radius:10px!important;font-size:12px!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-side-tools .maximize-player-btn,
  html body.user-mode .player-layout-v16625 .video-side-tools .maximize-player-btn{display:none!important;}

  html.is-mobile-layout body.user-mode .player-layout-v16625 .video-bottom-ui,
  html body.user-mode .player-layout-v16625 .video-bottom-ui{
    grid-row:3!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:116px!important;
    display:grid!important;
    grid-template-rows:48px 54px!important;
    gap:7px!important;
    padding:7px!important;
    overflow:visible!important;
    background:linear-gradient(180deg,#081725,#06111d)!important;
    border:0!important;
    box-shadow:none!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 form#phrase-search-form,
  html body.user-mode .player-layout-v16625 form#phrase-search-form{
    position:relative!important;
    inset:auto!important;
    grid-row:1!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 84px!important;
    align-items:center!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    direction:ltr!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 #phrase-search-btn,
  html body.user-mode .player-layout-v16625 #phrase-search-btn{
    grid-column:1!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0!important;
    border-radius:14px!important;
    z-index:2!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .search-input-stack,
  html body.user-mode .player-layout-v16625 .search-input-stack{grid-column:2!important;width:100%!important;height:46px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 #phrase-query,
  html body.user-mode .player-layout-v16625 #phrase-query{width:100%!important;height:46px!important;margin:0!important;padding:7px 9px!important;border-radius:14px!important;font-size:16px!important;text-align:center!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .genre-filter-wrap,
  html body.user-mode .player-layout-v16625 .genre-filter-wrap{grid-column:3!important;width:84px!important;min-width:84px!important;height:46px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .genre-filter-wrap>span,
  html body.user-mode .player-layout-v16625 .genre-filter-wrap>span{display:none!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .genre-filter,
  html body.user-mode .player-layout-v16625 .genre-filter{width:100%!important;height:46px!important;margin:0!important;padding:0 7px!important;border-radius:14px!important;font-size:13px!important;}

  html.is-mobile-layout body.user-mode .player-layout-v16625 .stable-action-row,
  html body.user-mode .player-layout-v16625 .stable-action-row{
    grid-row:2!important;
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .stable-action-row:has(#report-clip),
  html body.user-mode .player-layout-v16625 .stable-action-row:has(#report-clip){grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .stable-action-row .compact-action-btn,
  html body.user-mode .player-layout-v16625 .stable-action-row .compact-action-btn{
    width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    margin:0!important;
    padding:4px 2px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    border-radius:14px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16625 .stable-action-row .control-icon,
  html.is-mobile-layout body.user-mode .player-layout-v16625 .stable-action-row .heart-icon,
  html.is-mobile-layout body.user-mode .player-layout-v16625 .stable-action-row .svg-action-icon,
  html body.user-mode .player-layout-v16625 .stable-action-row .control-icon,
  html body.user-mode .player-layout-v16625 .stable-action-row .heart-icon,
  html body.user-mode .player-layout-v16625 .stable-action-row .svg-action-icon{width:19px!important;min-width:19px!important;height:19px!important;font-size:18px!important;line-height:1!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .stable-action-row svg,
  html body.user-mode .player-layout-v16625 .stable-action-row svg{width:17px!important;height:17px!important;}
  html.is-mobile-layout body.user-mode .player-layout-v16625 .stable-action-row .control-label,
  html body.user-mode .player-layout-v16625 .stable-action-row .control-label{display:block!important;font-size:8.5px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  html body .content-compliance-note-v16625{margin-top:10px!important;padding:0 10px!important;font-size:11px!important;line-height:1.55!important;}
  html body .site-trust-footer-v16623{margin-top:18px!important;padding:12px 10px calc(92px + env(safe-area-inset-bottom))!important;}
  html body.auth-page .site-trust-footer-v16623{padding-bottom:20px!important;}
  html body .word-filter-table-wrap-v16625{margin-inline:-8px;border-radius:12px;}
}


/* v1.66.26 - single auth popup and always-visible compliance note */
html body.auth-popup-open-v16626{overflow:hidden!important;}
html body .auth-modal-v16626{padding:14px!important;align-items:center!important;justify-items:center!important;}
html body .auth-popup-card-v16626{
  width:min(100%,480px)!important;
  max-height:min(92vh,760px)!important;
  overflow:auto!important;
  padding:24px 20px 20px!important;
  border-radius:24px!important;
}
html body .auth-popup-head-v16626{text-align:center!important;padding-bottom:4px!important;}
html body .auth-popup-head-v16626 h3{font-size:24px!important;margin:0!important;}
html body .auth-popup-head-v16626 p:empty{display:none!important;}
html body .auth-popup-tabs-v16626{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin:14px 0!important;
  padding:6px!important;
}
html body .auth-popup-tabs-v16626 .auth-tab{min-width:0!important;padding:0 5px!important;font-size:13px!important;white-space:nowrap!important;}
html body .auth-popup-card-v16626 .auth-popup-form{display:none!important;gap:11px!important;}
html body .auth-popup-card-v16626 .auth-popup-form.active{display:grid!important;}
html body .auth-popup-card-v16626 .auth-popup-form label{margin:0!important;}
html body .auth-popup-card-v16626 .sms-config-warning{margin:0 0 4px!important;}

html body.user-mode .player-layout-v16626 .pro-stage{
  overflow:visible!important;
}
html body.user-mode .player-layout-v16626 .content-compliance-note-v16626{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:12px 0 0!important;
  padding:0 12px!important;
  color:#d32f2f!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.55!important;
  text-align:center!important;
  direction:rtl!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  z-index:2!important;
}
@media(max-width:820px){
  html body .auth-modal-v16626{padding:8px!important;align-items:center!important;}
  html body .auth-popup-card-v16626{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 18px)!important;padding:20px 12px 16px!important;border-radius:20px!important;}
  html body .auth-popup-tabs-v16626{gap:3px!important;padding:4px!important;}
  html body .auth-popup-tabs-v16626 .auth-tab{height:42px!important;font-size:11px!important;padding:0 2px!important;}
  html body.user-mode .player-layout-v16626 .content-compliance-note-v16626{margin-top:10px!important;padding:0 8px!important;font-size:11px!important;line-height:1.6!important;}
}


/* v1.66.28 - disclaimer flow, accurate tour, admin user-view and transparent EN caption */
html body.user-mode .player-layout-v16628 .player-content-stack-v16628{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html body.user-mode .player-layout-v16628 .player-content-stack-v16628 > .pro-player-card{
  position:relative!important;
  flex:0 0 auto!important;
  margin-bottom:0!important;
}
html body.user-mode .player-layout-v16628 .content-compliance-note-v16628{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 auto!important;
  order:2!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:12px 0 0!important;
  padding:0 12px!important;
  clear:both!important;
  color:#d32f2f!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.4!important;
  text-align:center!important;
  direction:rtl!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  pointer-events:auto!important;
  z-index:auto!important;
}

/* English subtitle must be text-only and transparent in normal user view. */
html body.user-mode .player-layout-v16628 .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en,
html body.user-mode .player-layout-v16628 .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en #caption-bar,
html body.user-mode .player-layout-v16628 .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en .smart-caption-text,
html body.user-mode .player-layout-v16628 .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en .live-caption,
html body.user-mode .player-layout-v16628 .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en .pro-caption{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body.user-mode .player-layout-v16628 .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en #caption-bar,
html body.user-mode .player-layout-v16628 .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en .smart-caption-text{
  overflow:visible!important;
  text-overflow:clip!important;
  text-shadow:0 2px 5px rgba(0,0,0,.98),0 0 10px rgba(0,0,0,.88)!important;
}

/* Admin User View uses the exact same player/action layout as a normal user. */
html body.admin-user-view-mode .player-layout-v16628 .stable-action-row,
html body.admin-user-view-mode .player-layout-v16628 .search-inline-tools{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

/* Tour geometry is controlled entirely by JS; no accidental bottom anchoring. */
html body .tour-highlight,
html body .tour-card{
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
}
html body.tour-active .tour-focus-target{
  scroll-margin-top:110px!important;
}
@media(max-width:820px){
  html body.user-mode .player-layout-v16628 .content-compliance-note-v16628{
    margin-top:10px!important;
    padding:0 8px!important;
    font-size:11px!important;
    line-height:1.55!important;
  }
  html body.user-mode .player-layout-v16628 .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en #caption-bar,
  html body.user-mode .player-layout-v16628 .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en .smart-caption-text{
    font-size:13px!important;
    line-height:1.34!important;
    padding:5px 8px!important;
  }
}

/* v1.66.28 admin User View action-button equalization */
html body.admin-user-view-mode .player-layout-v16628 .stable-action-row > .compact-action-btn,
html body.admin-user-view-mode .player-layout-v16628 .search-inline-tools > .compact-action-btn{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
}

/* v1.66.28 exact admin User View controls and instant tour placement */
html body.admin-user-view-mode .player-layout-v16628 #toggle-fa,
html body.admin-user-view-mode .player-layout-v16628 #toggle-en,
html body.admin-user-view-mode .player-layout-v16628 #favorite-clip,
html body.admin-user-view-mode .player-layout-v16628 #share-clip,
html body.admin-user-view-mode .player-layout-v16628 #report-clip{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  min-height:46px!important;
  margin:0!important;
  justify-self:stretch!important;
  align-self:stretch!important;
}
html body .tour-highlight{
  transition:none!important;
}


/* v1.66.29 - translucent EN caption box, wider FA caption and right-aligned eNamad */
/* English subtitle: keep a visible box, but make it genuinely translucent. */
html body.user-mode .player-layout-v16629 .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en,
html body.user-mode .player-layout-v16629 .pro-player-card.max-view .video-media-area > #caption-wrap.smart-caption-en{
  width:min(84%,1040px)!important;
  max-width:min(84%,1040px)!important;
  min-height:48px!important;
  padding:4px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(4,15,27,.24)!important;
  background-image:none!important;
  border:1px solid rgba(178,222,235,.24)!important;
  outline:0!important;
  border-radius:18px!important;
  box-shadow:0 9px 24px rgba(0,0,0,.15), inset 0 0 0 1px rgba(255,255,255,.025)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
  overflow:visible!important;
}
html body.user-mode .player-layout-v16629 .video-media-area > #caption-wrap.smart-caption-en #caption-bar,
html body.user-mode .player-layout-v16629 .video-media-area > #caption-wrap.smart-caption-en .smart-caption-text,
html body.user-mode .player-layout-v16629 .video-media-area > #caption-wrap.smart-caption-en .live-caption,
html body.user-mode .player-layout-v16629 .video-media-area > #caption-wrap.smart-caption-en .pro-caption{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:5px 8px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-align:center!important;
  overflow:visible!important;
}

/* Persian subtitle: make the usable caption area roughly twice as wide and allow long text safely. */
html body.user-mode .player-layout-v16629 .pro-player-card:not(.max-view) .video-media-area > #fa-caption-wrap.smart-caption-fa,
html body.user-mode .player-layout-v16629 .pro-player-card.max-view .video-media-area > #fa-caption-wrap.smart-caption-fa{
  width:min(76%,980px)!important;
  max-width:min(76%,980px)!important;
  min-width:min(58%,720px)!important;
  min-height:52px!important;
  padding:4px 14px 4px 44px!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
html body.user-mode .player-layout-v16629 .video-media-area > #fa-caption-wrap.smart-caption-fa #fa-caption,
html body.user-mode .player-layout-v16629 .video-media-area > #fa-caption-wrap.smart-caption-fa .smart-caption-text,
html body.user-mode .player-layout-v16629 .video-media-area > #fa-caption-wrap.smart-caption-fa .fa-caption-text{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  max-height:calc(1.5em * 3 + 22px)!important;
  margin:0 auto!important;
  padding:8px 18px!important;
  line-height:1.5!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  overflow-y:auto!important;
  text-align:center!important;
  direction:rtl!important;
}

/* eNamad: keep it in document flow, below the warning, and dock it to the lower-right side. */
html body .site-trust-footer-v16629{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  clear:both!important;
  width:100%!important;
  min-height:0!important;
  margin:26px 0 0!important;
  padding:0 24px 30px!important;
  display:block!important;
  text-align:right!important;
  pointer-events:auto!important;
  z-index:1!important;
}
html body .site-trust-footer-v16629 .site-trust-footer-inner{
  width:128px!important;
  max-width:128px!important;
  margin:0 0 0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  direction:rtl!important;
  text-align:center!important;
}
html body .site-trust-footer-v16629 .site-trust-footer-caption{
  width:150px!important;
  max-width:150px!important;
  font-size:10px!important;
  line-height:1.45!important;
  text-align:center!important;
}

@media(max-width:820px){
  html body.user-mode .player-layout-v16629 .video-media-area > #caption-wrap.smart-caption-en{
    width:90%!important;
    max-width:90%!important;
    min-height:40px!important;
    padding:3px 8px!important;
    border-radius:14px!important;
  }
  html body.user-mode .player-layout-v16629 .video-media-area > #caption-wrap.smart-caption-en #caption-bar,
  html body.user-mode .player-layout-v16629 .video-media-area > #caption-wrap.smart-caption-en .smart-caption-text{
    padding:4px 6px!important;
    font-size:13px!important;
    line-height:1.35!important;
  }
  html body.user-mode .player-layout-v16629 .video-media-area > #fa-caption-wrap.smart-caption-fa{
    width:91%!important;
    max-width:91%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:3px 8px 3px 38px!important;
  }
  html body.user-mode .player-layout-v16629 .video-media-area > #fa-caption-wrap.smart-caption-fa #fa-caption,
  html body.user-mode .player-layout-v16629 .video-media-area > #fa-caption-wrap.smart-caption-fa .smart-caption-text{
    min-height:36px!important;
    max-height:calc(1.45em * 3 + 18px)!important;
    padding:6px 9px!important;
    font-size:12.5px!important;
    line-height:1.45!important;
  }
  html body .site-trust-footer-v16629{
    margin-top:22px!important;
    padding:0 12px calc(104px + env(safe-area-inset-bottom))!important;
  }
  html body .site-trust-footer-v16629 .site-trust-footer-inner{
    width:108px!important;
    max-width:108px!important;
    margin:0 0 0 auto!important;
  }
  html body .site-trust-footer-v16629 .site-trust-footer-caption{
    width:118px!important;
    max-width:118px!important;
    font-size:9px!important;
  }
}

/* v1.66.30 - revolutionary compact mobile layout, discount UI and clean user identity */
.header-user-role-v16618{display:none!important}

.discount-entry-v16630{
  display:grid;grid-template-columns:minmax(170px,1fr) minmax(280px,1.4fr);gap:12px 18px;align-items:center;
  width:min(820px,100%);margin:0 auto 20px;padding:16px 18px;border:1px solid rgba(255,255,255,.14);
  border-radius:20px;background:rgba(7,18,31,.66);box-shadow:0 14px 34px rgba(0,0,0,.18)
}
.discount-entry-v16630>div:first-child{display:flex;flex-direction:column;gap:4px}.discount-entry-v16630 b{color:#fff;font-size:16px}.discount-entry-v16630 small{color:rgba(255,255,255,.62)}
.discount-entry-controls-v16630{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.discount-code-input-v16630{height:44px;text-transform:uppercase;direction:ltr;text-align:center;font-weight:900;letter-spacing:.06em}
.discount-entry-status-v16630{grid-column:1/-1;min-height:22px;text-align:center;font-size:13px}.discount-entry-status-v16630.ok{color:#86efac}.discount-entry-status-v16630.error{color:#fca5a5}.discount-entry-status-v16630.loading{color:#93c5fd}
.plan-price{flex-wrap:wrap}.plan-original-price-v16630{font-size:15px;color:rgba(255,255,255,.48);text-decoration-thickness:2px}.plan-discount-badge-v16630{align-self:flex-start;padding:5px 9px;border-radius:999px;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.38);color:#bbf7d0;font-size:12px;font-weight:900}

.discount-admin-section-v16630{display:grid;gap:18px}.discount-create-form-v16630{display:grid;grid-template-columns:1.4fr .75fr 1fr 1.2fr auto auto;gap:10px;align-items:end}.discount-create-form-v16630 label{display:grid;gap:6px}.discount-active-check-v16630{display:flex!important;align-items:center;gap:7px;min-height:42px}.discount-list-v16630{display:grid;gap:9px}.discount-row-v16630{display:grid;grid-template-columns:1.25fr 90px 120px 190px 100px auto auto auto;gap:8px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035)}.discount-row-v16630>label{display:flex;align-items:center;gap:4px}.discount-usage-v16630{font-size:12px;color:rgba(255,255,255,.62);text-align:center}

.mobile-tabbar-button-v16630{appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.mobile-account-modal-v16630{align-items:end!important;padding:0!important}.mobile-account-card-v16630{position:relative;width:100%;max-width:none;border-radius:24px 24px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#102338,#081421);border:1px solid rgba(255,255,255,.16);box-shadow:0 -22px 60px rgba(0,0,0,.46)}.mobile-account-user-v16630{display:flex;align-items:center;gap:12px;padding:4px 36px 18px 0}.mobile-account-avatar-v16630{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#1bc5dc,#5b6cff);color:white;font-size:22px;font-weight:1000}.mobile-account-user-v16630 small{color:rgba(255,255,255,.58)}.mobile-account-user-v16630 h3{margin:2px 0 0;color:#fff}.mobile-account-actions-v16630{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-account-action-v16630{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;border-radius:15px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:#fff;text-decoration:none;font-weight:850}.mobile-account-action-v16630.danger{color:#fda4af;border-color:rgba(244,63,94,.28)}

@media (max-width:900px){
  .discount-create-form-v16630,.discount-row-v16630{grid-template-columns:1fr 1fr}.discount-row-v16630>*{min-width:0}.discount-entry-v16630{grid-template-columns:1fr}
}

@media (max-width:820px){
  html,body{max-width:100%;overflow-x:hidden!important}
  html body.user-mode{padding-bottom:86px!important}

  /* All bulky top actions move to the bottom navigation/account sheet. */
  html body.user-mode:not(.admin-mode) .site-header.clean-header,
  html body.user-mode:not(.admin-mode) .site-header.pro-top-header{display:none!important}
  html body.user-mode .site-product-title-v16625{
    position:sticky!important;top:0!important;z-index:1200!important;display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:36px!important;height:36px!important;padding:0 10px!important;margin:0!important;font-size:11px!important;line-height:1.2!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:rgba(7,23,39,.94)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important
  }
  html body.user-mode .content-shell{padding-top:0!important;margin-top:0!important;width:100%!important}

  html body.user-mode .player-home.player-home-wide,
  html body.user-mode .player-layout-v16630{width:100%!important;max-width:100%!important;margin:0!important;padding:6px!important;display:block!important}
  html body.user-mode .player-layout-v16630 .live-stage{width:100%!important;max-width:none!important;margin:0!important}
  html body.user-mode .player-layout-v16630 .pro-player-card{width:100%!important;margin:0!important;border-radius:20px!important;padding:0!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:none!important;overflow:hidden!important}
  html body.user-mode .player-layout-v16630 .player-frame{padding:0!important;margin:0!important;border-radius:19px!important;overflow:hidden!important}
  html body.user-mode .player-layout-v16630 .pro-video-shell{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;max-height:none!important;border-radius:18px!important;overflow:hidden!important;background:#06101c!important}

  /* Compact movie title and counter row. */
  html body.user-mode .player-layout-v16630 .pro-video-topbar{order:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;height:34px!important;min-height:34px!important;padding:4px 7px!important;gap:6px!important;background:#071524!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  html body.user-mode .player-layout-v16630 .top-movie-pill{height:26px!important;min-height:26px!important;padding:3px 7px!important;border-radius:10px!important}
  html body.user-mode .player-layout-v16630 .movie-title-icon{display:none!important}
  html body.user-mode .player-layout-v16630 #top-movie-title{font-size:11px!important;line-height:1!important}
  html body.user-mode .player-layout-v16630 .pro-counter-pill{height:26px!important;min-height:26px!important;padding:3px 7px!important;font-size:10px!important;border-radius:10px!important}

  /* Video is the focus: no giant vertical black bands. */
  html body.user-mode .player-layout-v16630 .video-media-area{order:2!important;position:relative!important;width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;background:#02070c!important}
  html body.user-mode .player-layout-v16630 .video-media-area video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important}

  /* Smaller captions, always inside the real video. */
  html body.user-mode .player-layout-v16630 #fa-caption-wrap.smart-caption-fa:not(.caption-free-pos){top:7px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(92%,520px)!important;max-width:92%!important;padding:0 28px 0 0!important;min-height:0!important}
  html body.user-mode .player-layout-v16630 #fa-caption-wrap #fa-caption{font-size:12px!important;line-height:1.38!important;max-height:52px!important;padding:6px 9px!important;border-radius:12px!important;background:rgba(5,15,26,.62)!important;overflow:auto!important}
  html body.user-mode .player-layout-v16630 #caption-wrap.smart-caption-en:not(.caption-free-pos){left:50%!important;right:auto!important;top:auto!important;bottom:7px!important;transform:translateX(-50%)!important;width:min(88%,500px)!important;max-width:88%!important;padding:0 28px 0 0!important;min-height:0!important}
  html body.user-mode .player-layout-v16630 #caption-wrap #caption-bar{font-size:13px!important;line-height:1.3!important;max-height:48px!important;padding:5px 9px!important;border-radius:12px!important;background:rgba(3,10,19,.42)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:none!important;overflow:auto!important}
  html body.user-mode .player-layout-v16630 .caption-copy-btn{width:24px!important;min-width:24px!important;height:24px!important;right:0!important;border-radius:8px!important;font-size:12px!important}

  /* Touch controls are smaller and unobtrusive. */
  html body.user-mode .player-layout-v16630 .center-transport{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;gap:12px!important;opacity:.72!important}
  html body.user-mode .player-layout-v16630 .center-transport .center-skip{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:13px!important;font-size:13px!important}
  html body.user-mode .player-layout-v16630 .center-transport .mobile-play-toggle{width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;font-size:17px!important}

  /* Search and all controls become one compact bottom control deck. */
  html body.user-mode .player-layout-v16630 .video-bottom-ui{order:3!important;display:flex!important;flex-direction:column!important;gap:7px!important;height:auto!important;min-height:0!important;padding:8px!important;background:#071522!important;border:0!important;overflow:visible!important}
  html body.user-mode .player-layout-v16630 form#phrase-search-form{order:1!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 88px!important;width:100%!important;max-width:none!important;height:42px!important;min-height:42px!important;gap:6px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  html body.user-mode .player-layout-v16630 #phrase-search-btn{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:13px!important;padding:0!important}
  html body.user-mode .player-layout-v16630 .search-input-stack,html body.user-mode .player-layout-v16630 #phrase-query{height:42px!important;min-height:42px!important;width:100%!important;font-size:15px!important;border-radius:13px!important}
  html body.user-mode .player-layout-v16630 .genre-filter-wrap{width:88px!important;min-width:88px!important;height:42px!important;min-height:42px!important;padding:0 7px!important;border-radius:13px!important}
  html body.user-mode .player-layout-v16630 .genre-filter-wrap>span{display:none!important}
  html body.user-mode .player-layout-v16630 .genre-filter{height:100%!important;font-size:13px!important}

  html body.user-mode .player-layout-v16630 .video-bottom-ui>.video-side-tools.mobile-tools-docked-v16630{order:2!important;position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;width:100%!important;height:34px!important;margin:0!important;padding:0!important;background:transparent!important;transform:none!important}
  html body.user-mode .player-layout-v16630 .mobile-tools-docked-v16630 .clip-jump-input,
  html body.user-mode .player-layout-v16630 .mobile-tools-docked-v16630 .clip-repeat-toggle{display:grid!important;place-items:center!important;width:38px!important;min-width:38px!important;height:32px!important;min-height:32px!important;border-radius:10px!important;font-size:12px!important;padding:0!important}
  html body.user-mode .player-layout-v16630 .mobile-tools-docked-v16630 .maximize-player-btn{display:none!important}

  html body.user-mode .player-layout-v16630 .stable-action-row{order:3!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;width:100%!important;margin:0!important}
  html body.user-mode .player-layout-v16630 .stable-action-row .compact-action-btn{width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:4px!important;border-radius:13px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important}
  html body.user-mode .player-layout-v16630 .stable-action-row .control-icon{width:24px!important;height:24px!important;min-width:24px!important;font-size:21px!important}
  html body.user-mode .player-layout-v16630 .stable-action-row .control-label{display:none!important}

  html body.user-mode .player-layout-v16630 .content-compliance-note-v16628{font-size:10px!important;line-height:1.55!important;margin:8px 10px 0!important;padding:0!important;color:#ef5350!important}
  html body.user-mode .player-layout-v16630 .playlist-panel{display:none!important}

  /* Bottom navigation is the only persistent action area on mobile. */
  html body.user-mode .mobile-app-tabbar-v16630{position:fixed!important;left:8px!important;right:8px!important;bottom:8px!important;z-index:2100!important;display:grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;width:auto!important;height:66px!important;min-height:66px!important;padding:6px!important;border-radius:22px!important;background:rgba(240,244,249,.94)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 16px 38px rgba(0,0,0,.28)!important;overflow:hidden!important}
  html body.user-mode .mobile-app-tabbar-v16630>a,html body.user-mode .mobile-app-tabbar-v16630>button{min-width:0!important;height:54px!important;padding:4px 3px!important;border-radius:17px!important;color:#27364a!important;text-decoration:none!important;font-size:10px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important}
  html body.user-mode .mobile-app-tabbar-v16630>a span,html body.user-mode .mobile-app-tabbar-v16630>button span{font-size:19px!important;line-height:1!important}
  html body.user-mode .mobile-app-tabbar-v16630>a b,html body.user-mode .mobile-app-tabbar-v16630>button b{font-size:10px!important;line-height:1.1!important}
  html body.user-mode .mobile-app-tabbar-v16630>.active{background:linear-gradient(135deg,#1bc5dc,#5668ff)!important;color:#fff!important}

  html body.user-mode .site-trust-footer-v16629{position:relative!important;right:auto!important;bottom:auto!important;margin:16px 10px 90px auto!important;width:82px!important;z-index:1!important}
  html body.user-mode .site-trust-footer-v16629 .site-trust-footer-caption{display:none!important}

  .discount-entry-v16630{grid-template-columns:1fr!important;padding:12px!important;margin-bottom:14px!important;border-radius:16px!important}.discount-entry-controls-v16630{grid-template-columns:minmax(0,1fr) auto!important}.discount-code-input-v16630{height:40px!important;font-size:13px!important}.discount-apply-btn-v16630{height:40px!important;padding-inline:12px!important}.plan-grid{grid-template-columns:1fr!important}.plan-card{min-height:0!important;padding:20px 17px!important;border-radius:20px!important}
}


/* v1.66.31 - frozen report target, compact coupon, limited repeat, mobile control/caption repair */
/* Report choices are always readable; hover/focus only improves emphasis. */
html body .report-target-summary-v16631{margin:10px 0 2px;padding:9px 11px;border-radius:12px;background:rgba(34,211,238,.09);border:1px solid rgba(34,211,238,.24);color:#dff9ff;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
html body .report-type-options-v16631{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important}
html body .report-type-options-v16631 legend{grid-column:1/-1;color:#f4f8ff!important;font-weight:850!important;margin-bottom:2px!important}
html body .report-type-options-v16631 label{display:flex!important;align-items:center!important;gap:8px!important;min-height:42px!important;margin:0!important;padding:8px 10px!important;border-radius:11px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;color:#f4f8ff!important;cursor:pointer!important;transition:border-color .16s ease,background .16s ease,transform .16s ease!important}
html body .report-type-options-v16631 label:hover,html body .report-type-options-v16631 label:focus-within{background:rgba(34,211,238,.11)!important;border-color:rgba(34,211,238,.55)!important;transform:translateY(-1px)!important}
html body .report-type-options-v16631 input{accent-color:#20c5d8!important;flex:0 0 auto!important}
html body .report-type-options-v16631 label:has(input:checked){background:rgba(34,211,238,.16)!important;border-color:#20c5d8!important;box-shadow:0 0 0 1px rgba(32,197,216,.18)!important}
html body .report-form-grid select,html body .report-form-grid select option{color:#111827!important;background:#fff!important}

/* User coupon UI: one field, one button, one compact result line. */
html body .discount-entry-v16631{display:block!important;max-width:520px!important;margin:0 auto 14px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body .discount-entry-controls-v16631{display:grid!important;grid-template-columns:minmax(0,1fr) 88px!important;gap:8px!important;width:100%!important}
html body .discount-entry-v16631 .discount-code-input-v16630{height:42px!important;padding:0 13px!important;border-radius:12px!important;font-size:14px!important;text-transform:uppercase!important}
html body .discount-entry-v16631 .discount-apply-btn-v16630{height:42px!important;min-height:42px!important;padding:0 12px!important;border-radius:12px!important}
html body .discount-entry-v16631 .discount-entry-status-v16630{min-height:20px!important;margin-top:5px!important;font-size:11px!important;line-height:1.5!important;text-align:right!important}

@media (max-width:820px){
  /* Hard separation: video ends first, then search/control deck begins. */
  html body.user-mode .player-layout-v16631 .pro-video-shell{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:hidden!important}
  html body.user-mode .player-layout-v16631 .video-media-area{position:relative!important;order:2!important;flex:0 0 auto!important;width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;margin:0!important;overflow:hidden!important;z-index:1!important}
  html body.user-mode .player-layout-v16631 .video-bottom-ui{position:relative!important;inset:auto!important;order:3!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:7px!important;display:flex!important;flex-direction:column!important;gap:6px!important;background:#071522!important;border-top:1px solid rgba(255,255,255,.08)!important;transform:none!important;overflow:hidden!important;z-index:3!important}
  html body.user-mode .player-layout-v16631 form#phrase-search-form{position:relative!important;inset:auto!important;order:1!important;width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;transform:none!important;z-index:2!important;grid-template-columns:40px minmax(0,1fr) 82px!important;gap:6px!important}
  html body.user-mode .player-layout-v16631 #phrase-search-btn,html body.user-mode .player-layout-v16631 .search-input-stack,html body.user-mode .player-layout-v16631 #phrase-query,html body.user-mode .player-layout-v16631 .genre-filter-wrap{height:40px!important;min-height:40px!important}
  html body.user-mode .player-layout-v16631 #phrase-search-btn{width:40px!important;min-width:40px!important}
  html body.user-mode .player-layout-v16631 .genre-filter-wrap{width:82px!important;min-width:82px!important}

  /* Repeat and clip jump stay inside their own row; never below the player shell. */
  html body.user-mode .player-layout-v16631 .mobile-meta-row-v16631{order:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0 2px!important;overflow:hidden!important}
  html body.user-mode .player-layout-v16631 .mobile-meta-row-v16631>.video-side-tools{position:static!important;inset:auto!important;display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;width:auto!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0!important;transform:none!important}
  html body.user-mode .player-layout-v16631 .mobile-tools-docked-v16631 .clip-jump-input,html body.user-mode .player-layout-v16631 .mobile-tools-docked-v16631 .clip-repeat-toggle{display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:28px!important;min-height:28px!important;padding:0!important;margin:0!important;border-radius:9px!important;font-size:11px!important}
  html body.user-mode .player-layout-v16631 .mobile-tools-docked-v16631 .maximize-player-btn{display:none!important}
  html body.user-mode .player-layout-v16631 .stable-action-row{order:3!important;margin:0!important}

  /* Captions remain readable but occupy much less of the picture. */
  html body.user-mode .player-layout-v16631 #fa-caption-wrap.smart-caption-fa:not(.caption-free-pos){top:5px!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;width:min(78%,430px)!important;max-width:78%!important;padding:0 24px 0 0!important}
  html body.user-mode .player-layout-v16631 #fa-caption-wrap #fa-caption{font-size:10.8px!important;line-height:1.32!important;max-height:39px!important;padding:5px 7px!important;border-radius:10px!important;background:rgba(3,12,21,.50)!important;border:1px solid rgba(255,255,255,.10)!important;overflow:hidden!important}
  html body.user-mode .player-layout-v16631 #caption-wrap.smart-caption-en:not(.caption-free-pos){left:50%!important;right:auto!important;bottom:5px!important;top:auto!important;transform:translateX(-50%)!important;width:min(82%,450px)!important;max-width:82%!important;padding:0 24px 0 0!important}
  html body.user-mode .player-layout-v16631 #caption-wrap #caption-bar{font-size:11.5px!important;line-height:1.28!important;max-height:41px!important;padding:5px 7px!important;border-radius:10px!important;background:rgba(3,10,18,.46)!important;border:1px solid rgba(255,255,255,.13)!important;overflow:hidden!important}
  html body.user-mode .player-layout-v16631 .caption-copy-btn{width:21px!important;min-width:21px!important;height:21px!important;font-size:10px!important;border-radius:7px!important}
  html body.user-mode .player-layout-v16631 .center-transport{gap:8px!important;opacity:.58!important}
  html body.user-mode .player-layout-v16631 .center-transport .center-skip{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
  html body.user-mode .player-layout-v16631 .center-transport .mobile-play-toggle{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}

  html body .report-type-options-v16631{grid-template-columns:1fr!important}
  html body .report-type-options-v16631 label{min-height:39px!important;padding:7px 9px!important;font-size:12px!important}
  html body .discount-entry-controls-v16631{grid-template-columns:minmax(0,1fr) 74px!important}
}


/* v1.66.32 - valid repeat sequence and mobile external search/action deck */
@media (max-width:820px){
  /* The movie card contains only its top bar and 16:9 media on phones. */
  html.is-mobile-layout body.user-mode .player-layout-v16632 .pro-player-card,
  html body.user-mode .player-layout-v16632 .pro-player-card{
    overflow:visible!important;
    margin-bottom:0!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16632 .player-frame,
  html body.user-mode .player-layout-v16632 .player-frame{
    overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16632 .pro-video-shell,
  html body.user-mode .player-layout-v16632 .pro-video-shell{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16632 .video-media-area,
  html body.user-mode .player-layout-v16632 .video-media-area{
    position:relative!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    margin:0!important;
    overflow:hidden!important;
  }

  /* Search + actions are a separate card below the movie card, never over video. */
  html.is-mobile-layout body.user-mode .player-layout-v16632 .video-bottom-ui.mobile-bottom-ui-external-v16632,
  html body.user-mode .player-layout-v16632 .video-bottom-ui.mobile-bottom-ui-external-v16632{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    z-index:4!important;
    display:flex!important;
    flex-direction:column!important;
    width:calc(100% - 12px)!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:8px auto 0!important;
    padding:8px!important;
    gap:7px!important;
    overflow:visible!important;
    background:rgba(6,18,31,.94)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:18px!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  }
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 form#phrase-search-form{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    order:1!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 78px!important;
    width:100%!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    gap:6px!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 #phrase-search-btn,
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 .search-input-stack,
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 #phrase-query,
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 .genre-filter-wrap{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
  }
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 #phrase-search-btn{
    width:42px!important;
    min-width:42px!important;
    padding:0!important;
    border-radius:13px!important;
  }
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 #phrase-query{
    width:100%!important;
    min-width:0!important;
    padding:0 10px!important;
    font-size:17px!important;
    border-radius:13px!important;
  }
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 .genre-filter-wrap{
    width:78px!important;
    min-width:78px!important;
    padding:0 8px!important;
    border-radius:13px!important;
  }

  /* Repeat and clip number have a visible dedicated row inside the external deck. */
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 .mobile-meta-row-v16632{
    position:relative!important;
    inset:auto!important;
    order:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:100%!important;
    height:31px!important;
    min-height:31px!important;
    margin:0!important;
    padding:0 2px!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 .mobile-tools-docked-v16632{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    height:31px!important;
    min-height:31px!important;
    margin:0!important;
    padding:0!important;
    gap:6px!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 .clip-jump-input,
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 .clip-repeat-toggle{
    display:grid!important;
    place-items:center!important;
    position:static!important;
    width:36px!important;
    min-width:36px!important;
    height:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:0!important;
    border-radius:9px!important;
    font-size:12px!important;
  }
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 .maximize-player-btn{display:none!important}

  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 .stable-action-row{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    order:3!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    gap:6px!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 .stable-action-row .compact-action-btn{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    padding:4px 2px!important;
    border-radius:14px!important;
  }

  /* Smaller captions preserve the picture while remaining readable. */
  html body.user-mode .player-layout-v16632 #fa-caption-wrap.smart-caption-fa:not(.caption-free-pos){
    top:4px!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    width:72%!important;
    max-width:72%!important;
    padding:0 21px 0 0!important;
  }
  html body.user-mode .player-layout-v16632 #fa-caption-wrap #fa-caption{
    font-size:10px!important;
    line-height:1.25!important;
    max-height:34px!important;
    padding:4px 6px!important;
    border-radius:9px!important;
    background:rgba(3,12,21,.42)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    overflow:hidden!important;
  }
  html body.user-mode .player-layout-v16632 #caption-wrap.smart-caption-en:not(.caption-free-pos){
    left:50%!important;
    right:auto!important;
    bottom:4px!important;
    top:auto!important;
    transform:translateX(-50%)!important;
    width:74%!important;
    max-width:74%!important;
    padding:0 21px 0 0!important;
  }
  html body.user-mode .player-layout-v16632 #caption-wrap #caption-bar{
    font-size:10.7px!important;
    line-height:1.25!important;
    max-height:35px!important;
    padding:4px 6px!important;
    border-radius:9px!important;
    background:rgba(3,10,18,.40)!important;
    border:1px solid rgba(255,255,255,.11)!important;
    overflow:hidden!important;
  }
  html body.user-mode .player-layout-v16632 .caption-copy-btn{
    width:19px!important;
    min-width:19px!important;
    height:19px!important;
    min-height:19px!important;
    font-size:9px!important;
    border-radius:6px!important;
  }

  /* Disclaimer follows the external controls with normal document flow. */
  html body.user-mode .player-layout-v16632 .content-compliance-note-v16628,
  html body.user-mode .player-layout-v16632 .content-compliance-note-v16626,
  html body.user-mode .player-layout-v16632 .content-compliance-note-v16625{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    margin:10px 10px 0!important;
  }
}
@media (max-width:820px){
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 .mobile-meta-row-v16632,
  html body.user-mode .player-layout-v16632 .mobile-bottom-ui-external-v16632 .mobile-tools-docked-v16632{direction:ltr!important}
}


/* v1.66.33 - mobile meta above search, deferred limited repeat, compact report */
/* Compact report: remove decorative/explanatory clutter and keep only useful controls. */
html body .report-modal-simple-v16633{
  width:min(94vw,560px)!important;
  max-width:560px!important;
  padding:20px!important;
  border-radius:20px!important;
}
html body .report-modal-simple-v16633 .report-modal-head,
html body .report-modal-simple-v16633 .report-help-row,
html body .report-modal-simple-v16633 .report-modal-badge{display:none!important}
html body .report-simple-head-v16633{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 10px!important;
  padding:0 34px 0 0!important;
}
html body .report-simple-head-v16633>span{font-size:18px!important}
html body .report-simple-head-v16633 h3{margin:0!important;color:#fff!important;font-size:18px!important}
html body .report-target-summary-v16633{
  margin:0 0 10px!important;
  padding:7px 9px!important;
  font-size:11px!important;
  line-height:1.45!important;
  max-height:50px!important;
  overflow:hidden!important;
}
html body .report-form-grid-v16633{display:grid!important;gap:10px!important}
html body .report-type-options-v16633{gap:6px!important}
html body .report-type-options-v16633 label{
  min-height:37px!important;
  padding:6px 8px!important;
  font-size:12px!important;
  transform:none!important;
}
html body .report-description-field-v16633 textarea{
  min-height:58px!important;
  max-height:90px!important;
  padding:8px 10px!important;
  resize:vertical!important;
}
html body .report-captcha-field-v16633 .captcha-row{min-height:42px!important}
html body .report-modal-actions-v16633{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:12px!important;
}
html body .report-modal-actions-v16633 .btn{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
}

@media (max-width:820px){
  /* Clip number and Repeat are a compact row ABOVE the search bar. */
  html body.user-mode .player-layout-v16633 .mobile-bottom-ui-external-v16632 .mobile-meta-row-v16632{
    order:0!important;
    height:32px!important;
    min-height:32px!important;
    justify-content:flex-end!important;
    padding:0 4px!important;
    margin:0 0 1px!important;
  }
  html body.user-mode .player-layout-v16633 .mobile-bottom-ui-external-v16632 form#phrase-search-form{
    order:1!important;
  }
  html body.user-mode .player-layout-v16633 .mobile-bottom-ui-external-v16632 .stable-action-row{
    order:2!important;
  }
  html body.user-mode .player-layout-v16633 .mobile-bottom-ui-external-v16632 .mobile-tools-docked-v16632{
    height:32px!important;
    min-height:32px!important;
  }
  html body.user-mode .player-layout-v16633 .mobile-bottom-ui-external-v16632 .clip-jump-input,
  html body.user-mode .player-layout-v16633 .mobile-bottom-ui-external-v16632 .clip-repeat-toggle{
    width:38px!important;
    min-width:38px!important;
    height:30px!important;
    min-height:30px!important;
  }

  html body .report-modal-simple-v16633{
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 24px)!important;
    padding:16px!important;
    overflow:auto!important;
    border-radius:18px!important;
  }
  html body .report-type-options-v16633{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body .report-type-options-v16633 label{
    min-height:36px!important;
    padding:5px 7px!important;
    font-size:11px!important;
  }
}


/* v1.66.34 - durable remember, no registration email, report legend spacing */
html body .report-type-options-v16633,
html body .report-type-options-v16634{
  padding-top:12px!important;
  margin-top:6px!important;
}
html body .report-type-options-v16633 legend,
html body .report-type-options-v16634 legend{
  display:block!important;
  width:100%!important;
  margin:0 0 12px!important;
  padding:0 2px!important;
  line-height:1.35!important;
}
html body .auth-popup-card-v16626 #auth-register-form.active{
  gap:9px!important;
}
@media (max-width:820px){
  html body .report-type-options-v16633,
  html body .report-type-options-v16634{
    padding-top:10px!important;
    margin-top:5px!important;
  }
  html body .report-type-options-v16633 legend,
  html body .report-type-options-v16634 legend{
    margin-bottom:10px!important;
  }
  html body .auth-popup-card-v16626{
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  html body .auth-popup-card-v16626 #auth-register-form.active{
    gap:8px!important;
  }
}


/* v1.66.35 - clean isolated desktop maximum view */
html.phraselab-clean-max-v16635,
html.phraselab-clean-max-v16635 body,
body.phraselab-clean-max-v16635{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635{
  box-sizing:border-box!important;
  isolation:isolate!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .player-frame,
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .pro-player-frame,
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .live-video-shell,
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .pro-video-shell,
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-media-area{
  box-sizing:border-box!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .pro-video-topbar,
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .stable-action-row,
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .content-compliance-note-v16628{
  display:none!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .center-transport{
  display:flex!important;
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:auto!important;
  z-index:2147483400!important;
  opacity:.82!important;
  pointer-events:auto!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-side-tools .maximize-player-btn{
  display:grid!important;
}
body.phraselab-clean-max-v16635 #max-caption-mirror.smart-caption-en{
  display:inline-flex!important;
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:82px!important;
  transform:translateX(-50%)!important;
  width:min(78vw,1050px)!important;
  max-width:min(78vw,1050px)!important;
  min-height:0!important;
  padding:0 38px 0 0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  z-index:2147483600!important;
  pointer-events:auto!important;
}
body.phraselab-clean-max-v16635 #max-caption-mirror.hidden{display:none!important}
body.phraselab-clean-max-v16635 #max-caption-bar{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:9px 16px!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:16px!important;
  background:rgba(2,8,15,.48)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  color:#fff!important;
  font-size:clamp(18px,2vw,30px)!important;
  line-height:1.35!important;
  text-align:center!important;
  white-space:normal!important;
}
body.phraselab-clean-max-v16635 #max-caption-mirror .max-caption-copy{
  position:absolute!important;
  right:0!important;
  left:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #fa-caption-wrap.smart-caption-fa:not(.hidden){
  display:flex!important;
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:18px!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  width:min(78vw,1050px)!important;
  max-width:min(78vw,1050px)!important;
  margin:0!important;
  padding:0 38px 0 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  z-index:2147483550!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #fa-caption-wrap #fa-caption{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:8px 14px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:15px!important;
  background:rgba(2,8,15,.44)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
  color:#fff!important;
  font-size:clamp(15px,1.55vw,23px)!important;
  line-height:1.45!important;
  text-align:center!important;
  max-height:calc(1.45em * 3 + 16px)!important;
  overflow:hidden!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-bottom-ui #phrase-search-form{
  grid-template-columns:48px minmax(0,1fr) 112px!important;
  gap:9px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-bottom-ui #phrase-query,
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-bottom-ui #phrase-search-btn,
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-bottom-ui .genre-filter-wrap{
  height:48px!important;
  min-height:48px!important;
}
body.phraselab-clean-max-v16635 .word-tooltip,
body.phraselab-clean-max-v16635 .robust-word-tooltip,
body.phraselab-clean-max-v16635 .max-word-tooltip{
  z-index:2147483647!important;
}
@media (max-width:820px){
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635{display:none!important}
}


/* v1.66.35 geometry verification overrides */
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-bottom-ui{
  width:100%!important;
  max-width:none!important;
  transform:none!important;
  box-sizing:border-box!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-side-tools{
  width:auto!important;
  max-width:none!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-side-tools #clip-jump-input{
  width:50px!important;min-width:50px!important;max-width:50px!important;
  height:42px!important;min-height:42px!important;max-height:42px!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-side-tools #clip-repeat-toggle,
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-side-tools #maximize-player{
  width:42px!important;min-width:42px!important;max-width:42px!important;
  height:42px!important;min-height:42px!important;max-height:42px!important;
}


/* v1.66.36 - polished unified search dock in maximum view */
@media (min-width:821px){
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-bottom-ui{
    padding:0 84px 18px!important;
  }
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-bottom-ui #phrase-search-form{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) 126px!important;
    grid-template-areas:"submit query genre"!important;
    align-items:center!important;
    gap:9px!important;
    direction:ltr!important;
    width:min(920px,calc(100vw - 210px))!important;
    max-width:min(920px,calc(100vw - 210px))!important;
    height:64px!important;
    min-height:64px!important;
    padding:8px!important;
    margin:0 auto!important;
    background:rgba(3,12,22,.72)!important;
    background-image:none!important;
    border:1px solid rgba(125,233,255,.22)!important;
    border-radius:20px!important;
    box-shadow:0 16px 42px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(14px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
    overflow:visible!important;
  }
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #phrase-search-btn{
    grid-area:submit!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    margin:0!important;
    border-radius:15px!important;
  }
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .search-input-stack{
    grid-area:query!important;
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #phrase-query{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 17px!important;
    margin:0!important;
    color:#f7fbff!important;
    background:rgba(255,255,255,.085)!important;
    border:1px solid rgba(255,255,255,.17)!important;
    border-radius:15px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
    text-align:center!important;
    direction:ltr!important;
    font-size:17px!important;
    outline:none!important;
  }
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #phrase-query:focus{
    border-color:rgba(65,218,240,.72)!important;
    box-shadow:0 0 0 3px rgba(32,190,220,.13)!important;
  }
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .genre-filter-wrap{
    grid-area:genre!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:5px!important;
    width:126px!important;
    min-width:126px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 10px!important;
    margin:0!important;
    color:#7de9ff!important;
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:15px!important;
    box-shadow:none!important;
    direction:ltr!important;
    overflow:hidden!important;
  }
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .genre-filter-wrap>span{
    display:inline!important;
    font-size:10px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .genre-filter{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    padding:0 3px!important;
    margin:0!important;
    color:#fff!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:800!important;
    direction:ltr!important;
  }
}


/* v1.66.37 - stable max dock and compact mobile purchase plans */
@media (min-width:821px){
  /* The max-view search dock is viewport-anchored, not content-height anchored. */
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-bottom-ui{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    width:100%!important;
    height:96px!important;
    min-height:96px!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    transform:none!important;
    contain:layout paint!important;
  }
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-bottom-ui #phrase-search-form{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:16px!important;
    transform:translateX(-50%)!important;
    margin:0!important;
    contain:layout paint!important;
    transition:border-color .16s ease,box-shadow .16s ease!important;
  }
  body.phraselab-clean-max-v16635 #max-caption-mirror.smart-caption-en{
    bottom:98px!important;
  }
}

@media (max-width:820px){
  /* Compact purchase UI only on phones. Desktop/tablet desktop layouts stay intact. */
  html body .plan-modal{
    padding:8px!important;
    align-items:center!important;
  }
  html body .plan-modal-card{
    width:calc(100vw - 16px)!important;
    max-width:520px!important;
    max-height:calc(100dvh - 16px)!important;
    padding:14px 10px 12px!important;
    border-radius:19px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  html body .plan-modal-head{
    margin:0 auto 9px!important;
    padding:0 26px!important;
  }
  html body .plan-modal-head .auth-modal-kicker,
  html body .plan-modal-head p{
    display:none!important;
  }
  html body .plan-modal-head h2{
    margin:0!important;
    font-size:18px!important;
    line-height:1.35!important;
  }
  html body .plan-checkout-scope-v16637 .plan-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  html body .plan-checkout-scope-v16637 .plan-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "tier badge"
      "name price"
      "duration buy"!important;
    align-items:center!important;
    gap:4px 9px!important;
    min-height:0!important;
    padding:11px 12px!important;
    border-radius:16px!important;
    transform:none!important;
    overflow:visible!important;
  }
  html body .plan-checkout-scope-v16637 .plan-card::before{height:4px!important}
  html body .plan-checkout-scope-v16637 .plan-tier{
    grid-area:tier!important;
    margin:0!important;
    font-size:10px!important;
  }
  html body .plan-checkout-scope-v16637 .plan-badge{
    grid-area:badge!important;
    position:static!important;
    justify-self:end!important;
    padding:3px 7px!important;
    font-size:9px!important;
  }
  html body .plan-checkout-scope-v16637 .plan-card h3{
    grid-area:name!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.25!important;
  }
  html body .plan-checkout-scope-v16637 .plan-price{
    grid-area:price!important;
    justify-self:end!important;
    align-items:center!important;
    gap:4px!important;
    white-space:nowrap!important;
  }
  html body .plan-checkout-scope-v16637 .plan-price strong{font-size:20px!important}
  html body .plan-checkout-scope-v16637 .plan-price span,
  html body .plan-checkout-scope-v16637 .plan-duration{font-size:10px!important}
  html body .plan-checkout-scope-v16637 .plan-duration{
    grid-area:duration!important;
    margin:0!important;
  }
  html body .plan-checkout-scope-v16637 .plan-card>p,
  html body .plan-checkout-scope-v16637 .plan-features,
  html body .plan-checkout-scope-v16637 .plan-discount-badge-v16630{
    display:none!important;
  }
  html body .plan-checkout-scope-v16637 .plan-buy-btn{
    grid-area:buy!important;
    justify-self:end!important;
    width:auto!important;
    min-width:94px!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }
  html body .plan-checkout-scope-v16637 .plan-original-price-v16630{
    font-size:9px!important;
  }
  html body .discount-entry-v16637{
    order:10!important;
    width:100%!important;
    max-width:none!important;
    margin:10px 0 0!important;
    padding-top:9px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
  }
  html body .discount-entry-v16637 .discount-entry-controls-v16631{
    grid-template-columns:minmax(0,1fr) 68px!important;
    gap:6px!important;
  }
  html body .discount-entry-v16637 .discount-code-input-v16630,
  html body .discount-entry-v16637 .discount-apply-btn-v16630{
    height:36px!important;
    min-height:36px!important;
    border-radius:10px!important;
    font-size:11px!important;
  }
  html body .discount-entry-v16637 .discount-entry-status-v16630{
    min-height:16px!important;
    margin-top:3px!important;
    font-size:9px!important;
  }
  html body .plan-modal-card>#plan-modal-status{
    margin-top:7px!important;
    font-size:10px!important;
  }
  html body .policy-modal-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  html body .policy-modal-actions .btn{
    height:36px!important;
    min-height:36px!important;
    padding:0 8px!important;
    font-size:11px!important;
  }
  html body .checkout-shell{
    width:calc(100vw - 14px)!important;
    margin:12px auto 82px!important;
  }
  html body .checkout-hero{margin:0 auto 12px!important}
  html body .checkout-hero .section-kicker,
  html body .checkout-hero p{display:none!important}
  html body .checkout-hero h1{margin:0!important;font-size:21px!important;line-height:1.4!important}
  html body .checkout-trust-row{display:none!important}
}


/* v1.66.38 - max counter, scrollable admin dashboard, stable admin User View nav */
/* Maximum view: retain the live current/total/limit counter at the top-right. */
@media (min-width:821px){
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .pro-video-topbar{
    display:block!important;
    position:fixed!important;
    left:auto!important;
    right:18px!important;
    top:16px!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    pointer-events:none!important;
    z-index:2147483550!important;
  }
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .pro-video-topbar .top-movie-pill{
    display:none!important;
  }
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .pro-video-topbar .top-clip-tools{
    display:inline-flex!important;
    width:auto!important;
    margin:0!important;
    pointer-events:auto!important;
  }
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .pro-video-topbar #playlist-counter,
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .pro-video-topbar .pro-counter-pill{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 13px!important;
    margin:0!important;
    border-radius:13px!important;
    color:#fff!important;
    background:rgba(3,12,22,.76)!important;
    border:1px solid rgba(125,233,255,.24)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    direction:ltr!important;
    font-size:15px!important;
    font-weight:900!important;
  }
}

/* Admin dashboard: four independent lists, up to 50 rows, with sticky headers. */
html body.admin-mode .admin-dashboard-grid > .glass-card{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
html body.admin-mode .admin-dashboard-table-scroll-v16638{
  width:100%!important;
  max-height:520px!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  border-radius:0 0 16px 16px!important;
}
html body.admin-mode .admin-dashboard-table-scroll-v16638 .table{
  width:100%!important;
  margin:0!important;
}
html body.admin-mode .admin-dashboard-table-scroll-v16638 .table thead th{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  background:rgba(10,22,36,.98)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
html body.admin-mode .admin-dashboard-table-scroll-v16638::-webkit-scrollbar{
  width:9px!important;
  height:9px!important;
}
html body.admin-mode .admin-dashboard-table-scroll-v16638::-webkit-scrollbar-thumb{
  background:rgba(104,218,235,.42)!important;
  border-radius:999px!important;
}

/* Admin User View: same horizontal admin navigation behavior as the admin pages. */
@media (min-width:821px){
  html body.admin-user-view-mode .site-header.clean-header,
  html body.admin-user-view-mode .site-header.pro-top-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-areas:"nav actions"!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    min-height:66px!important;
    height:auto!important;
    padding:8px 14px!important;
    overflow:hidden!important;
    direction:ltr!important;
  }
  html body.admin-user-view-mode .site-header .top-nav,
  html body.admin-user-view-mode .top-nav.clean-top-nav,
  html body.admin-user-view-mode .top-nav.pro-top-nav{
    grid-area:nav!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:2px 2px 5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:thin!important;
  }
  html body.admin-user-view-mode .site-header .top-nav a,
  html body.admin-user-view-mode .top-nav.clean-top-nav a,
  html body.admin-user-view-mode .top-nav.pro-top-nav a{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:auto!important;
    padding:8px 10px!important;
    border-radius:12px!important;
    font-size:12px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  html body.admin-user-view-mode .site-header .header-actions{
    grid-area:actions!important;
    justify-self:end!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:max-content!important;
    overflow:visible!important;
  }
  html body.admin-user-view-mode .site-header .header-center-stats{
    display:none!important;
  }
}


/* v1.66.39 - mobile captions without background boxes */
@media (max-width:820px){
  /* Mobile only: keep subtitle text and copy controls, remove every visible caption panel. */
  html body.user-mode .player-layout-v16639 .video-media-area > #fa-caption-wrap.smart-caption-wrap,
  html body.user-mode .player-layout-v16639 .video-media-area > #caption-wrap.smart-caption-wrap,
  html.is-mobile-layout body.user-mode .player-layout-v16639 .video-media-area > #fa-caption-wrap.smart-caption-wrap,
  html.is-mobile-layout body.user-mode .player-layout-v16639 .video-media-area > #caption-wrap.smart-caption-wrap{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-radius:0!important;
  }

  html body.user-mode .player-layout-v16639 .video-media-area > #fa-caption-wrap #fa-caption,
  html body.user-mode .player-layout-v16639 .video-media-area > #fa-caption-wrap .smart-caption-text,
  html body.user-mode .player-layout-v16639 .video-media-area > #caption-wrap #caption-bar,
  html body.user-mode .player-layout-v16639 .video-media-area > #caption-wrap .smart-caption-text,
  html body.user-mode .player-layout-v16639 .video-media-area > #caption-wrap .live-caption,
  html.is-mobile-layout body.user-mode .player-layout-v16639 .video-media-area > #fa-caption-wrap #fa-caption,
  html.is-mobile-layout body.user-mode .player-layout-v16639 .video-media-area > #fa-caption-wrap .smart-caption-text,
  html.is-mobile-layout body.user-mode .player-layout-v16639 .video-media-area > #caption-wrap #caption-bar,
  html.is-mobile-layout body.user-mode .player-layout-v16639 .video-media-area > #caption-wrap .smart-caption-text,
  html.is-mobile-layout body.user-mode .player-layout-v16639 .video-media-area > #caption-wrap .live-caption{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-radius:0!important;
    padding-left:2px!important;
    padding-right:2px!important;
    text-shadow:0 2px 4px rgba(0,0,0,.96),0 0 8px rgba(0,0,0,.78)!important;
  }

  html body.user-mode .player-layout-v16639 .video-media-area > #fa-caption-wrap::before,
  html body.user-mode .player-layout-v16639 .video-media-area > #fa-caption-wrap::after,
  html body.user-mode .player-layout-v16639 .video-media-area > #caption-wrap::before,
  html body.user-mode .player-layout-v16639 .video-media-area > #caption-wrap::after{
    content:none!important;
    display:none!important;
  }
}


/* v1.66.40 - mobile transport dock and NSFW genre/accuracy controls */
/* NSFW scanner genre/profile selector. */
html body.admin-mode .nsfw-scan-config-v16640{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
}
html body.admin-mode .nsfw-genre-picker-v16640{
  margin:16px 0 4px!important;
  padding:14px!important;
  border:1px solid rgba(115,225,241,.24)!important;
  border-radius:17px!important;
  background:rgba(4,18,31,.34)!important;
}
html body.admin-mode .nsfw-genre-picker-v16640 legend{
  padding:0 8px!important;
  font-weight:900!important;
}
html body.admin-mode .nsfw-animation-excluded-v16640{
  display:inline-flex!important;
  margin:0 0 10px!important;
  padding:7px 10px!important;
  border-radius:10px!important;
  color:#ffd1d1!important;
  background:rgba(210,47,47,.14)!important;
  border:1px solid rgba(255,105,105,.22)!important;
  font-size:12px!important;
}
html body.admin-mode .nsfw-genre-actions-v16640{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-bottom:10px!important;
}
html body.admin-mode .nsfw-genre-actions-v16640 .btn{
  min-height:34px!important;
  height:34px!important;
  padding:0 12px!important;
  font-size:11px!important;
}
html body.admin-mode .nsfw-genre-grid-v16640{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
}
html body.admin-mode .nsfw-genre-grid-v16640 label{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  min-height:38px!important;
  margin:0!important;
  padding:7px 9px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  cursor:pointer!important;
}
html body.admin-mode .nsfw-genre-grid-v16640 label:has(input:checked){
  background:rgba(20,184,199,.16)!important;
  border-color:rgba(70,226,241,.42)!important;
}
html body.admin-mode .nsfw-genre-grid-v16640 input{
  width:16px!important;
  height:16px!important;
  flex:0 0 auto!important;
}
html body.admin-mode .nsfw-genre-grid-v16640 span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
}

@media (max-width:1100px){
  html body.admin-mode .nsfw-genre-grid-v16640{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media (max-width:820px){
  /* Mobile only: move Previous / Play-Pause / Next below the video. Desktop remains unchanged. */
  html body.user-mode .player-layout-v16640 .mobile-bottom-ui-external-v16632 .mobile-meta-row-v16632{
    display:grid!important;
    grid-template-columns:76px minmax(142px,1fr) 76px!important;
    align-items:center!important;
    justify-content:stretch!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 3px!important;
    gap:8px!important;
    direction:ltr!important;
  }
  html body.user-mode .player-layout-v16640 .mobile-bottom-ui-external-v16632 .mobile-transport-docked-v16640{
    grid-column:2!important;
    justify-self:center!important;
    align-self:center!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:38px 44px 38px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:auto!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 8px!important;
    opacity:1!important;
    pointer-events:auto!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:none!important;
  }
  html body.user-mode .player-layout-v16640 .mobile-transport-docked-v16640 .center-skip,
  html body.user-mode .player-layout-v16640 .mobile-transport-docked-v16640 .mobile-play-toggle{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    color:#eafcff!important;
    border:1px solid rgba(113,230,244,.24)!important;
    background:rgba(11,35,51,.88)!important;
    box-shadow:0 5px 14px rgba(0,0,0,.16)!important;
  }
  html body.user-mode .player-layout-v16640 .mobile-transport-docked-v16640 .center-skip{
    width:38px!important;
    min-width:38px!important;
    height:36px!important;
    min-height:36px!important;
    border-radius:12px!important;
    font-size:0!important;
  }
  html body.user-mode .player-layout-v16640 .mobile-transport-docked-v16640 #prev-clip::before{
    content:'⏮'!important;
    font-size:15px!important;
  }
  html body.user-mode .player-layout-v16640 .mobile-transport-docked-v16640 #next-clip::before{
    content:'⏭'!important;
    font-size:15px!important;
  }
  html body.user-mode .player-layout-v16640 .mobile-transport-docked-v16640 .mobile-play-toggle{
    width:44px!important;
    min-width:44px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:14px!important;
  }
  html body.user-mode .player-layout-v16640 .mobile-transport-docked-v16640 .mobile-play-toggle span{
    width:100%!important;
    height:100%!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:16px!important;
    text-indent:0!important;
  }
  html body.user-mode .player-layout-v16640 .mobile-bottom-ui-external-v16632 .mobile-tools-docked-v16632{
    grid-column:3!important;
    justify-self:end!important;
    align-self:center!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:5px!important;
    width:76px!important;
    height:38px!important;
    min-height:38px!important;
  }
  html body.user-mode .player-layout-v16640 .mobile-bottom-ui-external-v16632 .clip-jump-input,
  html body.user-mode .player-layout-v16640 .mobile-bottom-ui-external-v16632 .clip-repeat-toggle{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    border-radius:11px!important;
  }
  /* There must be no second transport layer over the movie after docking. */
  html body.user-mode .player-layout-v16640 .video-media-area > .center-transport{
    display:none!important;
  }

  html body.admin-mode .nsfw-scan-config-v16640{grid-template-columns:1fr!important}
  html body.admin-mode .nsfw-genre-grid-v16640{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* v1.66.41 - make mobile previous/play/next controls unmistakably visible */
@media (max-width:820px){
  html body.user-mode .player-layout-v16641 .mobile-bottom-ui-external-v16632 .mobile-meta-row-v16632{
    grid-template-columns:76px minmax(164px,1fr) 76px!important;
    min-height:52px!important;
    height:52px!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16641 .mobile-transport-docked-v16640{
    grid-column:2!important;
    display:flex!important;
    visibility:visible!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:164px!important;
    min-width:164px!important;
    height:48px!important;
    min-height:48px!important;
    overflow:visible!important;
    opacity:1!important;
    padding:3px 7px!important;
    background:rgba(7,25,39,.96)!important;
    border:1px solid rgba(77,220,239,.34)!important;
    border-radius:16px!important;
    box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
  }
  html body.user-mode .player-layout-v16641 .mobile-transport-docked-v16640 #prev-clip,
  html body.user-mode .player-layout-v16641 .mobile-transport-docked-v16640 #next-clip,
  html body.user-mode .player-layout-v16641 .mobile-transport-docked-v16640 #big-play-button{
    position:static!important;
    display:grid!important;
    visibility:visible!important;
    place-items:center!important;
    flex:0 0 auto!important;
    opacity:1!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    text-indent:0!important;
    color:#f4fdff!important;
    background:#123247!important;
    border:1px solid rgba(123,236,248,.42)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 12px rgba(0,0,0,.25)!important;
  }
  html body.user-mode .player-layout-v16641 .mobile-transport-docked-v16640 #prev-clip,
  html body.user-mode .player-layout-v16641 .mobile-transport-docked-v16640 #next-clip{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    border-radius:13px!important;
    font-size:0!important;
  }
  html body.user-mode .player-layout-v16641 .mobile-transport-docked-v16640 #big-play-button{
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,#18bfd2,#087e9b)!important;
    border-color:rgba(188,250,255,.72)!important;
  }
  html body.user-mode .player-layout-v16641 .mobile-transport-docked-v16640 .mobile-transport-icon{
    display:grid!important;
    visibility:visible!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    opacity:1!important;
    line-height:1!important;
    text-indent:0!important;
    font-family:Arial,"Segoe UI Symbol",sans-serif!important;
    font-size:19px!important;
    font-weight:900!important;
    text-shadow:0 1px 3px rgba(0,0,0,.55)!important;
  }
  html body.user-mode .player-layout-v16641 .mobile-transport-docked-v16640 .mobile-play-icon{
    font-size:18px!important;
  }
  html body.user-mode .player-layout-v16641 .mobile-transport-docked-v16640 #prev-clip::before,
  html body.user-mode .player-layout-v16641 .mobile-transport-docked-v16640 #next-clip::before{
    content:none!important;
    display:none!important;
  }
}


/* v1.66.42 - mobile transport row must stay ABOVE search bar */
@media (max-width:820px){
  html body.user-mode .player-layout-v16642 .mobile-bottom-ui-external-v16632{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
  }
  html body.user-mode .player-layout-v16642 .mobile-bottom-ui-external-v16632 .mobile-meta-row-v16632{
    order:1!important;
    margin:0 0 2px!important;
  }
  html body.user-mode .player-layout-v16642 .mobile-bottom-ui-external-v16632 form#phrase-search-form{
    order:2!important;
    margin:0!important;
  }
  html body.user-mode .player-layout-v16642 .mobile-bottom-ui-external-v16632 .stable-action-row{
    order:3!important;
    margin-top:0!important;
  }
  html body.user-mode .player-layout-v16642 .mobile-bottom-ui-external-v16632 .mobile-tools-docked-v16632{
    grid-column:3!important;
    justify-self:end!important;
    align-self:center!important;
  }
  html body.user-mode .player-layout-v16642 .mobile-transport-docked-v16640{
    grid-column:2!important;
    justify-self:center!important;
    align-self:center!important;
  }
}


/* v1.66.43 - real standalone mobile transport row above search */
.mobile-controls-row-v16643{display:none}
@media (max-width:820px){
  html body.user-mode .player-layout-v16643 .mobile-bottom-ui-external-v16632{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    gap:8px!important;
    overflow:visible!important;
  }

  html body.user-mode .player-layout-v16643 .mobile-bottom-ui-external-v16632 > .mobile-controls-row-v16643{
    display:grid!important;
    grid-template-columns:70px minmax(156px,1fr) 70px!important;
    align-items:center!important;
    justify-content:stretch!important;
    order:1!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0 0 2px!important;
    padding:4px 3px!important;
    gap:8px!important;
    overflow:visible!important;
    isolation:isolate!important;
    z-index:4!important;
    box-sizing:border-box!important;
  }

  html body.user-mode .player-layout-v16643 .mobile-bottom-ui-external-v16632 > form#phrase-search-form{
    order:2!important;
    position:relative!important;
    z-index:2!important;
    margin:0!important;
    transform:none!important;
  }

  html body.user-mode .player-layout-v16643 .mobile-bottom-ui-external-v16632 > .stable-action-row{
    order:3!important;
    position:relative!important;
    z-index:1!important;
    margin:0!important;
  }

  html body.user-mode .player-layout-v16643 .mobile-controls-row-v16643 > .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16643 .mobile-controls-row-v16643 > .center-transport{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    position:relative!important;
    inset:auto!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:156px!important;
    min-width:156px!important;
    max-width:156px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0!important;
    padding:4px 7px!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    z-index:2!important;
    background:rgba(7,25,39,.96)!important;
    border:1px solid rgba(77,220,239,.34)!important;
    border-radius:16px!important;
    box-shadow:0 8px 20px rgba(0,0,0,.24)!important;
    box-sizing:border-box!important;
  }

  html body.user-mode .player-layout-v16643 .mobile-controls-row-v16643 > .mobile-tools-docked-v16632,
  html body.user-mode .player-layout-v16643 .mobile-controls-row-v16643 > .video-side-tools{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    position:relative!important;
    inset:auto!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    z-index:3!important;
  }

  html body.user-mode .player-layout-v16643 .mobile-controls-row-v16643 .clip-jump-input,
  html body.user-mode .player-layout-v16643 .mobile-controls-row-v16643 .clip-repeat-toggle{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    border-radius:11px!important;
  }

  html body.user-mode .player-layout-v16643 .mobile-controls-row-v16643 #prev-clip,
  html body.user-mode .player-layout-v16643 .mobile-controls-row-v16643 #next-clip{
    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 .player-layout-v16643 .mobile-controls-row-v16643 #big-play-button{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
  }

  html body.user-mode .player-layout-v16643 .mobile-bottom-ui-external-v16632 > .mobile-meta-row-v16631,
  html body.user-mode .player-layout-v16643 .mobile-bottom-ui-external-v16632 > .mobile-meta-row-v16632{
    display:none!important;
  }
}

@media (max-width:360px){
  html body.user-mode .player-layout-v16643 .mobile-bottom-ui-external-v16632 > .mobile-controls-row-v16643{
    grid-template-columns:64px minmax(148px,1fr) 64px!important;
    gap:5px!important;
  }
  html body.user-mode .player-layout-v16643 .mobile-controls-row-v16643 > .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16643 .mobile-controls-row-v16643 > .center-transport{
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    gap:7px!important;
    padding-inline:5px!important;
  }
  html body.user-mode .player-layout-v16643 .mobile-controls-row-v16643 > .mobile-tools-docked-v16632,
  html body.user-mode .player-layout-v16643 .mobile-controls-row-v16643 > .video-side-tools{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    gap:3px!important;
  }
  html body.user-mode .player-layout-v16643 .mobile-controls-row-v16643 .clip-jump-input,
  html body.user-mode .player-layout-v16643 .mobile-controls-row-v16643 .clip-repeat-toggle{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
  }
}


/* v1.66.44 - mobile play glyph optical centering and tools on physical right */
@media (max-width:820px){
  html body.user-mode .player-layout-v16644 .mobile-controls-row-v16643{
    position:relative!important;
    display:block!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:4px 3px!important;
    direction:ltr!important;
  }

  /* Keep Previous / Play / Next optically centered in the whole row. */
  html body.user-mode .player-layout-v16644 .mobile-controls-row-v16643 > .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16644 .mobile-controls-row-v16643 > .center-transport{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    direction:ltr!important;
  }

  /* Page and Repeat must sit on the physical right side, regardless of RTL inheritance. */
  html body.user-mode .player-layout-v16644 .mobile-controls-row-v16643 > .mobile-tools-docked-v16632,
  html body.user-mode .player-layout-v16644 .mobile-controls-row-v16643 > .video-side-tools{
    position:absolute!important;
    right:3px!important;
    left:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    direction:ltr!important;
  }

  /* The triangle is geometrically centred but visually top-heavy; lower it slightly. */
  html body.user-mode .player-layout-v16644 .mobile-controls-row-v16643 #big-play-button .mobile-play-icon{
    position:relative!important;
    top:2px!important;
    transform:none!important;
    line-height:1!important;
    display:grid!important;
    place-items:center!important;
  }
}

@media (max-width:360px){
  html body.user-mode .player-layout-v16644 .mobile-controls-row-v16643 > .mobile-tools-docked-v16632,
  html body.user-mode .player-layout-v16644 .mobile-controls-row-v16643 > .video-side-tools{
    right:1px!important;
  }
}
\n\n/* v1.66.45 - stable mobile transport and halo-free play control */
@media (max-width:820px){
  /* The controls have a permanent coordinate system; video source changes must not animate it. */
  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643,
  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 > .center-transport,
  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 > .video-side-tools{
    transition:none!important;
    animation:none!important;
    will-change:auto!important;
  }

  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 > .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 > .center-transport{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:156px!important;
    min-width:156px!important;
    max-width:156px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
  }

  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 #big-play-button,
  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 #big-play-button:hover,
  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 #big-play-button:active,
  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 #big-play-button:focus,
  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 #big-play-button:focus-visible{
    appearance:none!important;
    -webkit-appearance:none!important;
    outline:0!important;
    -webkit-tap-highlight-color:transparent!important;
    background:linear-gradient(145deg,#18bfd2,#087e9b)!important;
    border:1px solid rgba(188,250,255,.72)!important;
    box-shadow:0 5px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.12)!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 #big-play-button::before,
  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 #big-play-button::after{
    content:none!important;
    display:none!important;
  }

  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 #big-play-button .mobile-play-icon,
  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 #big-play-button.is-playing .mobile-play-icon,
  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 #big-play-button.is-paused .mobile-play-icon{
    position:relative!important;
    top:2px!important;
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:0 1px 3px rgba(0,0,0,.45)!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:1!important;
    transform:none!important;
  }

  /* Keep all three transport buttons rendered while a new source is loading. */
  html body.user-mode .player-layout-v16645 .mobile-controls-row-v16643 #big-play-button.hidden{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }
}


/* v1.66.46 - CSS-drawn play icon and easy Persian subtitle drag on mobile */
@media (max-width:820px){
  /* Remove every white/inset layer from the Play control itself. */
  html body.user-mode .player-layout-v16646 .mobile-controls-row-v16643 #big-play-button,
  html body.user-mode .player-layout-v16646 .mobile-controls-row-v16643 #big-play-button:hover,
  html body.user-mode .player-layout-v16646 .mobile-controls-row-v16643 #big-play-button:active,
  html body.user-mode .player-layout-v16646 .mobile-controls-row-v16643 #big-play-button:focus,
  html body.user-mode .player-layout-v16646 .mobile-controls-row-v16643 #big-play-button:focus-visible{
    background:#0ca5bd!important;
    background-image:linear-gradient(145deg,#18bfd2 0%,#0b8fa9 100%)!important;
    border:1px solid rgba(44,217,237,.72)!important;
    outline:0!important;
    box-shadow:0 6px 14px rgba(0,0,0,.28)!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* The icon is drawn with CSS, not a font/emoji glyph, so it has no white rectangle or halo. */
  html body.user-mode .player-layout-v16646 .mobile-controls-row-v16643 #big-play-button .mobile-play-icon{
    position:relative!important;
    top:0!important;
    display:block!important;
    width:20px!important;
    min-width:20px!important;
    max-width:20px!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    margin:2px 0 0 2px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16646 .mobile-controls-row-v16643 #big-play-button .mobile-play-icon::before,
  html body.user-mode .player-layout-v16646 .mobile-controls-row-v16643 #big-play-button .mobile-play-icon::after{
    box-sizing:border-box!important;
    filter:none!important;
    box-shadow:none!important;
  }
  html body.user-mode .player-layout-v16646 .mobile-controls-row-v16643 #big-play-button .mobile-play-icon.is-play-icon::before{
    content:''!important;
    position:absolute!important;
    left:5px!important;
    top:2px!important;
    width:0!important;
    height:0!important;
    border-top:8px solid transparent!important;
    border-bottom:8px solid transparent!important;
    border-left:13px solid #f4fdff!important;
  }
  html body.user-mode .player-layout-v16646 .mobile-controls-row-v16643 #big-play-button .mobile-play-icon.is-play-icon::after{
    content:none!important;
    display:none!important;
  }
  html body.user-mode .player-layout-v16646 .mobile-controls-row-v16643 #big-play-button .mobile-play-icon.is-pause-icon::before,
  html body.user-mode .player-layout-v16646 .mobile-controls-row-v16643 #big-play-button .mobile-play-icon.is-pause-icon::after{
    content:''!important;
    position:absolute!important;
    top:2px!important;
    width:5px!important;
    height:16px!important;
    border:0!important;
    border-radius:1px!important;
    background:#f4fdff!important;
  }
  html body.user-mode .player-layout-v16646 .mobile-controls-row-v16643 #big-play-button .mobile-play-icon.is-pause-icon::before{left:3px!important;}
  html body.user-mode .player-layout-v16646 .mobile-controls-row-v16643 #big-play-button .mobile-play-icon.is-pause-icon::after{right:3px!important;}

  /* Persian subtitle: a large invisible touch target, while the visible subtitle remains boxless. */
  html body.user-mode .player-layout-v16646 .video-media-area > #fa-caption-wrap.smart-caption-fa{
    width:min(94%,540px)!important;
    max-width:94%!important;
    min-height:46px!important;
    padding:8px 38px 8px 12px!important;
    box-sizing:border-box!important;
    touch-action:none!important;
    -ms-touch-action:none!important;
    cursor:grab!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-user-drag:none!important;
    pointer-events:auto!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
  }
  html body.user-mode .player-layout-v16646 .video-media-area > #fa-caption-wrap.smart-caption-fa.caption-drag-armed,
  html body.user-mode .player-layout-v16646 .video-media-area > #fa-caption-wrap.smart-caption-fa.caption-dragging{
    cursor:grabbing!important;
    z-index:110!important;
  }
  html body.user-mode .player-layout-v16646 .video-media-area > #fa-caption-wrap #fa-caption,
  html body.user-mode .player-layout-v16646 .video-media-area > #fa-caption-wrap .fa-caption-text,
  html body.user-mode .player-layout-v16646 .video-media-area > #fa-caption-wrap .smart-caption-text{
    pointer-events:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
  html body.user-mode .player-layout-v16646 .video-media-area > #fa-caption-wrap .caption-copy-btn{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
}

/* v1.66.47 - isolated first-party authentication and SEO/security safe patch */
.auth-choice-card-v16647{max-width:460px!important}
.auth-choice-grid-v16647{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
.auth-choice-grid-v16647 .btn{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center}
.auth-origin-note-v16647{margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(35,198,176,.08);border:1px solid rgba(57,219,197,.23);color:#d9fffa;font-size:12px;line-height:1.7;text-align:center}
.secure-auth-shell-v16647{min-height:calc(100dvh - 70px);padding:18px}
.secure-auth-card-v16647{width:min(100%,460px)!important}
.auth-security-note-v16647{margin:12px 0 0;color:#aebbd2;font-size:11px;line-height:1.7;text-align:center}
@media(max-width:820px){
  .secure-auth-shell-v16647{padding:10px;min-height:calc(100dvh - 48px)}
  .secure-auth-card-v16647{padding:16px!important}
  .auth-origin-note-v16647{font-size:10.5px;padding:8px 9px}
}

/* v1.66.49 - lazy first-party auth popup and restored desktop play/pause glyphs */
html body .auth-modal-v16649{
  padding:12px!important;
  background:rgba(2,8,18,.68)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
html body .auth-popup-card-v16649{
  width:min(calc(100vw - 24px),420px)!important;
  max-width:420px!important;
  max-height:min(88dvh,720px)!important;
  overflow:auto!important;
  padding:20px 18px 16px!important;
  border-radius:22px!important;
}
html body .auth-modal-content-v16649{width:100%!important;min-height:80px!important;}
html body .auth-popup-inner-v16649{display:block!important;width:100%!important;}
html body .auth-popup-head-v16649{padding:0 34px 4px!important;text-align:center!important;}
html body .auth-popup-head-v16649 .auth-modal-kicker{margin-bottom:4px!important;}
html body .auth-popup-head-v16649 h3{font-size:22px!important;margin:0!important;}
html body .auth-popup-tabs-v16649{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  margin:11px 0 13px!important;
  padding:5px!important;
  border-radius:14px!important;
}
html body .auth-popup-tabs-v16649 .auth-tab{
  min-width:0!important;
  height:38px!important;
  padding:0 4px!important;
  border-radius:10px!important;
  font-size:12px!important;
}
html body .auth-popup-form-v16649{gap:9px!important;}
html body .auth-popup-form-v16649 label{gap:5px!important;font-size:12px!important;}
html body .auth-popup-form-v16649 input:not([type="checkbox"]){
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 11px!important;
  border-radius:12px!important;
  font-size:14px!important;
}
html body .auth-popup-form-v16649 .captcha-row{gap:7px!important;}
html body .auth-popup-form-v16649 .captcha-row .captcha-img{height:44px!important;min-height:44px!important;border-radius:10px!important;}
html body .auth-popup-form-v16649 .captcha-row input{min-width:0!important;}
html body .auth-popup-form-v16649 .btn{min-height:43px!important;height:43px!important;border-radius:12px!important;}
html body .auth-popup-register-grid-v16649{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
html body .auth-popup-remember-v16649{display:flex!important;align-items:center!important;gap:7px!important;}
html body .auth-popup-remember-v16649 input{width:17px!important;height:17px!important;min-height:17px!important;}
html body .auth-popup-forgot-v16649{display:block!important;text-align:center!important;margin-top:1px!important;font-size:12px!important;color:#8feaff!important;}
html body .auth-popup-loading-v16649{display:grid!important;place-items:center!important;min-height:120px!important;color:#bff8ff!important;font-weight:800!important;}
html body .auth-popup-retry-v16649{margin:36px 0!important;}
html body .auth-popup-card-v16649 .auth-modal-status{min-height:18px!important;margin-top:8px!important;font-size:12px!important;}

@media(max-width:520px){
  html body .auth-popup-card-v16649{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 18px)!important;padding:18px 12px 14px!important;border-radius:18px!important;}
  html body .auth-popup-register-grid-v16649{grid-template-columns:1fr!important;}
  html body .auth-popup-tabs-v16649 .auth-tab{font-size:11px!important;}
}

/* Desktop icon restoration: v1.66.46 intentionally drew the glyph only on mobile. */
@media(min-width:821px){
  html body.user-mode .player-layout-v16649 .video-media-area #big-play-button::before,
  html body.user-mode .player-layout-v16649 .video-media-area #big-play-button::after{
    content:none!important;
    display:none!important;
  }
  html body.user-mode .player-layout-v16649 .video-media-area #big-play-button .mobile-play-icon{
    position:relative!important;
    display:block!important;
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    overflow:visible!important;
    opacity:1!important;
  }
  html body.user-mode .player-layout-v16649 .video-media-area #big-play-button .mobile-play-icon::before,
  html body.user-mode .player-layout-v16649 .video-media-area #big-play-button .mobile-play-icon::after{
    box-sizing:border-box!important;
    filter:none!important;
    box-shadow:none!important;
  }
  html body.user-mode .player-layout-v16649 .video-media-area #big-play-button .mobile-play-icon.is-play-icon::before{
    content:''!important;
    position:absolute!important;
    left:7px!important;
    top:3px!important;
    width:0!important;
    height:0!important;
    border-top:9px solid transparent!important;
    border-bottom:9px solid transparent!important;
    border-left:15px solid #f7feff!important;
  }
  html body.user-mode .player-layout-v16649 .video-media-area #big-play-button .mobile-play-icon.is-play-icon::after{
    content:none!important;
    display:none!important;
  }
  html body.user-mode .player-layout-v16649 .video-media-area #big-play-button .mobile-play-icon.is-pause-icon::before,
  html body.user-mode .player-layout-v16649 .video-media-area #big-play-button .mobile-play-icon.is-pause-icon::after{
    content:''!important;
    position:absolute!important;
    top:3px!important;
    width:6px!important;
    height:18px!important;
    border:0!important;
    border-radius:1px!important;
    background:#f7feff!important;
  }
  html body.user-mode .player-layout-v16649 .video-media-area #big-play-button .mobile-play-icon.is-pause-icon::before{left:4px!important;}
  html body.user-mode .player-layout-v16649 .video-media-area #big-play-button .mobile-play-icon.is-pause-icon::after{right:4px!important;}
}


/* v1.66.50 - DialogLab responsive cinematic dashboard background
   The complete artwork is always visible with `contain`; a soft cover layer
   fills unused space on monitors with different aspect ratios without stretching. */
body.app-body:not(.auth-page){
  position:relative!important;
  isolation:isolate!important;
  min-height:100vh!important;
  background-color:#06182b!important;
  background-image:
    linear-gradient(180deg,rgba(3,15,29,.10),rgba(3,15,29,.30)),
    url("img/dialoglab_dashboard_background_v16670.jpg")!important;
  background-position:center center,center top!important;
  background-size:100% 100%,contain!important;
  background-repeat:no-repeat,no-repeat!important;
  background-attachment:fixed,fixed!important;
}
body.app-body:not(.auth-page)::before{
  content:""!important;
  position:fixed!important;
  inset:-24px!important;
  z-index:-3!important;
  pointer-events:none!important;
  background:url("img/dialoglab_dashboard_background_v16670.jpg") center center / cover no-repeat!important;
  filter:blur(18px) saturate(1.08) brightness(.58)!important;
  opacity:.52!important;
  transform:scale(1.035)!important;
}
body.app-body:not(.auth-page)::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 34%,rgba(7,32,57,.08),rgba(2,12,24,.28) 76%),
    linear-gradient(180deg,rgba(2,13,26,.05),rgba(2,13,26,.22))!important;
  backdrop-filter:none!important;
}

/* Keep the entire image visible on compact and portrait screens as well. */
@media (max-width:820px), (orientation:portrait){
  body.app-body:not(.auth-page){
    background-position:center center,center top!important;
    background-size:100% 100%,100% auto!important;
    background-attachment:fixed,fixed!important;
  }
  body.app-body:not(.auth-page)::before{
    background-position:center top!important;
    filter:blur(20px) saturate(1.05) brightness(.52)!important;
    opacity:.58!important;
  }
}

/* Very wide monitors: full artwork stays centered and uncropped. */
@media (min-aspect-ratio:21/9){
  body.app-body:not(.auth-page){
    background-size:100% 100%,auto 100vh!important;
    background-position:center center,center top!important;
  }
}


/* v1.66.51 - make the approved blue dashboard artwork clearly visible.
   A legacy `background-blend-mode:multiply` was darkening the image heavily. */
body.app-body:not(.auth-page){
  background-color:#071b31!important;
  background-blend-mode:normal!important;
  background-image:
    linear-gradient(180deg,rgba(3,15,29,.015),rgba(3,15,29,.09)),
    url("img/dialoglab_dashboard_background_v16670.jpg")!important;
  background-position:center center,center top!important;
  background-size:100% 100%,contain!important;
  background-repeat:no-repeat,no-repeat!important;
  background-attachment:fixed,fixed!important;
}
body.app-body:not(.auth-page)::before{
  inset:-18px!important;
  background:url("img/dialoglab_dashboard_background_v16670.jpg") center center / cover no-repeat!important;
  filter:blur(12px) saturate(1.18) brightness(.86)!important;
  opacity:.92!important;
  transform:scale(1.025)!important;
}
body.app-body:not(.auth-page)::after{
  background:
    radial-gradient(circle at 50% 34%,rgba(7,32,57,0),rgba(2,12,24,.10) 82%),
    linear-gradient(180deg,rgba(2,13,26,0),rgba(2,13,26,.08))!important;
}
@media (max-width:820px), (orientation:portrait){
  body.app-body:not(.auth-page){
    background-size:100% 100%,auto min(100vh,100vw * .5625)!important;
    background-position:center center,center top!important;
  }
  body.app-body:not(.auth-page)::before{
    filter:blur(10px) saturate(1.14) brightness(.84)!important;
    opacity:.94!important;
  }
}
@media (min-aspect-ratio:21/9){
  body.app-body:not(.auth-page){
    background-size:100% 100%,auto 100vh!important;
    background-position:center center,center top!important;
  }
  body.app-body:not(.auth-page)::before{
    filter:blur(10px) saturate(1.2) brightness(.90)!important;
    opacity:.96!important;
  }
}


/* v1.66.52 - clear full-screen artwork + isolated blue video seek bar */
body.app-body:not(.auth-page){
  background-color:#06182b!important;
  background-image:url("img/dialoglab_dashboard_background_v16670.jpg")!important;
  background-position:center center!important;
  background-size:100vw 100vh!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  background-blend-mode:normal!important;
}
body.app-body:not(.auth-page)::before,
body.app-body:not(.auth-page)::after{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
  opacity:0!important;
  backdrop-filter:none!important;
}
body.app-body:not(.auth-page)>.aurora-bg{
  display:none!important;
  opacity:0!important;
  background:none!important;
  filter:none!important;
}

/* Independent row: it does not alter the existing transport/search/action layouts. */
html body.user-mode .player-layout-v16652 .video-seek-row-v16652{
  order:4!important;
  position:relative!important;
  z-index:42!important;
  direction:ltr!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 54px!important;
  align-items:center!important;
  width:100%!important;
  min-height:38px!important;
  padding:6px 15px 7px!important;
  gap:10px!important;
  box-sizing:border-box!important;
  background:linear-gradient(180deg,rgba(4,21,37,.98),rgba(5,29,49,.98))!important;
  border-top:1px solid rgba(65,210,239,.24)!important;
  border-bottom:1px solid rgba(26,132,171,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html body.user-mode .player-layout-v16652 .video-time-label-v16652{
  display:block!important;
  min-width:54px!important;
  color:#aeefff!important;
  font:800 12px/1.1 "Segoe UI",Tahoma,sans-serif!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
  text-shadow:0 0 10px rgba(36,205,239,.28)!important;
}
html body.user-mode .player-layout-v16652 .video-seek-slider-v16652{
  --seek-progress:0%;
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:100%!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  cursor:pointer!important;
  touch-action:pan-x!important;
  accent-color:#20c9e7!important;
}
html body.user-mode .player-layout-v16652 .video-seek-slider-v16652::-webkit-slider-runnable-track{
  width:100%!important;
  height:7px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#17b9dc 0%,#39dcf4 var(--seek-progress),rgba(76,123,153,.34) var(--seek-progress),rgba(76,123,153,.34) 100%)!important;
  border:1px solid rgba(113,225,246,.22)!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.38),0 0 10px rgba(28,190,225,.14)!important;
}
html body.user-mode .player-layout-v16652 .video-seek-slider-v16652::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  width:17px!important;
  height:17px!important;
  margin-top:-6px!important;
  border-radius:50%!important;
  border:2px solid #d9fbff!important;
  background:#20c9e7!important;
  box-shadow:0 0 0 4px rgba(32,201,231,.16),0 0 14px rgba(32,201,231,.55)!important;
}
html body.user-mode .player-layout-v16652 .video-seek-slider-v16652::-moz-range-track{
  height:7px!important;
  border-radius:999px!important;
  background:rgba(76,123,153,.34)!important;
  border:1px solid rgba(113,225,246,.22)!important;
}
html body.user-mode .player-layout-v16652 .video-seek-slider-v16652::-moz-range-progress{
  height:7px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#17b9dc,#39dcf4)!important;
}
html body.user-mode .player-layout-v16652 .video-seek-slider-v16652::-moz-range-thumb{
  width:15px!important;
  height:15px!important;
  border-radius:50%!important;
  border:2px solid #d9fbff!important;
  background:#20c9e7!important;
  box-shadow:0 0 0 4px rgba(32,201,231,.16),0 0 14px rgba(32,201,231,.55)!important;
}
html body.user-mode .player-layout-v16652 .video-seek-slider-v16652:disabled{
  cursor:default!important;
  opacity:.48!important;
}
html body.user-mode .player-layout-v16652 .video-bottom-ui{
  order:5!important;
}

@media(max-width:820px){
  body.app-body:not(.auth-page){
    background-size:100vw 100vh!important;
    background-position:center center!important;
  }
  html body.user-mode .player-layout-v16652 .video-seek-row-v16652{
    grid-template-columns:minmax(0,1fr)!important;
    min-height:28px!important;
    padding:3px 13px 4px!important;
    gap:0!important;
  }
  html body.user-mode .player-layout-v16652 .video-time-label-v16652{
    display:none!important;
  }
  html body.user-mode .player-layout-v16652 .video-seek-slider-v16652{
    height:20px!important;
  }
  html body.user-mode .player-layout-v16652 .video-seek-slider-v16652::-webkit-slider-runnable-track{
    height:5px!important;
  }
  html body.user-mode .player-layout-v16652 .video-seek-slider-v16652::-webkit-slider-thumb{
    width:15px!important;
    height:15px!important;
    margin-top:-6px!important;
  }
}


/* v1.66.53 - desktop controls -> seek -> search structural order */
@media (min-width:821px){
  html body.user-mode .player-layout-v16653 .video-bottom-ui{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    gap:7px!important;
    padding-top:7px!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16653 .desktop-video-controls-row-v16653{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:100%!important;
    min-height:38px!important;
    padding:0 14px!important;
    margin:0!important;
    box-sizing:border-box!important;
    direction:ltr!important;
  }
  html body.user-mode .player-layout-v16653 .desktop-video-controls-row-v16653 > .video-side-tools{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    width:auto!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
    z-index:2!important;
  }
  html body.user-mode .player-layout-v16653 .desktop-video-controls-row-v16653 .clip-jump-input,
  html body.user-mode .player-layout-v16653 .desktop-video-controls-row-v16653 .clip-repeat-toggle,
  html body.user-mode .player-layout-v16653 .desktop-video-controls-row-v16653 .maximize-player-btn{
    position:static!important;
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    border-radius:12px!important;
  }
  html body.user-mode .player-layout-v16653 .video-bottom-ui > .video-seek-row-v16652{
    order:2!important;
    width:calc(100% - 28px)!important;
    margin:0 14px!important;
    min-height:34px!important;
    padding:4px 0 5px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body.user-mode .player-layout-v16653 .video-bottom-ui > form#phrase-search-form{
    order:3!important;
    margin-top:0!important;
  }
  html body.user-mode .player-layout-v16653 .video-bottom-ui > .stable-action-row{
    order:4!important;
  }
}

@media (max-width:820px){
  html body.user-mode .player-layout-v16653 .desktop-video-controls-row-v16653{display:none!important;}
}


/* v1.66.54 - hard desktop bottom deck: no overlap, no floating controls */
@media (min-width:821px){
  html body.user-mode .player-layout-v16654 .pro-player-card:not(.max-view) .pro-video-shell{
    overflow:hidden!important;
  }
  html body.user-mode .player-layout-v16654 .video-bottom-ui,
  html body.user-mode .player-layout-v16654 .video-bottom-ui.dl-bottom-ui-v16614{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:36px 30px 48px 50px!important;
    align-content:start!important;
    align-items:stretch!important;
    width:100%!important;
    height:184px!important;
    min-height:184px!important;
    max-height:184px!important;
    margin:0!important;
    padding:6px 14px 8px!important;
    gap:6px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:#071522!important;
    z-index:20!important;
  }
  html body.user-mode .player-layout-v16654 .desktop-video-controls-row-v16654{
    grid-row:1!important;
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    direction:ltr!important;
  }
  html body.user-mode .player-layout-v16654 .desktop-video-controls-row-v16654 > .video-side-tools{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    gap:7px!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:1!important;
  }
  html body.user-mode .player-layout-v16654 .desktop-video-controls-row-v16654 .clip-jump-input,
  html body.user-mode .player-layout-v16654 .desktop-video-controls-row-v16654 .clip-repeat-toggle,
  html body.user-mode .player-layout-v16654 .desktop-video-controls-row-v16654 .maximize-player-btn{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    border-radius:11px!important;
  }
  html body.user-mode .player-layout-v16654 .video-bottom-ui > .video-seek-row-v16652{
    grid-row:2!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:2px 0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:1!important;
  }
  html body.user-mode .player-layout-v16654 .video-bottom-ui > form#phrase-search-form{
    grid-row:3!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    z-index:2!important;
  }
  html body.user-mode .player-layout-v16654 .video-bottom-ui > .stable-action-row{
    grid-row:4!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    z-index:1!important;
  }
}
@media (max-width:820px){
  html body.user-mode .player-layout-v16654 .desktop-video-controls-row-v16654{
    display:none!important;
  }
}


/* v1.66.55 - restore full-size desktop controls and keep four rows visible */
@media (min-width:821px){
  html body.user-mode .player-layout-v16655 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16655 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:42px minmax(0,1fr) 220px!important;
    height:clamp(880px,calc(100vh - 56px),1040px)!important;
    min-height:880px!important;
    max-height:1040px!important;
    overflow:hidden!important;
  }
  html body.user-mode .player-layout-v16655 .video-bottom-ui,
  html body.user-mode .player-layout-v16655 .video-bottom-ui.dl-bottom-ui-v16614{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    margin:0!important;
    padding:8px 16px 12px!important;
    gap:7px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    background:#071522!important;
  }
  html body.user-mode .player-layout-v16655 .desktop-video-controls-row-v16655{
    order:1!important;
    flex:0 0 40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 2px!important;
    direction:ltr!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16655 .desktop-video-controls-row-v16655 > .video-side-tools{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    gap:8px!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html body.user-mode .player-layout-v16655 .desktop-video-controls-row-v16655 .clip-jump-input,
  html body.user-mode .player-layout-v16655 .desktop-video-controls-row-v16655 .clip-repeat-toggle,
  html body.user-mode .player-layout-v16655 .desktop-video-controls-row-v16655 .maximize-player-btn{
    position:static!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    border-radius:13px!important;
    font-size:14px!important;
  }
  html body.user-mode .player-layout-v16655 .video-bottom-ui > .video-seek-row-v16652{
    order:2!important;
    flex:0 0 34px!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 58px!important;
    align-items:center!important;
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:2px 4px!important;
    gap:10px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body.user-mode .player-layout-v16655 .video-bottom-ui > form#phrase-search-form.dl-search-row-v16614{
    order:3!important;
    flex:0 0 52px!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:50px minmax(0,1fr) 120px!important;
    align-items:center!important;
    width:min(100%,1000px)!important;
    max-width:1000px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0 auto!important;
    padding:0!important;
    gap:10px!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16655 form#phrase-search-form #phrase-search-btn{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:14px!important;
  }
  html body.user-mode .player-layout-v16655 form#phrase-search-form .search-input-stack,
  html body.user-mode .player-layout-v16655 form#phrase-search-form #phrase-query,
  html body.user-mode .player-layout-v16655 form#phrase-search-form .genre-filter-wrap{
    height:48px!important;
    min-height:48px!important;
  }
  html body.user-mode .player-layout-v16655 form#phrase-search-form #phrase-query{
    width:100%!important;
    font-size:16px!important;
    padding:7px 14px!important;
  }
  html body.user-mode .player-layout-v16655 form#phrase-search-form .genre-filter-wrap{
    width:120px!important;
    min-width:120px!important;
  }
  html body.user-mode .player-layout-v16655 .video-bottom-ui > .stable-action-row{
    order:4!important;
    flex:0 0 50px!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
    width:min(100%,1000px)!important;
    max-width:1000px!important;
    height:50px!important;
    min-height:50px!important;
    margin:0 auto!important;
    padding:0!important;
    gap:9px!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16655 .stable-action-row .compact-action-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:row!important;
    width:100%!important;
    min-width:0!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 10px!important;
    gap:7px!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }
  html body.user-mode .player-layout-v16655 .stable-action-row .compact-action-btn .control-icon{
    display:inline-flex!important;
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    min-height:22px!important;
    font-size:19px!important;
  }
  html body.user-mode .player-layout-v16655 .stable-action-row .compact-action-btn .control-label{
    display:block!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body.user-mode .player-layout-v16655 .mobile-controls-row-v16643{
    display:none!important;
  }
}
@media (min-width:821px) and (max-width:1180px){
  html body.user-mode .player-layout-v16655 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16655 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    height:clamp(820px,calc(100vh - 68px),930px)!important;
    min-height:820px!important;
    max-height:930px!important;
  }
}
@media (max-width:820px){
  html body.user-mode .player-layout-v16655 .desktop-video-controls-row-v16655{display:none!important;}
}


/* v1.66.56 - desktop results visibility + tighter seek position + max-view seek visibility */
@media (min-width:821px){
  html body.user-mode .player-layout-v16655 .playlist-panel.pro-results-panel,
  html body.user-mode .player-layout-v16655 .playlist-panel.compact-playlist.pro-results-panel{
    background:rgba(247,250,255,.82)!important;
    border:1px solid rgba(255,255,255,.86)!important;
    box-shadow:0 18px 44px rgba(7,21,34,.18)!important;
    padding:18px 18px 14px!important;
  }
  html body.user-mode .player-layout-v16655 .pro-results-head{
    padding:6px 2px 14px!important;
  }
  html body.user-mode .player-layout-v16655 .result-count,
  html body.user-mode .player-layout-v16655 .playlist-num{
    background:linear-gradient(135deg,rgba(24,201,231,.30),rgba(84,127,255,.18))!important;
    color:#066d7d!important;
    border:1px solid rgba(24,201,231,.28)!important;
    box-shadow:0 8px 20px rgba(24,201,231,.12)!important;
  }
  html body.user-mode .player-layout-v16655 .pro-playlist-list{
    background:rgba(255,255,255,.78)!important;
    border:1px solid rgba(137,173,203,.34)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important;
    padding:12px 12px 10px!important;
    min-height:420px!important;
  }
  html body.user-mode .player-layout-v16655 .pro-playlist-list .playlist-item:last-child{
    margin-bottom:4px!important;
  }
  html body.user-mode .player-layout-v16655 .video-bottom-ui,
  html body.user-mode .player-layout-v16655 .video-bottom-ui.dl-bottom-ui-v16614{
    height:212px!important;
    min-height:212px!important;
    max-height:212px!important;
    padding:6px 16px 10px!important;
    gap:6px!important;
  }
  html body.user-mode .player-layout-v16655 .video-bottom-ui > .video-seek-row-v16652{
    margin-top:-8px!important;
  }

  html body.user-mode .player-layout-v16655 .pro-player-card.max-view .player-frame,
  html body.user-mode .player-layout-v16655 .pro-player-card.max-view .pro-player-frame,
  html body.user-mode .player-layout-v16655 .pro-player-card.max-view .pro-video-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    width:100vw!important;
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
    overflow:hidden!important;
  }
  html body.user-mode .player-layout-v16655 .pro-player-card.max-view .video-bottom-ui,
  html body.user-mode .player-layout-v16655 .pro-player-card.max-view .video-bottom-ui.dl-bottom-ui-v16614{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:auto!important;
    min-height:102px!important;
    max-height:none!important;
    margin:0!important;
    padding:8px 18px 14px!important;
    gap:6px!important;
    background:linear-gradient(180deg,rgba(6,14,22,.08),rgba(6,14,22,.64) 18%,rgba(6,14,22,.86))!important;
    z-index:45!important;
  }
  html body.user-mode .player-layout-v16655 .pro-player-card.max-view .desktop-video-controls-row-v16655{
    display:flex!important;
    order:1!important;
  }
  html body.user-mode .player-layout-v16655 .pro-player-card.max-view .video-bottom-ui > .video-seek-row-v16652{
    display:grid!important;
    order:2!important;
    width:100%!important;
    margin-top:-4px!important;
  }
  html body.user-mode .player-layout-v16655 .pro-player-card.max-view form#phrase-search-form.dl-search-row-v16614{
    display:grid!important;
    order:3!important;
    width:min(100%,1000px)!important;
    max-width:1000px!important;
    margin:0 auto!important;
  }
  html body.user-mode .player-layout-v16655 .pro-player-card.max-view .stable-action-row{
    display:none!important;
  }
}


/* v1.66.61 - v1.66.56 baseline: desktop tools on video + visible load-more footer */
@media (min-width:821px){
  html body.user-mode .player-layout-v16661 .desktop-video-controls-row-v16653,
  html body.user-mode .player-layout-v16661 .desktop-video-controls-row-v16655,
  html body.user-mode .player-layout-v16661 .desktop-controls-empty-v16661{
    display:none!important;
    height:0!important;
    min-height:0!important;
    flex-basis:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html body.user-mode .player-layout-v16661 .video-media-area{
    position:relative!important;
  }
  html body.user-mode .player-layout-v16661 .video-media-area > .video-side-tools{
    position:absolute!important;
    top:auto!important;
    right:14px!important;
    bottom:12px!important;
    left:auto!important;
    transform:none!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    width:auto!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    z-index:34!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html body.user-mode .player-layout-v16661 .video-media-area > .video-side-tools .clip-jump-input,
  html body.user-mode .player-layout-v16661 .video-media-area > .video-side-tools .clip-repeat-toggle,
  html body.user-mode .player-layout-v16661 .video-media-area > .video-side-tools .maximize-player-btn{
    position:static!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    border-radius:13px!important;
  }

  html body.user-mode .player-layout-v16661 .playlist-panel.pro-results-panel{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:hidden!important;
    padding-bottom:12px!important;
  }
  html body.user-mode .player-layout-v16661 .pro-playlist-list{
    min-height:0!important;
    height:auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  html body.user-mode .player-layout-v16661 #load-more-clips.load-more-clips:not(.hidden){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    inset:auto!important;
    width:calc(100% - 4px)!important;
    min-height:48px!important;
    margin:10px 2px 0!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#22bddd,#4d71ff)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.58)!important;
    box-shadow:0 12px 26px rgba(27,120,210,.22)!important;
    font-weight:900!important;
    z-index:5!important;
  }
}


/* v1.66.62 - seek placement only; preserve v1.66.61 layout */
@media (min-width:821px){
  html body.user-mode .player-layout-v16662 .video-bottom-ui,
  html body.user-mode .player-layout-v16662 .video-bottom-ui.dl-bottom-ui-v16614{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  html body.user-mode .player-layout-v16662 .video-bottom-ui > .video-seek-row-v16652{
    order:1!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 54px!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
    min-height:38px!important;
    height:38px!important;
    margin:0!important;
    padding:5px 15px 6px!important;
    gap:10px!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }
  html body.user-mode .player-layout-v16662 .video-bottom-ui > form#phrase-search-form{
    order:2!important;
  }
  html body.user-mode .player-layout-v16662 .video-bottom-ui > .stable-action-row{
    order:3!important;
  }
  html body.user-mode .player-layout-v16662 .desktop-video-controls-row-v16653,
  html body.user-mode .player-layout-v16662 .desktop-video-controls-row-v16655,
  html body.user-mode .player-layout-v16662 .desktop-controls-empty-v16661{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
}

@media (max-width:820px){
  html body.user-mode .player-layout-v16662 .mobile-bottom-ui-external-v16632,
  html body.user-mode .player-layout-v16662 .video-bottom-ui{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  html body.user-mode .player-layout-v16662 .mobile-bottom-ui-external-v16632 > .mobile-controls-row-v16643,
  html body.user-mode .player-layout-v16662 .video-bottom-ui > .mobile-controls-row-v16643{
    order:1!important;
  }
  html body.user-mode .player-layout-v16662 .mobile-bottom-ui-external-v16632 > .video-seek-row-v16652,
  html body.user-mode .player-layout-v16662 .video-bottom-ui > .video-seek-row-v16652{
    order:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
    min-height:28px!important;
    height:28px!important;
    margin:0!important;
    padding:3px 13px 4px!important;
    gap:0!important;
    opacity:1!important;
    visibility:visible!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }
  html body.user-mode .player-layout-v16662 .mobile-bottom-ui-external-v16632 > form#phrase-search-form,
  html body.user-mode .player-layout-v16662 .video-bottom-ui > form#phrase-search-form{
    order:3!important;
  }
  html body.user-mode .player-layout-v16662 .mobile-bottom-ui-external-v16632 > .stable-action-row,
  html body.user-mode .player-layout-v16662 .video-bottom-ui > .stable-action-row{
    order:4!important;
  }
}


/* v1.66.63 - hard seek row placement: mobile directly below video, desktop visible */
@media (max-width:820px){
  html body.user-mode .player-layout-v16663 .mobile-bottom-ui-external-v16632,
  html body.user-mode .player-layout-v16663 .video-bottom-ui{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  html body.user-mode .player-layout-v16663 .video-seek-row-v16652{
    order:1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    height:28px!important;
    min-height:28px!important;
    margin:0!important;
    padding:3px 13px 4px!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html body.user-mode .player-layout-v16663 .mobile-controls-row-v16643{order:2!important;}
  html body.user-mode .player-layout-v16663 form#phrase-search-form{order:3!important;}
  html body.user-mode .player-layout-v16663 .stable-action-row{order:4!important;}
}
@media (min-width:821px){
  html body.user-mode .player-layout-v16663 .video-bottom-ui,
  html body.user-mode .player-layout-v16663 .video-bottom-ui.dl-bottom-ui-v16614{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16663 .video-bottom-ui > .video-seek-row-v16652{
    order:1!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 54px!important;
    align-items:center!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:5px 15px 6px!important;
    gap:10px!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    z-index:50!important;
  }
  html body.user-mode .player-layout-v16663 .video-bottom-ui > form#phrase-search-form{order:2!important;}
  html body.user-mode .player-layout-v16663 .video-bottom-ui > .stable-action-row{order:3!important;}
}


/* v1.66.64 - stable desktop tools, larger mobile seek, correct maximum seek */
@media (max-width:820px){
  html body.user-mode .player-layout-v16664 .video-seek-row-v16652{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:7px 18px 6px!important;
    direction:ltr!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16664 .video-seek-slider-v16652{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:28px!important;
    direction:ltr!important;
  }
  html body.user-mode .player-layout-v16664 .video-seek-slider-v16652::-webkit-slider-runnable-track{
    height:7px!important;
  }
  html body.user-mode .player-layout-v16664 .video-seek-slider-v16652::-webkit-slider-thumb{
    width:21px!important;
    height:21px!important;
    margin-top:-8px!important;
    border-width:2px!important;
  }
  html body.user-mode .player-layout-v16664 .video-seek-slider-v16652::-moz-range-track,
  html body.user-mode .player-layout-v16664 .video-seek-slider-v16652::-moz-range-progress{
    height:7px!important;
  }
  html body.user-mode .player-layout-v16664 .video-seek-slider-v16652::-moz-range-thumb{
    width:19px!important;
    height:19px!important;
  }
}
@media (min-width:821px){
  html body.user-mode .player-layout-v16664 .video-media-area{
    position:relative!important;
  }
  html body.user-mode .player-layout-v16664 .video-media-area > .video-side-tools{
    position:absolute!important;
    top:auto!important;
    right:14px!important;
    bottom:12px!important;
    left:auto!important;
    transform:none!important;
    display:inline-flex!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    z-index:64!important;
  }
  html body.user-mode .player-layout-v16664 .video-side-tools .clip-jump-input,
  html body.user-mode .player-layout-v16664 .video-side-tools .clip-repeat-toggle,
  html body.user-mode .player-layout-v16664 .video-side-tools .maximize-player-btn{
    display:grid!important;
    opacity:1!important;
    visibility:visible!important;
  }
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-seek-row-v16652{
  direction:ltr!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 .video-seek-slider-v16652{
  direction:ltr!important;
}


/* v1.66.65 - dedicated seek control for maximum view */
.maximum-seek-v16665{
  position:fixed!important;
  left:50%!important;
  bottom:88px!important;
  transform:translateX(-50%)!important;
  width:min(1100px,calc(100vw - 76px))!important;
  height:42px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 58px!important;
  align-items:center!important;
  gap:10px!important;
  direction:ltr!important;
  padding:4px 10px!important;
  box-sizing:border-box!important;
  border-radius:16px!important;
  background:rgba(3,12,22,.72)!important;
  border:1px solid rgba(125,233,255,.22)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  z-index:2147483640!important;
  pointer-events:auto!important;
}
.maximum-seek-time-v16665{
  color:#bdf7ff!important;
  font-size:13px!important;
  font-weight:950!important;
  text-align:center!important;
  direction:ltr!important;
}
.maximum-seek-slider-v16665{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  direction:ltr!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background:linear-gradient(to right,#22d3ee 0 var(--seek-progress-v16665,0%),rgba(125,233,255,.22) var(--seek-progress-v16665,0%) 100%)!important;
  border-radius:999px!important;
  cursor:pointer!important;
}
.maximum-seek-slider-v16665::-webkit-slider-runnable-track{height:6px!important;background:transparent!important;border-radius:999px!important;}
.maximum-seek-slider-v16665::-webkit-slider-thumb{
  appearance:none!important;-webkit-appearance:none!important;
  width:20px!important;height:20px!important;margin-top:-7px!important;
  border-radius:50%!important;background:#22d3ee!important;
  border:3px solid #e6fbff!important;box-shadow:0 0 0 4px rgba(34,211,238,.22)!important;
}
.maximum-seek-slider-v16665::-moz-range-track{height:6px!important;background:rgba(125,233,255,.22)!important;border-radius:999px!important;}
.maximum-seek-slider-v16665::-moz-range-progress{height:6px!important;background:#22d3ee!important;border-radius:999px!important;}
.maximum-seek-slider-v16665::-moz-range-thumb{width:16px!important;height:16px!important;border-radius:50%!important;background:#22d3ee!important;border:3px solid #e6fbff!important;}
@media(max-width:820px){.maximum-seek-v16665{display:none!important;}}


/* v1.66.66 - maximum seek placement and interactive drag fix */
.maximum-seek-v16665{
  bottom:96px!important;
  width:min(1000px,calc(100vw - 48px))!important;
  height:46px!important;
  z-index:2147483646!important;
  pointer-events:auto!important;
  touch-action:none!important;
  isolation:isolate!important;
}
.maximum-seek-slider-v16665{
  height:28px!important;
  pointer-events:auto!important;
  touch-action:none!important;
  cursor:ew-resize!important;
  position:relative!important;
  z-index:2!important;
}
.maximum-seek-slider-v16665::-webkit-slider-runnable-track{height:8px!important;}
.maximum-seek-slider-v16665::-webkit-slider-thumb{
  width:22px!important;height:22px!important;margin-top:-7px!important;
}
body.phraselab-clean-max-v16635 #phrase-search-form{
  z-index:2147483644!important;
}
body.phraselab-clean-max-v16635 .maximum-seek-v16665{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}


/* v1.66.67 - maximum English subtitle above dedicated seek */
body.phraselab-clean-max-v16635 #max-caption-mirror.smart-caption-en,
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #max-caption-mirror.smart-caption-en{
  top:auto!important;
  bottom:158px!important;
  z-index:2147483647!important;
}
@media (max-height:700px) and (min-width:821px){
  body.phraselab-clean-max-v16635 #max-caption-mirror.smart-caption-en,
  body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #max-caption-mirror.smart-caption-en{
    bottom:150px!important;
  }
}

/* v1.66.68 - mobile English caption box removal + maximum play/pause glyph restore */
@media (max-width:820px){
  html body.user-mode #caption-wrap.smart-caption-en,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en,
  html body.user-mode #caption-wrap.smart-caption-en #caption-bar,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en #caption-bar,
  html body.user-mode #caption-wrap.smart-caption-en .smart-caption-text,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en .smart-caption-text,
  html body.user-mode #caption-wrap.smart-caption-en .live-caption,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en .live-caption{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-radius:0!important;
  }
  html body.user-mode #caption-wrap.smart-caption-en::before,
  html body.user-mode #caption-wrap.smart-caption-en::after,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en::before,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en::after,
  html body.user-mode #caption-wrap.smart-caption-en #caption-bar::before,
  html body.user-mode #caption-wrap.smart-caption-en #caption-bar::after,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en #caption-bar::before,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en #caption-bar::after{
    content:none!important;
    display:none!important;
  }
  html body.user-mode #caption-wrap.smart-caption-en,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en{
    width:auto!important;
    max-width:calc(100% - 72px)!important;
    min-width:0!important;
    padding:0!important;
  }
  html body.user-mode #caption-wrap.smart-caption-en #caption-bar,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en #caption-bar,
  html body.user-mode #caption-wrap.smart-caption-en .smart-caption-text,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en .smart-caption-text{
    padding:2px 4px!important;
    text-shadow:0 2px 4px rgba(0,0,0,.98),0 0 8px rgba(0,0,0,.82)!important;
  }
}

/* The player card is moved directly under body in maximum view, so these rules
   intentionally do not depend on a player-layout ancestor. */
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #big-play-button .mobile-play-icon{
  position:relative!important;
  display:block!important;
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:visible!important;
  opacity:1!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #big-play-button .mobile-play-icon::before,
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #big-play-button .mobile-play-icon::after{
  box-sizing:border-box!important;
  filter:none!important;
  box-shadow:none!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #big-play-button .mobile-play-icon.is-play-icon::before{
  content:''!important;
  display:block!important;
  position:absolute!important;
  left:7px!important;
  top:3px!important;
  width:0!important;
  height:0!important;
  border-top:9px solid transparent!important;
  border-bottom:9px solid transparent!important;
  border-left:15px solid #f7feff!important;
  background:transparent!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #big-play-button .mobile-play-icon.is-play-icon::after{
  content:none!important;
  display:none!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #big-play-button .mobile-play-icon.is-pause-icon::before,
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #big-play-button .mobile-play-icon.is-pause-icon::after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  top:3px!important;
  width:6px!important;
  height:18px!important;
  border:0!important;
  border-radius:1px!important;
  background:#f7feff!important;
}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #big-play-button .mobile-play-icon.is-pause-icon::before{left:4px!important;}
body.phraselab-clean-max-v16635 .pro-player-card.max-view-v16635 #big-play-button .mobile-play-icon.is-pause-icon::after{right:4px!important;}


/* v1.66.69 - tiny mobile XP toast + true boxless mobile English caption */
@media (max-width:820px){
  /* Keep XP feedback visible but very small so it does not cover the video. */
  html body .xp-toast-layer{
    top:62px!important;
    left:50%!important;
    width:auto!important;
    max-width:150px!important;
    gap:4px!important;
    transform:translateX(-50%)!important;
  }
  html body .xp-toast{
    width:auto!important;
    min-width:118px!important;
    max-width:150px!important;
    min-height:0!important;
    gap:5px!important;
    justify-content:center!important;
    padding:5px 8px!important;
    border-radius:10px!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.26)!important;
  }
  html body .xp-toast-coin{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    flex:0 0 27px!important;
  }
  html body .xp-toast-coin strong{
    font-size:10px!important;
    line-height:1!important;
    margin:3px 0 0!important;
  }
  html body .xp-toast-coin em{
    font-size:5.5px!important;
    line-height:1!important;
    margin:0 0 3px!important;
  }
  html body .xp-toast b{
    font-size:10px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  html body .xp-toast small{
    display:none!important;
  }
  html body .xp-confetti-wrap,
  html body .xp-balloon-pop{
    transform:scale(.72)!important;
    transform-origin:center top!important;
  }

  /* The actual active EN layers use the dl-en-caption-* classes. Remove every
     possible glass/background source while preserving text and copy button. */
  html body.user-mode .dl-en-caption-v16614,
  html.is-mobile-layout body.user-mode .dl-en-caption-v16614,
  html body.user-mode #caption-wrap.dl-en-caption-v16614,
  html.is-mobile-layout body.user-mode #caption-wrap.dl-en-caption-v16614,
  html body.user-mode .video-media-area > #caption-wrap.dl-en-caption-v16614,
  html.is-mobile-layout body.user-mode .video-media-area > #caption-wrap.dl-en-caption-v16614{
    background:none!important;
    background-color: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;
    border-radius:0!important;
  }
  html body.user-mode .dl-en-caption-v16614::before,
  html body.user-mode .dl-en-caption-v16614::after,
  html.is-mobile-layout body.user-mode .dl-en-caption-v16614::before,
  html.is-mobile-layout body.user-mode .dl-en-caption-v16614::after,
  html body.user-mode .dl-en-caption-text-v16614::before,
  html body.user-mode .dl-en-caption-text-v16614::after,
  html.is-mobile-layout body.user-mode .dl-en-caption-text-v16614::before,
  html.is-mobile-layout body.user-mode .dl-en-caption-text-v16614::after{
    content:none!important;
    display:none!important;
    background:none!important;
    box-shadow:none!important;
  }
  html body.user-mode .dl-en-caption-v16614 #caption-bar,
  html body.user-mode .dl-en-caption-v16614 .dl-en-caption-text-v16614,
  html body.user-mode .dl-en-caption-v16614 .smart-caption-text,
  html body.user-mode .dl-en-caption-v16614 .live-caption,
  html body.user-mode .dl-en-caption-v16614 .pro-caption,
  html.is-mobile-layout body.user-mode .dl-en-caption-v16614 #caption-bar,
  html.is-mobile-layout body.user-mode .dl-en-caption-v16614 .dl-en-caption-text-v16614,
  html.is-mobile-layout body.user-mode .dl-en-caption-v16614 .smart-caption-text,
  html.is-mobile-layout body.user-mode .dl-en-caption-v16614 .live-caption,
  html.is-mobile-layout body.user-mode .dl-en-caption-v16614 .pro-caption{
    background:none!important;
    background-color: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;
    border-radius:0!important;
    padding:1px 3px!important;
    overflow:visible!important;
    text-shadow:0 2px 3px rgba(0,0,0,1),0 0 7px rgba(0,0,0,.95)!important;
  }
}


/* v1.66.70 - approved DialogLab fantasy background artwork
   Only the dashboard artwork changed; the existing opaque header keeps navigation readable. */
body.app-body:not(.auth-page){
  background-image:url("img/dialoglab_dashboard_background_v16670.jpg")!important;
}


/* v1.66.76 - stable responsive player, reliable tutorial, lightweight Speed/Stop. */

/* Never lock the document. The normal desktop layout is sized to fit; scrolling remains available
   for the tutorial and for exceptionally short browser windows. */
@media (min-width:821px){
  html body.user-mode:has(.player-layout-v16676){
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
  }
  html body.user-mode:has(.player-layout-v16676) > main.content-shell{
    width:min(100%,1440px)!important;
    max-width:1440px!important;
    margin-inline:auto!important;
    padding-top:6px!important;
    padding-bottom:8px!important;
    transform:none!important;
    zoom:1!important;
  }
  html body.user-mode .player-layout-v16676 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16676 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    grid-template-rows:42px minmax(300px,1fr) 212px!important;
    height:clamp(620px,calc(100dvh - 112px),920px)!important;
    min-height:620px!important;
    max-height:920px!important;
  }
  html body.user-mode .player-layout-v16676 .playlist-panel.pro-results-panel,
  html body.user-mode .player-layout-v16676 .playlist-panel.compact-playlist.pro-results-panel{
    height:clamp(620px,calc(100dvh - 112px),920px)!important;
    min-height:620px!important;
    max-height:920px!important;
  }
  html body.user-mode .player-layout-v16676 .pro-playlist-list{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
}

/* Compact, still-readable desktop geometry for short monitors. */
@media (min-width:821px) and (max-height:840px){
  html body.user-mode:has(.player-layout-v16676) .site-product-title-v16625{display:none!important;}
  html body.user-mode:has(.player-layout-v16676) .site-header{
    min-height:46px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }
  html body.user-mode:has(.player-layout-v16676) .site-header .top-nav a{
    min-height:36px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
    font-size:11px!important;
  }
  html body.user-mode:has(.player-layout-v16676) > main.content-shell{
    padding-top:4px!important;
    padding-bottom:4px!important;
  }
  html body.user-mode .player-layout-v16676 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16676 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell,
  html body.user-mode .player-layout-v16676 .playlist-panel.pro-results-panel,
  html body.user-mode .player-layout-v16676 .playlist-panel.compact-playlist.pro-results-panel{
    height:calc(100dvh - 102px)!important;
    min-height:540px!important;
    max-height:760px!important;
  }
  html body.user-mode .player-layout-v16676 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16676 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    grid-template-rows:38px minmax(260px,1fr) 184px!important;
  }
  html body.user-mode .player-layout-v16676 .video-bottom-ui,
  html body.user-mode .player-layout-v16676 .video-bottom-ui.dl-bottom-ui-v16614{
    height:184px!important;
    min-height:184px!important;
    max-height:184px!important;
    padding:4px 12px 7px!important;
    gap:4px!important;
  }
  html body.user-mode .player-layout-v16676 .video-bottom-ui > .video-seek-row-v16652{
    height:30px!important;
    min-height:30px!important;
    padding-block:1px!important;
  }
  html body.user-mode .player-layout-v16676 .video-bottom-ui > form#phrase-search-form.dl-search-row-v16614,
  html body.user-mode .player-layout-v16676 form#phrase-search-form #phrase-query,
  html body.user-mode .player-layout-v16676 form#phrase-search-form #phrase-search-btn,
  html body.user-mode .player-layout-v16676 form#phrase-search-form .search-input-stack,
  html body.user-mode .player-layout-v16676 form#phrase-search-form .genre-filter-wrap{
    height:44px!important;
    min-height:44px!important;
  }
  html body.user-mode .player-layout-v16676 .video-bottom-ui > .stable-action-row,
  html body.user-mode .player-layout-v16676 .stable-action-row .compact-action-btn{
    height:44px!important;
    min-height:44px!important;
  }
  html body.user-mode .player-layout-v16676 .content-compliance-note-v16625,
  html body.user-mode .player-layout-v16676 .content-compliance-note-v16626,
  html body.user-mode .player-layout-v16676 .content-compliance-note-v16628{
    margin-top:4px!important;
    padding:5px 10px!important;
    font-size:9px!important;
    line-height:1.32!important;
  }
}

@media (min-width:821px) and (max-height:680px){
  html body.user-mode .player-layout-v16676 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16676 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell,
  html body.user-mode .player-layout-v16676 .playlist-panel.pro-results-panel,
  html body.user-mode .player-layout-v16676 .playlist-panel.compact-playlist.pro-results-panel{
    height:calc(100dvh - 92px)!important;
    min-height:500px!important;
  }
  html body.user-mode .player-layout-v16676 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16676 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    grid-template-rows:34px minmax(236px,1fr) 166px!important;
  }
  html body.user-mode .player-layout-v16676 .video-bottom-ui,
  html body.user-mode .player-layout-v16676 .video-bottom-ui.dl-bottom-ui-v16614{
    height:166px!important;
    min-height:166px!important;
    max-height:166px!important;
  }
  html body.user-mode .player-layout-v16676 .stable-action-row .compact-action-btn .control-label{font-size:10px!important;}
}

/* Exact control order: Repeat -> Speed -> Stop -> Page -> Maximum. */
html body.user-mode .player-layout-v16676 .video-side-tools{
  overflow:visible!important;
  direction:ltr!important;
}
html body.user-mode .player-layout-v16676 .video-side-tools > #clip-repeat-toggle{order:1!important;}
html body.user-mode .player-layout-v16676 .video-side-tools > #clip-speed-toggle{order:2!important;}
html body.user-mode .player-layout-v16676 .video-side-tools > #clip-stop-toggle{order:3!important;}
html body.user-mode .player-layout-v16676 .video-side-tools > #clip-jump-input{order:4!important;}
html body.user-mode .player-layout-v16676 .video-side-tools > #maximize-player{order:5!important;}
html body.user-mode .player-layout-v16676 .video-side-tools > #clip-speed-menu{order:6!important;}

html body.user-mode .player-layout-v16676 .clip-speed-toggle-v16675,
html body.user-mode .player-layout-v16676 .clip-stop-toggle-v16675{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:0 9px!important;
  border:1px solid rgba(161,222,238,.34)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,rgba(19,39,58,.96),rgba(7,22,37,.98))!important;
  color:#ecfcff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;
  font:850 11px/1 "Segoe UI",Tahoma,sans-serif!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
html body.user-mode .player-layout-v16676 .clip-speed-toggle-v16675{min-width:78px!important;direction:ltr!important;}
html body.user-mode .player-layout-v16676 .clip-stop-toggle-v16675{min-width:58px!important;}
html body.user-mode .player-layout-v16676 .clip-speed-toggle-v16675 b{
  display:grid!important;place-items:center!important;min-width:23px!important;height:23px!important;padding:0 4px!important;
  border-radius:8px!important;background:rgba(52,218,237,.14)!important;color:#8ef4ff!important;font-size:11px!important;font-variant-numeric:tabular-nums!important;
}
html body.user-mode .player-layout-v16676 .clip-stop-toggle-v16675 > span{color:#ff7188!important;font-size:11px!important;}
html body.user-mode .player-layout-v16676 .clip-stop-toggle-v16675 > small{font-size:9px!important;color:inherit!important;}
html body.user-mode .player-layout-v16676 .clip-stop-toggle-v16675.is-active{
  border-color:rgba(255,101,127,.82)!important;background:linear-gradient(180deg,rgba(109,28,50,.98),rgba(53,14,28,.99))!important;color:#fff5f7!important;
}
html body.user-mode .player-layout-v16676 .clip-speed-toggle-v16675:hover,
html body.user-mode .player-layout-v16676 .clip-stop-toggle-v16675:hover,
html body.user-mode .player-layout-v16676 .clip-speed-toggle-v16675:focus-visible,
html body.user-mode .player-layout-v16676 .clip-stop-toggle-v16675:focus-visible{border-color:rgba(78,228,243,.78)!important;outline:0!important;}
html body.user-mode .player-layout-v16676 .clip-speed-toggle-v16675:disabled,
html body.user-mode .player-layout-v16676 .clip-stop-toggle-v16675:disabled{opacity:.45!important;cursor:not-allowed!important;}

html body.user-mode .player-layout-v16676 .clip-speed-menu-v16675{
  position:absolute!important;right:48px!important;bottom:calc(100% + 8px)!important;z-index:2147480000!important;
  display:grid!important;grid-template-columns:repeat(7,44px)!important;gap:4px!important;width:auto!important;padding:6px!important;
  border:1px solid rgba(91,226,242,.30)!important;border-radius:15px!important;
  background:linear-gradient(160deg,rgba(8,27,43,.99),rgba(3,15,28,.995))!important;box-shadow:0 18px 48px rgba(0,0,0,.48)!important;direction:ltr!important;
}
html body.user-mode .player-layout-v16676 .clip-speed-menu-v16675.hidden{display:none!important;}
html body.user-mode .player-layout-v16676 .clip-speed-menu-v16675 button{
  display:grid!important;place-items:center!important;gap:2px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
  padding:2px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:10px!important;background:rgba(255,255,255,.055)!important;color:#eefcff!important;cursor:pointer!important;
}
html body.user-mode .player-layout-v16676 .clip-speed-menu-v16675 button b{font-size:12px!important;line-height:1!important;}
html body.user-mode .player-layout-v16676 .clip-speed-menu-v16675 button small{font-size:7px!important;color:rgba(222,246,251,.74)!important;}
html body.user-mode .player-layout-v16676 .clip-speed-menu-v16675 button.is-active,
html body.user-mode .player-layout-v16676 .clip-speed-menu-v16675 button:hover,
html body.user-mode .player-layout-v16676 .clip-speed-menu-v16675 button:focus-visible{
  border-color:rgba(83,229,245,.70)!important;background:linear-gradient(145deg,rgba(26,187,211,.36),rgba(54,105,206,.28))!important;outline:0!important;
}

/* Lightweight dissolve: no canvas, no waiting before source change, no blur/backdrop work. */
html body.user-mode .player-layout-v16676 #phrase-video{opacity:1!important;transition:opacity .24s ease!important;}
html body.user-mode .player-layout-v16676 .video-media-area.clip-soft-switch-v16676 #phrase-video{opacity:.12!important;}
html body.user-mode .player-layout-v16676 .video-media-area #caption-wrap,
html body.user-mode .player-layout-v16676 .video-media-area #fa-caption-wrap{transition:opacity .16s ease!important;}
html body.user-mode .player-layout-v16676 .video-media-area.clip-soft-switch-v16676 #caption-wrap,
html body.user-mode .player-layout-v16676 .video-media-area.clip-soft-switch-v16676 #fa-caption-wrap{opacity:0!important;}
html body.user-mode .player-layout-v16676 .video-media-area > .video-side-tools{z-index:64!important;}

/* Legal / Report copy remains readable over the artwork. */
html body.user-mode .player-layout-v16676 .content-compliance-note-v16625,
html body.user-mode .player-layout-v16676 .content-compliance-note-v16626,
html body.user-mode .player-layout-v16676 .content-compliance-note-v16628{
  position:relative!important;inset:auto!important;transform:none!important;display:grid!important;gap:3px!important;
  width:min(100%,1040px)!important;margin:7px auto 0!important;padding:9px 14px!important;
  border:1px solid rgba(255,111,132,.48)!important;border-radius:14px!important;
  background:linear-gradient(145deg,rgba(39,8,18,.96),rgba(6,20,34,.97))!important;color:#fff0f3!important;
  box-shadow:0 10px 28px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)!important;
  font-size:11px!important;font-weight:780!important;line-height:1.45!important;text-align:center!important;text-shadow:none!important;
}
html body.user-mode .player-layout-v16676 .content-compliance-note-v16625 strong,
html body.user-mode .player-layout-v16676 .content-compliance-note-v16626 strong,
html body.user-mode .player-layout-v16676 .content-compliance-note-v16628 strong{color:#ff8295!important;font-weight:950!important;}

/* Tutorial: no transformed target, no disappearing centered transport, and no card under the fixed header. */
html body .tour-overlay-v16676{
  background:rgba(4,7,18,.30)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body .tour-card-v16676{
  right:auto!important;bottom:auto!important;transform:none!important;
  overflow:auto!important;overscroll-behavior:contain!important;
  min-width:250px!important;max-width:min(330px,calc(100vw - 24px))!important;
  box-sizing:border-box!important;
}
html body .tour-highlight-v16676{right:auto!important;bottom:auto!important;transform:none!important;transition:none!important;}
html body.tour-active .tour-focus-target{
  filter:none!important;opacity:1!important;
}
html body.tour-active .tour-focus-group-v16676{
  z-index:9994!important;opacity:1!important;visibility:visible!important;
}
@media (min-width:821px){
  html body.tour-active .player-layout-v16676 .video-media-area > .center-transport,
  html body.tour-active.tour-transport-visible-v16676 .player-layout-v16676 .video-media-area > .center-transport{
    display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:9994!important;
  }
  html body.tour-active .player-layout-v16676 .video-media-area > .center-transport #prev-clip,
  html body.tour-active .player-layout-v16676 .video-media-area > .center-transport #big-play-button,
  html body.tour-active .player-layout-v16676 .video-media-area > .center-transport #next-clip{
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  }
}

/* Narrow desktop controls. */
@media (min-width:821px) and (max-width:1180px){
  html body.user-mode .player-layout-v16676 .video-side-tools{gap:5px!important;right:8px!important;bottom:8px!important;}
  html body.user-mode .player-layout-v16676 .clip-speed-toggle-v16675{min-width:62px!important;padding:0 6px!important;}
  html body.user-mode .player-layout-v16676 .clip-stop-toggle-v16675{min-width:44px!important;padding:0 5px!important;}
  html body.user-mode .player-layout-v16676 .clip-stop-toggle-v16675 small{display:none!important;}
  html body.user-mode .player-layout-v16676 .clip-speed-toggle-v16675 .speed-label-v16675{font-size:9px!important;}
}

/* Mobile stays on its established layout; only the two new controls are compact. */
@media (max-width:820px){
  html body.user-mode .player-layout-v16676 .video-side-tools{gap:4px!important;overflow:visible!important;}
  html body.user-mode .player-layout-v16676 .clip-speed-toggle-v16675,
  html body.user-mode .player-layout-v16676 .clip-stop-toggle-v16675{
    display:inline-grid!important;place-items:center!important;width:33px!important;min-width:33px!important;max-width:33px!important;
    height:33px!important;min-height:33px!important;max-height:33px!important;padding:0!important;border-radius:10px!important;
  }
  html body.user-mode .player-layout-v16676 .clip-speed-toggle-v16675{grid-template-columns:1fr!important;}
  html body.user-mode .player-layout-v16676 .clip-speed-toggle-v16675 .speed-label-v16675{display:none!important;}
  html body.user-mode .player-layout-v16676 .clip-speed-toggle-v16675 b{min-width:22px!important;width:22px!important;height:22px!important;padding:0!important;font-size:9px!important;}
  html body.user-mode .player-layout-v16676 .clip-stop-toggle-v16675 small{display:none!important;}
  html body.user-mode .player-layout-v16676 .clip-speed-menu-v16675{
    position:fixed!important;left:50%!important;right:auto!important;bottom:92px!important;transform:translateX(-50%)!important;
    grid-template-columns:repeat(4,42px)!important;width:196px!important;gap:4px!important;
  }
  html body.user-mode .player-layout-v16676 .clip-speed-menu-v16675 button{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;}
  html body.user-mode .player-layout-v16676 .content-compliance-note-v16625,
  html body.user-mode .player-layout-v16676 .content-compliance-note-v16626,
  html body.user-mode .player-layout-v16676 .content-compliance-note-v16628{
    margin:8px 8px 0!important;padding:8px 9px!important;font-size:10px!important;line-height:1.42!important;
  }
}

/* v1.66.77 - player control clarity, mobile transport separation, stable admin nav and bulk reports. */

/* Keep the on-video tool strip present but visually lighter so it does not cover the movie. */
html body.user-mode .player-layout-v16677 .video-media-area > .video-side-tools > #clip-repeat-toggle,
html body.user-mode .player-layout-v16677 .video-media-area > .video-side-tools > #clip-speed-toggle,
html body.user-mode .player-layout-v16677 .video-media-area > .video-side-tools > #clip-stop-toggle,
html body.user-mode .player-layout-v16677 .video-media-area > .video-side-tools > #clip-jump-input,
html body.user-mode .player-layout-v16677 .video-media-area > .video-side-tools > #maximize-player{
  opacity:.72!important;
  background-color:rgba(5,19,32,.66)!important;
  border-color:rgba(166,235,245,.20)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  transition:opacity .16s ease,border-color .16s ease,background-color .16s ease!important;
}
html body.user-mode .player-layout-v16677 .video-media-area > .video-side-tools > #clip-repeat-toggle:hover,
html body.user-mode .player-layout-v16677 .video-media-area > .video-side-tools > #clip-speed-toggle:hover,
html body.user-mode .player-layout-v16677 .video-media-area > .video-side-tools > #clip-stop-toggle:hover,
html body.user-mode .player-layout-v16677 .video-media-area > .video-side-tools > #clip-jump-input:hover,
html body.user-mode .player-layout-v16677 .video-media-area > .video-side-tools > #maximize-player:hover,
html body.user-mode .player-layout-v16677 .video-media-area > .video-side-tools > :focus-visible,
html body.user-mode .player-layout-v16677 .video-media-area > .video-side-tools > .is-active{
  opacity:.94!important;
  border-color:rgba(103,226,241,.55)!important;
}

/* Default desktop English subtitle sits above the complete tool strip.
   A caption deliberately dragged by the user keeps its stored position. */
@media (min-width:821px){
  html body.user-mode .player-layout-v16677 .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en:not(.caption-free-pos){
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:76px!important;
    transform:translateX(-50%)!important;
    margin:0!important;
  }
}
@media (min-width:821px) and (max-height:720px){
  html body.user-mode .player-layout-v16677 .pro-player-card:not(.max-view) .video-media-area > #caption-wrap.smart-caption-en:not(.caption-free-pos){bottom:66px!important;}
}

/* Mobile: Previous / Play / Next occupy the physical left side and the four
   auxiliary controls occupy the physical right side. Nothing can sit underneath. */
@media (max-width:820px){
  html body.user-mode .player-layout-v16677 .mobile-bottom-ui-external-v16632 > .mobile-controls-row-v16643,
  html body.user-mode .player-layout-v16677 .video-bottom-ui > .mobile-controls-row-v16643{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    direction:ltr!important;
    gap:6px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:3px 2px!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 > .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 > .center-transport{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    flex:0 0 136px!important;
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    margin:0!important;
    padding:3px 4px!important;
    gap:4px!important;
    order:1!important;
  }
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 > .mobile-tools-docked-v16632,
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 > .video-side-tools{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    flex:0 0 144px!important;
    width:144px!important;
    min-width:144px!important;
    max-width:144px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    margin:0!important;
    padding:0!important;
    order:2!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 #prev-clip,
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 #next-clip{
    width:38px!important;min-width:38px!important;max-width:38px!important;
    height:38px!important;min-height:38px!important;max-height:38px!important;
  }
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 #big-play-button{
    width:44px!important;min-width:44px!important;max-width:44px!important;
    height:42px!important;min-height:42px!important;max-height:42px!important;
  }
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 .clip-repeat-toggle,
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 .clip-speed-toggle-v16675,
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 .clip-stop-toggle-v16675,
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 .clip-jump-input{
    flex:0 0 33px!important;
    width:33px!important;min-width:33px!important;max-width:33px!important;
    height:33px!important;min-height:33px!important;max-height:33px!important;
    margin:0!important;padding:0!important;
  }
}
@media (max-width:360px){
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 > .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 > .center-transport{
    flex-basis:126px!important;width:126px!important;min-width:126px!important;max-width:126px!important;gap:2px!important;padding-inline:2px!important;
  }
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 > .mobile-tools-docked-v16632,
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 > .video-side-tools{
    flex-basis:138px!important;width:138px!important;min-width:138px!important;max-width:138px!important;gap:2px!important;
  }
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 .clip-repeat-toggle,
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 .clip-speed-toggle-v16675,
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 .clip-stop-toggle-v16675,
  html body.user-mode .player-layout-v16677 .mobile-controls-row-v16643 .clip-jump-input{
    flex-basis:32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;
  }
}

/* Admin top navigation: active page no longer changes item width, and the exact
   horizontal position is restored by app.js after navigating to Movies or any tab. */
html body.admin-mode .site-header .top-nav,
html body.admin-mode .top-nav.clean-top-nav.pro-top-nav{
  scroll-behavior:auto!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-gutter:stable!important;
  overscroll-behavior-inline:contain!important;
}
html body.admin-mode .site-header .top-nav > a,
html body.admin-mode .site-header .top-nav > a.active{
  flex:0 0 auto!important;
  min-height:38px!important;
  padding:0 11px!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
html body.admin-mode .site-header .top-nav > a.active::before,
html body.admin-mode .site-header .top-nav > a.active::after{display:none!important;content:none!important;}

/* Reports bulk moderation. */
.report-bulk-toolbar-v16677{
  position:sticky;
  top:74px;
  z-index:15;
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin:0 0 16px;
  padding:12px 14px;
  border:1px solid rgba(109,213,236,.30);
  border-radius:16px;
  background:rgba(7,20,35,.96);
  box-shadow:0 12px 28px rgba(0,0,0,.25);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.report-select-all-v16677{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;white-space:nowrap;cursor:pointer;}
.report-select-all-v16677 input,.report-card-check-v16677 input{width:18px;height:18px;accent-color:#22bdd4;cursor:pointer;}
.report-bulk-toolbar-v16677 > strong{color:#a9eefa;white-space:nowrap;font-size:12px;}
.report-bulk-actions-v16677{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;}
.report-bulk-actions-v16677 .btn{min-height:36px;padding:7px 11px;}
.report-bulk-actions-v16677 .btn:disabled{opacity:.38;cursor:not-allowed;filter:saturate(.5);}
.report-card-v16677{position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;}
.report-card-v16677.is-selected{border-color:rgba(47,213,235,.75)!important;box-shadow:0 0 0 2px rgba(47,213,235,.16),0 16px 38px rgba(0,0,0,.28)!important;}
.report-card-check-v16677{
  position:absolute;
  z-index:5;
  top:10px;
  left:10px;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:10px;
  background:rgba(5,15,27,.90);
  color:#f1fbff;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}
.report-delete-files-v16677{box-shadow:0 0 0 1px rgba(255,88,108,.18) inset!important;}
@media (max-width:980px){
  .report-bulk-toolbar-v16677{position:relative;top:auto;grid-template-columns:1fr 1fr;}
  .report-bulk-actions-v16677{grid-column:1/-1;justify-content:flex-start;}
}
@media (max-width:640px){
  .report-bulk-toolbar-v16677{grid-template-columns:1fr;align-items:stretch;}
  .report-bulk-actions-v16677{grid-column:auto;display:grid;grid-template-columns:1fr 1fr;}
  .report-bulk-actions-v16677 .btn{width:100%;}
}

/* v1.66.78 - compact speed range, visible player notices, stable admin nav and NSFW bulk actions. */

/* Speed now has five deliberate levels only: -2, -1, 0, +1, +2. */
html body.user-mode .player-layout-v16678 .clip-speed-menu-v16675{
  grid-template-columns:repeat(5,44px)!important;
}

/* The access indicator always ends with either a red finite limit or a premium crown. */
html body.user-mode .player-layout-v16678 #playlist-counter .counter-limit-part{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
}
html body.user-mode .player-layout-v16678 #playlist-counter.counter-premium-v16678 .counter-limit-part,
html body.user-mode .player-layout-v16678 #playlist-counter .counter-limit-part.is-premium-v16678,
html body.user-mode .player-layout-v16678 #playlist-counter.counter-premium-v16678 [data-counter-limit],
html body.user-mode .player-layout-v16678 #playlist-counter .counter-limit-part.is-premium-v16678 [data-counter-limit]{
  color:#ffd75a!important;
  -webkit-text-fill-color:#ffd75a!important;
  text-shadow:0 0 12px rgba(255,205,55,.30)!important;
}
html body.user-mode .player-layout-v16678 #playlist-counter.counter-limited-v16678 .counter-limit-part,
html body.user-mode .player-layout-v16678 #playlist-counter .counter-limit-part.is-limited-v16678,
html body.user-mode .player-layout-v16678 #playlist-counter.counter-limited-v16678 [data-counter-limit],
html body.user-mode .player-layout-v16678 #playlist-counter .counter-limit-part.is-limited-v16678 [data-counter-limit]{
  color:#ff4055!important;
  -webkit-text-fill-color:#ff4055!important;
  text-shadow:none!important;
}

/* Runtime player notices use the same readable visual language as the legal notice. */
html body.user-mode .player-layout-v16678 .pro-player-message.player-message:empty{
  display:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
html body.user-mode .player-layout-v16678 .pro-player-message.player-message:not(:empty){
  display:block!important;
  width:min(calc(100% - 16px),1040px)!important;
  min-height:0!important;
  margin:7px auto 0!important;
  padding:9px 14px!important;
  border:1px solid rgba(255,111,132,.48)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(39,8,18,.97),rgba(6,20,34,.98))!important;
  color:#fff3f5!important;
  box-shadow:0 10px 28px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.5!important;
  text-align:center!important;
  text-shadow:none!important;
  position:relative!important;
  z-index:8!important;
}
html body.user-mode .player-layout-v16678 .pro-player-message.player-message.warn:not(:empty){border-color:rgba(255,177,70,.58)!important;color:#fff0bf!important;}
html body.user-mode .player-layout-v16678 .pro-player-message.player-message.ok:not(:empty){border-color:rgba(65,220,203,.48)!important;color:#dffffa!important;}
html body.user-mode .player-layout-v16678 .pro-player-message.player-message.error:not(:empty){border-color:rgba(255,77,103,.72)!important;color:#ffe6ea!important;}

/* Mobile speed menu opens above its own control group, never beneath the seek bar. */
@media (max-width:820px){
  html body.user-mode .player-layout-v16678 .mobile-controls-row-v16643 > .video-side-tools,
  html body.user-mode .player-layout-v16678 .mobile-controls-row-v16643 > .mobile-tools-docked-v16632{
    z-index:160!important;
  }
  html body.user-mode .player-layout-v16678 .mobile-controls-row-v16643 .clip-speed-menu-v16675{
    position:absolute!important;
    left:auto!important;
    right:0!important;
    top:auto!important;
    bottom:calc(100% + 10px)!important;
    transform:none!important;
    grid-template-columns:repeat(5,42px)!important;
    width:230px!important;
    max-width:calc(100vw - 24px)!important;
    padding:7px!important;
    gap:4px!important;
    z-index:2147483000!important;
  }
  html body.user-mode .player-layout-v16678 .mobile-controls-row-v16643 .clip-speed-menu-v16675 button{
    width:42px!important;
    min-width:42px!important;
    height:46px!important;
    min-height:46px!important;
  }
  html body.user-mode .player-layout-v16678 .pro-player-message.player-message:not(:empty){
    width:calc(100% - 16px)!important;
    margin:8px auto 0!important;
    padding:9px 10px!important;
    font-size:10px!important;
    line-height:1.55!important;
  }
}
@media (max-width:360px){
  html body.user-mode .player-layout-v16678 .mobile-controls-row-v16643 .clip-speed-menu-v16675{
    right:-2px!important;
    width:220px!important;
    grid-template-columns:repeat(5,40px)!important;
    gap:3px!important;
  }
  html body.user-mode .player-layout-v16678 .mobile-controls-row-v16643 .clip-speed-menu-v16675 button{
    width:40px!important;min-width:40px!important;
  }
}

/* Admin and Admin User View share one predictable wrapped navigation. No horizontal scrollbar. */
@media (min-width:821px){
  html body.admin-mode .site-header.clean-header.pro-top-header,
  html body.admin-user-view-mode .site-header.clean-header.pro-top-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-areas:"nav actions"!important;
    align-items:start!important;
    column-gap:10px!important;
    row-gap:6px!important;
    width:calc(100vw - 22px)!important;
    max-width:calc(100vw - 22px)!important;
    min-height:64px!important;
    height:auto!important;
    padding:8px 12px!important;
    overflow:visible!important;
    direction:ltr!important;
  }
  html body.admin-mode .site-header .top-nav,
  html body.admin-user-view-mode .site-header .top-nav,
  html body.admin-mode .top-nav.clean-top-nav.pro-top-nav,
  html body.admin-user-view-mode .top-nav.clean-top-nav.pro-top-nav{
    grid-area:nav!important;
    display:flex!important;
    flex-flow:row wrap!important;
    align-content:flex-start!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    gap:5px!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    scrollbar-width:none!important;
    scrollbar-gutter:auto!important;
    scroll-behavior:auto!important;
    direction:ltr!important;
  }
  html body.admin-mode .site-header .top-nav::-webkit-scrollbar,
  html body.admin-user-view-mode .site-header .top-nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
  html body.admin-mode .site-header .top-nav > a,
  html body.admin-user-view-mode .site-header .top-nav > a,
  html body.admin-mode .site-header .top-nav > a.active,
  html body.admin-user-view-mode .site-header .top-nav > a.active{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 9px!important;
    border-radius:11px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  html body.admin-mode .site-header .header-actions,
  html body.admin-user-view-mode .site-header .header-actions{
    grid-area:actions!important;
    align-self:start!important;
    justify-self:end!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    overflow:visible!important;
    direction:ltr!important;
  }
  html body.admin-mode .site-header .header-center-stats,
  html body.admin-user-view-mode .site-header .header-center-stats{display:none!important;}
}
@media (min-width:821px) and (max-width:1320px){
  html body.admin-mode .site-header.clean-header.pro-top-header,
  html body.admin-user-view-mode .site-header.clean-header.pro-top-header{
    grid-template-columns:1fr!important;
    grid-template-areas:"nav" "actions"!important;
  }
  html body.admin-mode .site-header .header-actions,
  html body.admin-user-view-mode .site-header .header-actions{justify-self:start!important;}
}

/* NSFW bulk moderation mirrors Reports while keeping NSFW-specific actions. */
.nsfw-bulk-toolbar-v16678{
  position:sticky;
  top:74px;
  z-index:16;
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin:14px 0 16px;
  padding:12px 14px;
  border:1px solid rgba(255,94,116,.34);
  border-radius:16px;
  background:rgba(7,20,35,.97);
  box-shadow:0 12px 28px rgba(0,0,0,.26);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.nsfw-select-all-v16678{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;white-space:nowrap;cursor:pointer;}
.nsfw-select-all-v16678 input,.nsfw-card-check-v16678 input{width:18px;height:18px;accent-color:#ff536d;cursor:pointer;}
.nsfw-bulk-toolbar-v16678 > strong{color:#ffc2cc;white-space:nowrap;font-size:12px;}
.nsfw-bulk-actions-v16678{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;}
.nsfw-bulk-actions-v16678 .btn{min-height:36px;padding:7px 11px;}
.nsfw-bulk-actions-v16678 .btn:disabled{opacity:.38;cursor:not-allowed;filter:saturate(.5);}
html body.admin-mode .nsfw-card-v16678{position:relative!important;padding-top:54px!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;}
html body.admin-mode .nsfw-card-v16678.is-selected{border-color:rgba(255,87,111,.78)!important;box-shadow:0 0 0 2px rgba(255,87,111,.15),0 16px 38px rgba(0,0,0,.28)!important;}
.nsfw-card-check-v16678{
  position:absolute;
  z-index:6;
  top:10px;
  left:10px;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:10px;
  background:rgba(5,15,27,.92);
  color:#fff1f4;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}
.nsfw-delete-files-v16678{box-shadow:0 0 0 1px rgba(255,88,108,.18) inset!important;}
@media (max-width:980px){
  .nsfw-bulk-toolbar-v16678{position:relative;top:auto;grid-template-columns:1fr 1fr;}
  .nsfw-bulk-actions-v16678{grid-column:1/-1;justify-content:flex-start;}
}
@media (max-width:640px){
  .nsfw-bulk-toolbar-v16678{grid-template-columns:1fr;align-items:stretch;}
  .nsfw-bulk-actions-v16678{grid-column:auto;display:grid;grid-template-columns:1fr 1fr;}
  .nsfw-bulk-actions-v16678 .btn{width:100%;}
}
html body.user-mode .player-layout-v16678 #playlist-counter .counter-limit-part.hidden{display:none!important;}

/* v1.66.79 - persistent player status box, visible soft dissolve and compact word-filter table. */

/* Player feedback lives directly below the legal notice. Keep the base class after JS updates. */
html body .player-layout-v16679 .player-status-box-v16679.player-message:empty,
html body .player-layout-v16679 .player-status-box-v16679.player-message[aria-hidden="true"]{
  display:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
html body .player-layout-v16679 .player-status-box-v16679.player-message:not(:empty){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:min(100%,1040px)!important;
  min-height:38px!important;
  margin:7px auto 0!important;
  padding:9px 14px!important;
  border:1px solid rgba(80,219,205,.46)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(4,28,35,.97),rgba(4,16,30,.985))!important;
  color:#8ff8e8!important;
  box-shadow:0 10px 28px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05)!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.55!important;
  text-align:center!important;
  text-shadow:none!important;
  position:relative!important;
  z-index:20!important;
}
html body .player-layout-v16679 .player-status-box-v16679.player-message:not(:empty)::before{
  content:'●';
  flex:0 0 auto;
  color:#51e2ce;
  font-size:12px;
  filter:drop-shadow(0 0 7px rgba(81,226,206,.42));
}
html body .player-layout-v16679 .player-status-box-v16679.player-message.warn:not(:empty){
  border-color:rgba(255,184,68,.62)!important;
  background:linear-gradient(145deg,rgba(47,30,5,.97),rgba(18,18,25,.985))!important;
  color:#ffe08a!important;
}
html body .player-layout-v16679 .player-status-box-v16679.player-message.warn:not(:empty)::before{
  content:'●';color:#ffc34f;filter:drop-shadow(0 0 7px rgba(255,195,79,.42));
}
html body .player-layout-v16679 .player-status-box-v16679.player-message.ok:not(:empty){
  border-color:rgba(73,224,196,.58)!important;
  color:#91ffe9!important;
}
html body .player-layout-v16679 .player-status-box-v16679.player-message.error:not(:empty){
  border-color:rgba(255,77,103,.72)!important;
  background:linear-gradient(145deg,rgba(55,8,19,.98),rgba(21,12,26,.99))!important;
  color:#ffb2bf!important;
}
html body .player-layout-v16679 .player-status-box-v16679.player-message.error:not(:empty)::before{
  content:'●';color:#ff536d;filter:drop-shadow(0 0 7px rgba(255,83,109,.45));
}

/* Safe soft-dissolve: fade the current picture and both subtitles together,
   change source at the fade midpoint, then reveal the next decoded frame. */
html body .player-layout-v16679 .video-media-area{
  position:relative!important;
  isolation:isolate;
}
html body .player-layout-v16679 .video-media-area::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:18;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(135deg,rgba(2,11,22,.28),rgba(18,42,51,.20),rgba(4,11,22,.34));
  transition:opacity .24s ease;
}
html body .player-layout-v16679 #phrase-video,
html body .player-layout-v16679 #caption-wrap,
html body .player-layout-v16679 #fa-caption-wrap{
  transition:opacity .24s ease!important;
}
html body .player-layout-v16679 .video-media-area.clip-soft-switch-v16679 #phrase-video{
  opacity:.05!important;
}
html body .player-layout-v16679 .video-media-area.clip-soft-switch-v16679 #caption-wrap,
html body .player-layout-v16679 .video-media-area.clip-soft-switch-v16679 #fa-caption-wrap{
  opacity:0!important;
}
html body .player-layout-v16679 .video-media-area.clip-soft-switch-v16679::after{
  opacity:1;
}
html body .player-layout-v16679 .video-media-area > .center-transport,
html body .player-layout-v16679 .video-media-area > .video-side-tools{
  z-index:64!important;
}
@media (prefers-reduced-motion:reduce){
  html body .player-layout-v16679 #phrase-video,
  html body .player-layout-v16679 #caption-wrap,
  html body .player-layout-v16679 #fa-caption-wrap,
  html body .player-layout-v16679 .video-media-area::after{transition:none!important;}
}

/* The language value remains in the database for matching, but is intentionally absent from the admin table. */
html body .word-filter-table-v16625{min-width:620px!important;}

@media (max-width:820px){
  html body .player-layout-v16679 .player-status-box-v16679.player-message:not(:empty){
    width:100%!important;
    min-height:40px!important;
    margin:8px auto 0!important;
    padding:9px 11px!important;
    border-radius:13px!important;
    font-size:11px!important;
    line-height:1.65!important;
  }
}

/* v1.66.80 - advanced local NSFW ensemble status. */
html body.admin-mode .nsfw-engine-badges-v16680{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin:9px 0 8px;
}
html body.admin-mode .nsfw-engine-badges-v16680 span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.055);
  color:#dce9f7;
  font-size:11px;
  font-weight:800;
}
html body.admin-mode .nsfw-engine-badges-v16680 .ready{
  border-color:rgba(57,214,153,.34);
  background:rgba(28,152,104,.12);
  color:#b8ffe0;
}
html body.admin-mode .nsfw-engine-badges-v16680 .missing{
  border-color:rgba(255,185,76,.34);
  background:rgba(197,123,22,.12);
  color:#ffe0a3;
}
html body.admin-mode .nsfw-scan-config-v16640{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
@media (max-width:900px){
  html body.admin-mode .nsfw-scan-config-v16640{grid-template-columns:1fr!important;}
}

/* v1.66.82 - approved responsive fantasy background + guaranteed player feedback box.
   Desktop receives the full educational artwork; the existing mobile layout is intentionally untouched. */
@media (min-width:821px){
  html body.app-body.user-mode:not(.auth-page){
    position:relative!important;
    isolation:isolate!important;
    min-height:100dvh!important;
    background-color:#031421!important;
    background-image:url("img/dialoglab_dashboard_background_v16682.jpg")!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-size:cover!important;
    background-attachment:fixed!important;
    background-blend-mode:normal!important;
  }
  @supports (background-image:image-set(url("img/dialoglab_dashboard_background_v16682.webp") 1x)){
    html body.app-body.user-mode:not(.auth-page){
      background-image:image-set(
        url("img/dialoglab_dashboard_background_v16682.webp") type("image/webp") 1x,
        url("img/dialoglab_dashboard_background_v16682.jpg") type("image/jpeg") 1x
      )!important;
    }
  }
  /* Darken only the central working area. The educational side panels stay bright and readable. */
  html body.app-body.user-mode:not(.auth-page)::before{
    content:""!important;
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:-1!important;
    pointer-events:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    background:
      radial-gradient(ellipse 52% 88% at 50% 45%,rgba(1,10,18,.26) 0%,rgba(1,10,18,.17) 48%,rgba(1,10,18,.03) 76%,transparent 100%),
      linear-gradient(180deg,rgba(1,10,18,.03),rgba(1,10,18,.10))!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html body.app-body.user-mode:not(.auth-page)::after{
    content:none!important;
    display:none!important;
  }
}

/* Preserve every part of the artwork on square/portrait desktop monitors and ultrawide screens.
   A solid matching color fills the small unused bands instead of cropping the feature panels. */
@media (min-width:821px) and (max-aspect-ratio:3/2),
       (min-width:821px) and (min-aspect-ratio:2/1){
  html body.app-body.user-mode:not(.auth-page){
    background-size:contain!important;
    background-position:center top!important;
  }
}

/* Status/error/help messages must never sit directly on the artwork.
   The selector intentionally does not depend on a versioned parent class, so cached JS cannot strip it. */
html body #player-message.player-message,
html body #player-message.pro-player-message{
  box-sizing:border-box!important;
  width:min(calc(100% - 8px),1040px)!important;
  max-width:1040px!important;
  min-width:0!important;
  margin:8px auto 0!important;
  padding:0!important;
  min-height:0!important;
  display:none!important;
  position:relative!important;
  z-index:60!important;
  direction:rtl!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-align:center!important;
  text-decoration:none!important;
}
html body #player-message.player-message:not(:empty),
html body #player-message.pro-player-message:not(:empty),
html body #player-message.is-visible-v16679{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:44px!important;
  padding:10px 16px!important;
  border:1px solid rgba(79,226,207,.60)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(4,31,39,.985),rgba(3,15,29,.99))!important;
  color:#a9fff1!important;
  box-shadow:0 12px 32px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(15px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.12)!important;
  font-size:clamp(12px,.82vw,15px)!important;
  font-weight:900!important;
  line-height:1.75!important;
  text-shadow:none!important;
}
html body #player-message.player-message:not(:empty)::before,
html body #player-message.pro-player-message:not(:empty)::before{
  content:'●'!important;
  display:inline-block!important;
  flex:0 0 auto!important;
  color:#52e3cf!important;
  font-size:12px!important;
  filter:drop-shadow(0 0 7px rgba(82,227,207,.48))!important;
}
html body #player-message.warn:not(:empty){
  border-color:rgba(255,190,77,.72)!important;
  background:linear-gradient(145deg,rgba(52,33,5,.99),rgba(20,18,24,.99))!important;
  color:#ffe39a!important;
}
html body #player-message.warn:not(:empty)::before{color:#ffc451!important;filter:drop-shadow(0 0 7px rgba(255,196,81,.50))!important;}
html body #player-message.error:not(:empty){
  border-color:rgba(255,82,108,.80)!important;
  background:linear-gradient(145deg,rgba(61,8,21,.99),rgba(24,11,27,.995))!important;
  color:#ffc0ca!important;
}
html body #player-message.error:not(:empty)::before{color:#ff536d!important;filter:drop-shadow(0 0 7px rgba(255,83,109,.52))!important;}
html body #player-message.ok:not(:empty){
  border-color:rgba(79,226,207,.68)!important;
  color:#adfff2!important;
}
html body #player-message *{
  color:inherit!important;
  text-decoration:none!important;
  overflow-wrap:anywhere!important;
}

@media (max-width:820px){
  html body #player-message.player-message,
  html body #player-message.pro-player-message{
    width:calc(100% - 16px)!important;
    margin:8px auto 0!important;
  }
  html body #player-message.player-message:not(:empty),
  html body #player-message.pro-player-message:not(:empty),
  html body #player-message.is-visible-v16679{
    min-height:42px!important;
    padding:9px 12px!important;
    border-radius:14px!important;
    font-size:12px!important;
    line-height:1.65!important;
  }
}

/* v1.66.83 - full-viewport responsive fantasy artwork and durable feedback container.
   The player/GUI geometry is unchanged. Only the desktop wallpaper and the message container are affected. */
@media (min-width:821px){
  html body.app-body.user-mode:not(.auth-page){
    background-color:#031421!important;
    background-image:url("img/dialoglab_dashboard_background_v16683.jpg")!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:100vw 100vh!important;
    background-attachment:fixed!important;
  }
  @supports (height:100dvh){
    html body.app-body.user-mode:not(.auth-page){background-size:100vw 100dvh!important;}
  }
  @supports (background-image:image-set(url("img/dialoglab_dashboard_background_v16683.webp") 1x)){
    html body.app-body.user-mode:not(.auth-page){
      background-image:image-set(
        url("img/dialoglab_dashboard_background_v16683.webp") type("image/webp") 1x,
        url("img/dialoglab_dashboard_background_v16683.jpg") type("image/jpeg") 1x
      )!important;
    }
  }
  /* A narrow center vignette keeps the player readable without dimming the feature panels. */
  html body.app-body.user-mode:not(.auth-page)::before{
    content:""!important;
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:-1!important;
    pointer-events:none!important;
    background:radial-gradient(ellipse 48% 92% at 50% 51%,rgba(1,8,16,.25) 0%,rgba(1,8,16,.13) 58%,rgba(1,8,16,0) 82%)!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html body.app-body.user-mode:not(.auth-page)::after{content:none!important;display:none!important;}
}

/* Dedicated ultrawide artwork: side text stays at the screen edges and the empty center expands.
   This removes the empty vertical bands seen on 32:9 and 21:9 monitors. */
@media (min-width:821px) and (min-aspect-ratio:2/1){
  html body.app-body.user-mode:not(.auth-page){
    background-image:url("img/dialoglab_dashboard_background_v16683_ultrawide.jpg")!important;
    background-size:100vw 100vh!important;
    background-position:center center!important;
  }
  @supports (height:100dvh){
    html body.app-body.user-mode:not(.auth-page){background-size:100vw 100dvh!important;}
  }
  @supports (background-image:image-set(url("img/dialoglab_dashboard_background_v16683_ultrawide.webp") 1x)){
    html body.app-body.user-mode:not(.auth-page){
      background-image:image-set(
        url("img/dialoglab_dashboard_background_v16683_ultrawide.webp") type("image/webp") 1x,
        url("img/dialoglab_dashboard_background_v16683_ultrawide.jpg") type("image/jpeg") 1x
      )!important;
    }
  }
}

/* The wrapper owns the box, so JavaScript changing message classes can never remove its background. */
html body .player-message-shell-v16683{
  box-sizing:border-box!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:min(calc(100% - 8px),1040px)!important;
  max-width:1040px!important;
  min-width:0!important;
  min-height:0!important;
  margin:8px auto 0!important;
  padding:0!important;
  position:relative!important;
  z-index:70!important;
  direction:rtl!important;
  border:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
html body .player-message-shell-v16683.is-visible-v16683{
  display:flex!important;
  min-height:46px!important;
  padding:10px 16px!important;
  border:1px solid rgba(79,226,207,.68)!important;
  background:linear-gradient(145deg,rgba(3,35,43,.985),rgba(3,14,28,.995))!important;
  box-shadow:0 13px 34px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.15)!important;
}
html body .player-message-shell-v16683.is-visible-v16683::before{
  content:'●'!important;
  display:inline-block!important;
  flex:0 0 auto!important;
  color:#52e3cf!important;
  font-size:12px!important;
  filter:drop-shadow(0 0 7px rgba(82,227,207,.52))!important;
}
html body .player-message-shell-v16683[data-status="warn"]{
  border-color:rgba(255,190,77,.78)!important;
  background:linear-gradient(145deg,rgba(55,35,5,.99),rgba(20,17,24,.995))!important;
}
html body .player-message-shell-v16683[data-status="warn"]::before{color:#ffc451!important;filter:drop-shadow(0 0 7px rgba(255,196,81,.54))!important;}
html body .player-message-shell-v16683[data-status="error"]{
  border-color:rgba(255,82,108,.84)!important;
  background:linear-gradient(145deg,rgba(64,7,21,.995),rgba(23,10,27,.998))!important;
}
html body .player-message-shell-v16683[data-status="error"]::before{color:#ff536d!important;filter:drop-shadow(0 0 7px rgba(255,83,109,.58))!important;}
html body .player-message-shell-v16683[data-status="ok"]{
  border-color:rgba(79,226,207,.72)!important;
}

/* Neutralize all older inner-message boxes; the stable outer wrapper is the only visible container. */
html body .player-message-shell-v16683 > #player-message.player-message,
html body .player-message-shell-v16683 > #player-message.pro-player-message,
html body .player-message-shell-v16683 > #player-message.player-message:not(:empty),
html body .player-message-shell-v16683 > #player-message.pro-player-message:not(:empty){
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#a9fff1!important;
  font-size:clamp(12px,.82vw,15px)!important;
  font-weight:900!important;
  line-height:1.75!important;
  text-align:center!important;
  text-shadow:none!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
html body .player-message-shell-v16683[data-status="warn"] > #player-message{color:#ffe39a!important;}
html body .player-message-shell-v16683[data-status="error"] > #player-message{color:#ffc0ca!important;}
html body .player-message-shell-v16683[data-status="ok"] > #player-message{color:#adfff2!important;}
html body .player-message-shell-v16683 > #player-message::before,
html body .player-message-shell-v16683 > #player-message::after{content:none!important;display:none!important;}
html body .player-message-shell-v16683 > #player-message *{color:inherit!important;overflow-wrap:anywhere!important;}

@media (max-width:820px){
  html body .player-message-shell-v16683{
    width:calc(100% - 16px)!important;
    margin:8px auto 0!important;
    border-radius:14px!important;
  }
  html body .player-message-shell-v16683.is-visible-v16683{
    min-height:44px!important;
    padding:9px 12px!important;
  }
  html body .player-message-shell-v16683 > #player-message.player-message,
  html body .player-message-shell-v16683 > #player-message.pro-player-message{
    font-size:12px!important;
    line-height:1.65!important;
  }
}

/* v1.66.84 - Admin Revise: large-dataset translation review/export/import workflow. */
.admin-revise-v16684{display:grid;gap:18px;max-width:1500px;margin-inline:auto}.revise-page-head-v16684{align-items:center}.revise-stat-grid-v16684{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px}.revise-stat-grid-v16684 span{display:grid;gap:3px;min-width:115px;padding:12px 14px;border:1px solid rgba(74,211,235,.27);border-radius:16px;background:linear-gradient(145deg,rgba(7,27,42,.84),rgba(11,45,58,.62));box-shadow:inset 0 1px rgba(255,255,255,.05)}.revise-stat-grid-v16684 b{font-size:1.2rem;color:#6fe8ff}.revise-stat-grid-v16684 small{color:#b8cad3}.revise-workflow-v16684{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border:1px solid rgba(255,205,91,.22);border-radius:18px;background:rgba(6,20,33,.82);backdrop-filter:blur(12px)}.revise-workflow-v16684 span{display:flex;align-items:center;gap:8px;color:#eaf8ff}.revise-workflow-v16684 b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#16c5dd,#477cff);color:#fff}.revise-workflow-v16684 i{color:#ffc85c;font-style:normal}.revise-card-grid-v16684{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.revise-export-card-v16684,.revise-upload-card-v16684{height:100%;display:flex;flex-direction:column}.revise-form-grid-v16684{grid-template-columns:repeat(2,minmax(0,1fr))}.revise-format-note-v16684{display:grid;gap:8px;padding:13px 15px;border-radius:15px;border:1px solid rgba(77,208,231,.22);background:rgba(4,20,33,.72);line-height:1.75}.revise-format-note-v16684 code{direction:ltr;text-align:left;white-space:normal;overflow-wrap:anywhere;color:#9cefff}.revise-format-note-v16684 small{color:#c6d4db}.revise-file-drop-v16684{display:grid;place-items:center;text-align:center;gap:9px;min-height:150px;padding:22px;border:2px dashed rgba(76,211,235,.45);border-radius:18px;background:linear-gradient(145deg,rgba(8,34,49,.76),rgba(18,39,54,.52));cursor:pointer;transition:.2s ease}.revise-file-drop-v16684:hover{border-color:#55e5ff;background:rgba(14,53,69,.82)}.revise-file-drop-v16684 input{max-width:100%}.revise-file-drop-v16684 span{font-weight:800;color:#e8fbff}.revise-file-drop-v16684 small{color:#b9cbd3;line-height:1.7}.revise-safety-list-v16684{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.revise-safety-list-v16684 span{padding:9px 11px;border-radius:12px;background:rgba(11,34,46,.72);color:#cfe5ec;font-size:.85rem}.revise-ai-guide-v16684 pre,.revise-error-details-v16684 pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;border-radius:15px;border:1px solid rgba(105,215,235,.18);background:#061520;color:#d9edf3;padding:16px;max-height:420px;overflow:auto}.revise-job-list-v16684{display:grid;gap:12px}.revise-job-row-v16684{grid-template-columns:auto minmax(140px,1fr) auto;align-items:center;gap:12px}.revise-job-type-v16684{padding:4px 8px;border-radius:999px;background:rgba(74,199,225,.14);color:#7be9ff;font-size:.76rem}.revise-result-summary-v16684{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-radius:13px;background:rgba(7,25,38,.68)}.revise-result-summary-v16684 span{padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.055);color:#d4e6ed}.revise-result-summary-v16684.is-safe{border:1px solid rgba(57,224,172,.28)}.revise-result-summary-v16684.has-error{border:1px solid rgba(255,82,105,.42)}.revise-job-actions-v16684{grid-column:1/-1;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.revise-apply-form-v16684{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.revise-apply-form-v16684 input{width:170px;min-height:40px}.revise-error-details-v16684{grid-column:1/-1}.revise-error-details-v16684 summary{cursor:pointer;color:#ffcf72;font-weight:700;margin-bottom:8px}.revise-local-note-v16684{border-color:rgba(255,196,83,.23)}
@media(max-width:980px){.revise-card-grid-v16684{grid-template-columns:1fr}.revise-stat-grid-v16684{width:100%}.revise-form-grid-v16684{grid-template-columns:1fr}.revise-safety-list-v16684{grid-template-columns:1fr}.revise-job-row-v16684{grid-template-columns:1fr}.revise-job-row-v16684 progress{width:100%}.revise-workflow-v16684 i{display:none}}
@media(max-width:620px){.revise-stat-grid-v16684{grid-template-columns:1fr}.revise-workflow-v16684{justify-content:flex-start}.revise-job-actions-v16684 .btn,.revise-apply-form-v16684,.revise-apply-form-v16684 input{width:100%}.admin-revise-v16684{gap:12px}}
.revise-apply-lock-v16684{padding:8px 11px;border-radius:10px;background:rgba(255,196,81,.12);border:1px solid rgba(255,196,81,.26);color:#ffdd91;font-size:.83rem}


/* v1.66.85 - safe result rendering, readable low-resolution artwork, translucent results and durable feedback toast. */

/* Full-bleed artwork without stretching. The standard 16:9 composition is used for normal displays,
   and a dedicated wide composition keeps the feature text at the edges on 21:9 / 32:9 screens. */
@media (min-width:821px){
  html body.app-body.user-mode:not(.auth-page){
    background-color:#031421!important;
    background-image:url("img/dialoglab_dashboard_background_v16685.jpg")!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-size:cover!important;
    background-attachment:fixed!important;
  }
  @supports (background-image:image-set(url("img/dialoglab_dashboard_background_v16685.webp") 1x)){
    html body.app-body.user-mode:not(.auth-page){
      background-image:image-set(
        url("img/dialoglab_dashboard_background_v16685.webp") type("image/webp") 1x,
        url("img/dialoglab_dashboard_background_v16685.jpg") type("image/jpeg") 1x
      )!important;
    }
  }
  html body.app-body.user-mode:not(.auth-page)::before{
    content:""!important;
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:-1!important;
    pointer-events:none!important;
    background:radial-gradient(ellipse 42% 84% at 50% 51%,rgba(1,8,16,.30) 0%,rgba(1,8,16,.18) 58%,rgba(1,8,16,0) 84%)!important;
  }
}
@media (min-width:821px) and (min-aspect-ratio:19/10){
  html body.app-body.user-mode:not(.auth-page){
    background-image:url("img/dialoglab_dashboard_background_v16685_ultrawide.jpg")!important;
    background-size:cover!important;
    background-position:center top!important;
  }
  @supports (background-image:image-set(url("img/dialoglab_dashboard_background_v16685_ultrawide.webp") 1x)){
    html body.app-body.user-mode:not(.auth-page){
      background-image:image-set(
        url("img/dialoglab_dashboard_background_v16685_ultrawide.webp") type("image/webp") 1x,
        url("img/dialoglab_dashboard_background_v16685_ultrawide.jpg") type("image/jpeg") 1x
      )!important;
    }
  }
}

/* On 1600x900-class monitors, reserve more of the side artwork instead of allowing the player to cover it. */
@media (min-width:1181px) and (max-width:1700px){
  html body.user-mode:has(.player-layout-v16685) > main.content-shell{
    width:min(100%,1120px)!important;
    max-width:1120px!important;
    padding-inline:8px!important;
  }
  html body.user-mode .player-layout-v16685.player-home.player-home-wide.pro-user-shell{
    width:100%!important;
    max-width:1120px!important;
    grid-template-columns:minmax(0,1fr) 250px!important;
    gap:12px!important;
  }
  html body.user-mode .player-layout-v16685 .pro-results-panel,
  html body.user-mode .player-layout-v16685 .playlist-panel.compact-playlist.pro-results-panel{
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
  }
}
@media (min-width:1181px) and (max-width:1450px){
  html body.user-mode:has(.player-layout-v16685) > main.content-shell{
    width:min(100%,1030px)!important;
    max-width:1030px!important;
  }
  html body.user-mode .player-layout-v16685.player-home.player-home-wide.pro-user-shell{
    max-width:1030px!important;
    grid-template-columns:minmax(0,1fr) 232px!important;
    gap:10px!important;
  }
  html body.user-mode .player-layout-v16685 .pro-results-panel,
  html body.user-mode .player-layout-v16685 .playlist-panel.compact-playlist.pro-results-panel{
    width:232px!important;
    min-width:232px!important;
    max-width:232px!important;
  }
}

/* Slight transparency only: the artwork remains visible but result text stays easy to scan. */
@media (min-width:821px){
  html body.user-mode .player-layout-v16685 .pro-results-panel,
  html body.user-mode .player-layout-v16685 .playlist-panel.compact-playlist.pro-results-panel{
    background:linear-gradient(180deg,rgba(240,246,250,.80),rgba(223,234,241,.72))!important;
    border-color:rgba(255,255,255,.66)!important;
    backdrop-filter:blur(14px) saturate(1.06)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.06)!important;
  }
  html body.user-mode .player-layout-v16685 .pro-playlist-list .playlist-item{
    background:rgba(255,255,255,.70)!important;
    border-color:rgba(255,255,255,.52)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
  }
  html body.user-mode .player-layout-v16685 .pro-playlist-list .playlist-item:hover{
    background:rgba(255,255,255,.82)!important;
  }
  html body.user-mode .player-layout-v16685 .pro-playlist-list .playlist-item.active{
    background:rgba(210,245,250,.86)!important;
  }
}

/* Result cards are constructed with DOM text nodes; this class also prevents dirty legacy metadata from surfacing. */
html body .player-layout-v16685 .playlist-copy-v16685{display:block!important;min-width:0!important;overflow:hidden!important;}
html body .player-layout-v16685 .playlist-sub{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body .player-layout-v16685 .playlist-sub > span{display:none!important;}

/* Feedback is a viewport toast, not an out-of-view row below the player. Long messages wrap safely. */
html body .player-layout-v16685 > .player-message-shell-v16685{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  width:min(760px,calc(100vw - 32px))!important;
  max-width:760px!important;
  max-height:min(32vh,220px)!important;
  margin:0!important;
  z-index:5200!important;
  pointer-events:none!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
html body .player-layout-v16685 > .player-message-shell-v16685.is-visible-v16683{
  display:flex!important;
  min-height:48px!important;
  padding:11px 16px!important;
}
html body .player-layout-v16685 > .player-message-shell-v16685 > #player-message{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
@media (max-width:820px){
  html body .player-layout-v16685 > .player-message-shell-v16685{
    bottom:88px!important;
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:28vh!important;
  }
}

/* v1.66.86 - Full-HD artwork safe zones, truly translucent Results panel,
   and feedback box placed directly below the compliance notice. */

/* New artwork keeps all feature plaques inside the real side gutters instead of behind the player/results UI. */
@media (min-width:821px){
  html body.app-body.user-mode:not(.auth-page):has(.player-layout-v16686){
    background-color:#031421!important;
    background-image:url("img/dialoglab_dashboard_background_v16686.jpg")!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-size:cover!important;
    background-attachment:fixed!important;
  }
  @supports (background-image:image-set(url("img/dialoglab_dashboard_background_v16686.webp") 1x)){
    html body.app-body.user-mode:not(.auth-page):has(.player-layout-v16686){
      background-image:image-set(
        url("img/dialoglab_dashboard_background_v16686.webp") type("image/webp") 1x,
        url("img/dialoglab_dashboard_background_v16686.jpg") type("image/jpeg") 1x
      )!important;
    }
  }
}
@media (min-width:821px) and (min-aspect-ratio:19/10){
  html body.app-body.user-mode:not(.auth-page):has(.player-layout-v16686){
    background-image:url("img/dialoglab_dashboard_background_v16686_ultrawide.jpg")!important;
    background-size:cover!important;
    background-position:center top!important;
  }
  @supports (background-image:image-set(url("img/dialoglab_dashboard_background_v16686_ultrawide.webp") 1x)){
    html body.app-body.user-mode:not(.auth-page):has(.player-layout-v16686){
      background-image:image-set(
        url("img/dialoglab_dashboard_background_v16686_ultrawide.webp") type("image/webp") 1x,
        url("img/dialoglab_dashboard_background_v16686_ultrawide.jpg") type("image/jpeg") 1x
      )!important;
    }
  }
}

/* Noticeably translucent, but still readable. The previous 0.80/0.70 surfaces looked almost opaque. */
@media (min-width:821px){
  html body.user-mode .player-layout-v16686 .pro-results-panel,
  html body.user-mode .player-layout-v16686 .playlist-panel.compact-playlist.pro-results-panel{
    background:linear-gradient(180deg,rgba(235,244,249,.64),rgba(214,228,237,.54))!important;
    border-color:rgba(255,255,255,.55)!important;
    box-shadow:0 20px 52px rgba(1,12,22,.30),inset 0 1px 0 rgba(255,255,255,.48)!important;
    backdrop-filter:blur(11px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(11px) saturate(1.08)!important;
  }
  html body.user-mode .player-layout-v16686 .pro-results-head{
    background:linear-gradient(180deg,rgba(244,249,252,.45),rgba(231,241,247,.28))!important;
  }
  html body.user-mode .player-layout-v16686 .pro-playlist-list .playlist-item{
    background:rgba(255,255,255,.58)!important;
    border-color:rgba(255,255,255,.45)!important;
    box-shadow:0 8px 20px rgba(13,37,53,.06)!important;
    backdrop-filter:blur(6px) saturate(1.04)!important;
    -webkit-backdrop-filter:blur(6px) saturate(1.04)!important;
  }
  html body.user-mode .player-layout-v16686 .pro-playlist-list .playlist-item:hover{
    background:rgba(255,255,255,.70)!important;
  }
  html body.user-mode .player-layout-v16686 .pro-playlist-list .playlist-item.active{
    background:rgba(196,241,249,.74)!important;
    border-color:rgba(17,190,218,.72)!important;
  }
}

/* Feedback now lives in normal document flow, exactly below the red compliance note. */
html body .player-layout-v16686 .player-content-stack-v16628 > .player-message-shell-v16686{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  min-height:0!important;
  max-height:128px!important;
  margin:7px auto 0!important;
  padding:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  pointer-events:none!important;
  z-index:40!important;
}
html body .player-layout-v16686 .player-content-stack-v16628 > .player-message-shell-v16686.is-visible-v16683{
  display:flex!important;
  min-height:48px!important;
  padding:10px 16px!important;
}
html body .player-layout-v16686 .player-message-shell-v16686 > #player-message.pro-player-message{
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-align:center!important;
  line-height:1.62!important;
}

/* A 900p browser viewport includes browser chrome, the header, legal notice and the feedback box.
   Reserve their height so the complete player stays visible instead of pushing the notices below the fold. */
@media (min-width:821px) and (max-height:1000px){
  html body.user-mode .player-layout-v16686 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16686 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell,
  html body.user-mode .player-layout-v16686 .playlist-panel.pro-results-panel,
  html body.user-mode .player-layout-v16686 .playlist-panel.compact-playlist.pro-results-panel{
    height:clamp(560px,calc(100dvh - 208px),790px)!important;
    min-height:560px!important;
    max-height:790px!important;
  }
  html body.user-mode .player-layout-v16686 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16686 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    grid-template-rows:38px minmax(246px,1fr) 176px!important;
  }
  html body.user-mode .player-layout-v16686 .video-bottom-ui,
  html body.user-mode .player-layout-v16686 .video-bottom-ui.dl-bottom-ui-v16614{
    height:176px!important;
    min-height:176px!important;
    max-height:176px!important;
    padding:4px 12px 7px!important;
    gap:4px!important;
  }
  html body.user-mode .player-layout-v16686 .content-compliance-note-v16625,
  html body.user-mode .player-layout-v16686 .content-compliance-note-v16626,
  html body.user-mode .player-layout-v16686 .content-compliance-note-v16628{
    margin-top:5px!important;
    padding:6px 11px!important;
    font-size:9.5px!important;
    line-height:1.34!important;
  }
  html body .player-layout-v16686 .player-content-stack-v16628 > .player-message-shell-v16686{
    margin-top:5px!important;
  }
  html body .player-layout-v16686 .player-content-stack-v16628 > .player-message-shell-v16686.is-visible-v16683{
    min-height:42px!important;
    padding:7px 12px!important;
  }
}

@media (min-width:821px) and (max-height:820px){
  html body.user-mode .player-layout-v16686 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16686 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell,
  html body.user-mode .player-layout-v16686 .playlist-panel.pro-results-panel,
  html body.user-mode .player-layout-v16686 .playlist-panel.compact-playlist.pro-results-panel{
    height:clamp(500px,calc(100dvh - 188px),650px)!important;
    min-height:500px!important;
  }
  html body.user-mode .player-layout-v16686 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode .player-layout-v16686 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    grid-template-rows:34px minmax(215px,1fr) 162px!important;
  }
  html body.user-mode .player-layout-v16686 .video-bottom-ui,
  html body.user-mode .player-layout-v16686 .video-bottom-ui.dl-bottom-ui-v16614{
    height:162px!important;
    min-height:162px!important;
    max-height:162px!important;
  }
}

@media (max-width:820px){
  html body .player-layout-v16686 .player-content-stack-v16628 > .player-message-shell-v16686{
    width:auto!important;
    max-width:none!important;
    margin:6px 8px 0!important;
    max-height:150px!important;
  }
  html body .player-layout-v16686 .player-content-stack-v16628 > .player-message-shell-v16686.is-visible-v16683{
    min-height:44px!important;
    padding:8px 10px!important;
  }
  html body .player-layout-v16686 .player-message-shell-v16686 > #player-message.pro-player-message{
    font-size:11px!important;
    line-height:1.55!important;
  }
}

/* v1.66.87 - multi-resolution background + wider desktop stage + favicon-ready release */
@media (min-width:821px){
  html body.app-body.user-mode:not(.auth-page):has(.player-layout-v16687){
    background-color:#041521!important;
    background-image:url("img/dialoglab_dashboard_background_v16687.jpg")!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
    background-attachment:fixed!important;
  }
  @supports (background-image:image-set(url("img/dialoglab_dashboard_background_v16687.webp") 1x)){
    html body.app-body.user-mode:not(.auth-page):has(.player-layout-v16687){
      background-image:image-set(
        url("img/dialoglab_dashboard_background_v16687.webp") type("image/webp") 1x,
        url("img/dialoglab_dashboard_background_v16687.jpg") type("image/jpeg") 1x
      )!important;
    }
  }
}
@media (min-width:821px) and (min-aspect-ratio:2/1){
  html body.app-body.user-mode:not(.auth-page):has(.player-layout-v16687){
    background-image:url("img/dialoglab_dashboard_background_v16687_ultrawide.jpg")!important;
    background-position:center center!important;
  }
  @supports (background-image:image-set(url("img/dialoglab_dashboard_background_v16687_ultrawide.webp") 1x)){
    html body.app-body.user-mode:not(.auth-page):has(.player-layout-v16687){
      background-image:image-set(
        url("img/dialoglab_dashboard_background_v16687_ultrawide.webp") type("image/webp") 1x,
        url("img/dialoglab_dashboard_background_v16687_ultrawide.jpg") type("image/jpeg") 1x
      )!important;
    }
  }
}

/* Use more of the screen on large displays so huge side gutters do not remain empty. */
@media (min-width:821px){
  html body.user-mode:has(.player-layout-v16687) > main.content-shell{
    width:min(96vw,1380px)!important;
    max-width:1380px!important;
    padding-inline:10px!important;
  }
  html body.user-mode .player-layout-v16687.player-home.player-home-wide.pro-user-shell{
    width:100%!important;
    max-width:1380px!important;
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:16px!important;
  }
  html body.user-mode .player-layout-v16687 .pro-results-panel,
  html body.user-mode .player-layout-v16687 .playlist-panel.compact-playlist.pro-results-panel{
    width:300px!important;
    min-width:300px!important;
    max-width:300px!important;
  }
}
@media (min-width:1280px) and (max-width:1599px){
  html body.user-mode:has(.player-layout-v16687) > main.content-shell{
    width:min(96vw,1220px)!important;
    max-width:1220px!important;
  }
  html body.user-mode .player-layout-v16687.player-home.player-home-wide.pro-user-shell{
    max-width:1220px!important;
    grid-template-columns:minmax(0,1fr) 270px!important;
    gap:14px!important;
  }
  html body.user-mode .player-layout-v16687 .pro-results-panel,
  html body.user-mode .player-layout-v16687 .playlist-panel.compact-playlist.pro-results-panel{
    width:270px!important;
    min-width:270px!important;
    max-width:270px!important;
  }
}
@media (min-width:1600px) and (max-width:2199px){
  html body.user-mode:has(.player-layout-v16687) > main.content-shell{
    width:min(95vw,1460px)!important;
    max-width:1460px!important;
  }
  html body.user-mode .player-layout-v16687.player-home.player-home-wide.pro-user-shell{
    max-width:1460px!important;
    grid-template-columns:minmax(0,1fr) 310px!important;
    gap:18px!important;
  }
  html body.user-mode .player-layout-v16687 .pro-results-panel,
  html body.user-mode .player-layout-v16687 .playlist-panel.compact-playlist.pro-results-panel{
    width:310px!important;
    min-width:310px!important;
    max-width:310px!important;
  }
}
@media (min-width:2200px){
  html body.user-mode:has(.player-layout-v16687) > main.content-shell{
    width:min(92vw,1760px)!important;
    max-width:1760px!important;
  }
  html body.user-mode .player-layout-v16687.player-home.player-home-wide.pro-user-shell{
    max-width:1760px!important;
    grid-template-columns:minmax(0,1fr) 340px!important;
    gap:20px!important;
  }
  html body.user-mode .player-layout-v16687 .pro-results-panel,
  html body.user-mode .player-layout-v16687 .playlist-panel.compact-playlist.pro-results-panel{
    width:340px!important;
    min-width:340px!important;
    max-width:340px!important;
  }
}

/* Results panel should feel glassy, not solid white. Apply to the outer shell and the list cards. */
@media (min-width:821px){
  html body.user-mode .player-layout-v16687 .pro-results-panel,
  html body.user-mode .player-layout-v16687 .playlist-panel.compact-playlist.pro-results-panel,
  html body.user-mode .player-layout-v16687 .playlist-panel{
    background:linear-gradient(180deg,rgba(238,246,251,.52),rgba(214,228,237,.42))!important;
    border:1px solid rgba(255,255,255,.48)!important;
    box-shadow:0 20px 48px rgba(1,12,22,.24), inset 0 1px 0 rgba(255,255,255,.42)!important;
    backdrop-filter:blur(12px) saturate(1.06)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.06)!important;
  }
  html body.user-mode .player-layout-v16687 .pro-results-head{
    background:linear-gradient(180deg,rgba(245,250,253,.34),rgba(231,241,247,.18))!important;
  }
  html body.user-mode .player-layout-v16687 .pro-playlist-list .playlist-item,
  html body.user-mode .player-layout-v16687 .playlist-item{
    background:rgba(255,255,255,.48)!important;
    border-color:rgba(255,255,255,.38)!important;
    box-shadow:0 8px 18px rgba(13,37,53,.06)!important;
    backdrop-filter:blur(6px) saturate(1.04)!important;
    -webkit-backdrop-filter:blur(6px) saturate(1.04)!important;
  }
  html body.user-mode .player-layout-v16687 .pro-playlist-list .playlist-item:hover,
  html body.user-mode .player-layout-v16687 .playlist-item:hover{
    background:rgba(255,255,255,.60)!important;
  }
  html body.user-mode .player-layout-v16687 .pro-playlist-list .playlist-item.active,
  html body.user-mode .player-layout-v16687 .playlist-item.active{
    background:rgba(193,239,248,.66)!important;
    border-color:rgba(17,190,218,.70)!important;
  }
}

/* Keep the compliance note and the dynamic status box aligned and visible below the player on desktop. */
html body .player-layout-v16687 .content-compliance-note-v16625,
html body .player-layout-v16687 .content-compliance-note-v16626,
html body .player-layout-v16687 .content-compliance-note-v16628,
html body .player-layout-v16687 .content-compliance-note-v16683{
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  margin:10px auto 0!important;
}
html body .player-layout-v16687 .player-content-stack-v16628 > .player-message-shell-v16686,
html body .player-layout-v16687 .player-content-stack-v16628 > .player-message-shell-v16687,
html body .player-layout-v16687 .player-content-stack-v16628 > .player-message-shell-v16685{
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  margin:7px auto 0!important;
}

/* Slightly reduce background overlay noise on smaller desktops so the plaques remain readable. */
@media (min-width:821px) and (max-width:1440px){
  html body.app-body.user-mode:not(.auth-page):has(.player-layout-v16687){
    background-position:center top!important;
  }
}


/* v1.66.88 - monitor-safe background system with side marketing plaques outside content safe zone */
@media (min-width:821px){
  html body.app-body.user-mode:not(.auth-page):has(.player-layout-v16688){
    background-color:#041521!important;
    background-image:url("img/dialoglab_dashboard_background_v16688.jpg")!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
    background-attachment:fixed!important;
  }
  @supports (background-image:image-set(url("img/dialoglab_dashboard_background_v16688.webp") 1x)){
    html body.app-body.user-mode:not(.auth-page):has(.player-layout-v16688){
      background-image:image-set(
        url("img/dialoglab_dashboard_background_v16688.webp") type("image/webp") 1x,
        url("img/dialoglab_dashboard_background_v16688.jpg") type("image/jpeg") 1x
      )!important;
    }
  }
  html body.user-mode:has(.player-layout-v16688) > main.content-shell{
    position:relative!important;
    z-index:2!important;
  }
  html body.user-mode .player-layout-v16688{
    position:relative;
    z-index:2;
  }
}
@media (min-width:821px) and (min-aspect-ratio:2/1){
  html body.app-body.user-mode:not(.auth-page):has(.player-layout-v16688){
    background-image:url("img/dialoglab_dashboard_background_v16688_ultrawide.jpg")!important;
    background-position:center center!important;
  }
  @supports (background-image:image-set(url("img/dialoglab_dashboard_background_v16688_ultrawide.webp") 1x)){
    html body.app-body.user-mode:not(.auth-page):has(.player-layout-v16688){
      background-image:image-set(
        url("img/dialoglab_dashboard_background_v16688_ultrawide.webp") type("image/webp") 1x,
        url("img/dialoglab_dashboard_background_v16688_ultrawide.jpg") type("image/jpeg") 1x
      )!important;
    }
  }
}

.dashboard-side-story-v16688{display:none;}
@media (min-width:1500px) and (min-height:780px){
  .dashboard-side-story-v16688{
    display:block;
    position:fixed;
    inset:116px 0 112px;
    z-index:0;
    pointer-events:none;
  }
  .dashboard-side-story-column{
    position:absolute;
    top:0;
    bottom:0;
    width:clamp(186px,13.6vw,252px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:clamp(14px,1.4vw,22px);
  }
  .dashboard-side-story-left-v16688{left:clamp(10px,1.6vw,30px);}
  .dashboard-side-story-right-v16688{right:clamp(10px,1.6vw,30px);}
  .dashboard-side-story-card-v16688{
    position:relative;
    padding:15px 16px 14px;
    border-radius:26px;
    border:1px solid rgba(97,233,255,.44);
    background:linear-gradient(180deg,rgba(7,31,46,.52),rgba(7,23,36,.28));
    box-shadow:0 18px 42px rgba(0,9,18,.34),inset 0 0 0 1px rgba(241,201,105,.16);
    backdrop-filter:blur(9px) saturate(1.12);
    -webkit-backdrop-filter:blur(9px) saturate(1.12);
    text-align:center;
    overflow:hidden;
  }
  .dashboard-side-story-card-v16688::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    padding:1px;
    background:linear-gradient(135deg,rgba(84,222,247,.62),rgba(255,213,111,.34));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
            mask-composite:exclude;
    opacity:.75;
  }
  .dashboard-side-story-icon-v16688{
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    margin:0 auto 11px;
    border-radius:18px;
    font-size:28px;
    color:#ffe3a2;
    background:radial-gradient(circle at 50% 38%,rgba(255,236,173,.24),rgba(17,39,58,.78));
    border:1px solid rgba(255,224,144,.34);
    box-shadow:0 0 0 1px rgba(117,231,255,.12),0 10px 22px rgba(0,0,0,.18);
  }
  .dashboard-side-story-card-v16688 strong{
    display:block;
    color:#f6d992;
    font-weight:900;
    font-size:clamp(21px,1.22vw,28px);
    line-height:1.68;
    margin:0 0 7px;
    text-shadow:0 2px 14px rgba(0,0,0,.34);
  }
  .dashboard-side-story-card-v16688 small{
    display:block;
    color:#f5f7fb;
    opacity:.96;
    font-size:clamp(13px,.83vw,16px);
    line-height:1.56;
    font-weight:800;
  }
}
@media (min-width:1500px) and (max-width:1739px){
  .dashboard-side-story-v16688{inset:118px 0 104px;}
  .dashboard-side-story-column{width:clamp(176px,12.6vw,212px);gap:12px;}
  .dashboard-side-story-card-v16688{padding:13px 12px 12px;border-radius:22px;}
  .dashboard-side-story-icon-v16688{width:50px;height:50px;font-size:24px;margin-bottom:9px;}
  .dashboard-side-story-card-v16688 strong{font-size:19px;line-height:1.58;}
  .dashboard-side-story-card-v16688 small{font-size:12px;line-height:1.48;}
  .dashboard-side-story-card-optional-v16688{display:none;}
  html body.user-mode:has(.player-layout-v16688) > main.content-shell{
    width:min(94vw,1280px)!important;
    max-width:1280px!important;
  }
  html body.user-mode .player-layout-v16688.player-home.player-home-wide.pro-user-shell{
    max-width:1280px!important;
    grid-template-columns:minmax(0,1fr) 280px!important;
    gap:14px!important;
  }
  html body.user-mode .player-layout-v16688 .pro-results-panel,
  html body.user-mode .player-layout-v16688 .playlist-panel.compact-playlist.pro-results-panel{
    width:280px!important;
    min-width:280px!important;
    max-width:280px!important;
  }
}
@media (min-width:1740px) and (max-width:2199px){
  html body.user-mode:has(.player-layout-v16688) > main.content-shell{
    width:min(92vw,1380px)!important;
    max-width:1380px!important;
  }
  html body.user-mode .player-layout-v16688.player-home.player-home-wide.pro-user-shell{
    max-width:1380px!important;
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:16px!important;
  }
  html body.user-mode .player-layout-v16688 .pro-results-panel,
  html body.user-mode .player-layout-v16688 .playlist-panel.compact-playlist.pro-results-panel{
    width:300px!important;
    min-width:300px!important;
    max-width:300px!important;
  }
}
@media (min-width:2200px){
  .dashboard-side-story-v16688{inset:120px 0 120px;}
  .dashboard-side-story-column{width:clamp(220px,14.8vw,290px);}
  html body.user-mode:has(.player-layout-v16688) > main.content-shell{
    width:min(90vw,1500px)!important;
    max-width:1500px!important;
  }
  html body.user-mode .player-layout-v16688.player-home.player-home-wide.pro-user-shell{
    max-width:1500px!important;
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:18px!important;
  }
  html body.user-mode .player-layout-v16688 .pro-results-panel,
  html body.user-mode .player-layout-v16688 .playlist-panel.compact-playlist.pro-results-panel{
    width:320px!important;
    min-width:320px!important;
    max-width:320px!important;
  }
}
@media (min-width:1500px) and (max-height:930px){
  .dashboard-side-story-v16688{inset:104px 0 88px;}
  .dashboard-side-story-column{gap:10px;}
  .dashboard-side-story-card-v16688{padding:12px 12px 11px;}
  .dashboard-side-story-icon-v16688{width:46px;height:46px;font-size:22px;margin-bottom:8px;}
  .dashboard-side-story-card-v16688 strong{font-size:18px;line-height:1.50;}
  .dashboard-side-story-card-v16688 small{font-size:11px;line-height:1.42;}
}
@media (max-width:1499px), (max-height:779px){
  .dashboard-side-story-v16688{display:none!important;}
}


/* v1.66.89 - header hover containment, stable tour colors, plan spacing, typography and cinematic clip transition */
:root{
  --dialoglab-font-fa:"Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif;
  --dialoglab-font-en:"Poppins","Segoe UI",Arial,sans-serif;
}
html,body,button,input,select,textarea{
  font-family:var(--dialoglab-font-fa)!important;
}
.smart-caption-en,
.smart-caption-en *,
.playlist-text,
.playlist-sub,
.section-kicker,
.control-label,
.genre-filter,
#phrase-query,
.movie-title-viewport,
.top-movie-pill,
.plan-price,
.plan-tier,
[data-plan-price],
[dir="ltr"],
[lang="en"]{
  font-family:var(--dialoglab-font-en),var(--dialoglab-font-fa)!important;
}

/* Header buttons no longer rise into a clipped parent on hover. */
@media (min-width:821px){
  html body:not(.auth-page) .site-header.header-ui-v16618,
  html body:not(.auth-page) .site-header.header-ui-v16618 .header-actions,
  html body:not(.auth-page) .site-header.header-ui-v16618 .header-actions.final-user-status{
    overflow:visible!important;
  }
  html body:not(.auth-page) .site-header.header-ui-v16618 .header-actions > .ghost-link,
  html body:not(.auth-page) .site-header.header-ui-v16618 .header-actions > button,
  html body:not(.auth-page) .site-header.header-ui-v16618 .header-actions > a{
    transform:none!important;
    translate:none!important;
  }
  html body:not(.auth-page) .site-header.header-ui-v16618 .header-actions > .ghost-link:hover,
  html body:not(.auth-page) .site-header.header-ui-v16618 .header-actions > button:hover,
  html body:not(.auth-page) .site-header.header-ui-v16618 .header-actions > a:hover{
    transform:none!important;
    translate:none!important;
  }
}

/* Help button keeps the same turquoise identity in normal, hover, focus and active states. */
html body .help-tour-btn,
html body .help-tour-btn:hover,
html body .help-tour-btn:focus,
html body .help-tour-btn:focus-visible,
html body .help-tour-btn:active{
  color:#effeff!important;
  background:linear-gradient(135deg,rgba(8,145,164,.96),rgba(9,104,135,.96))!important;
  border-color:rgba(66,232,244,.62)!important;
  box-shadow:0 8px 22px rgba(0,173,197,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
  filter:none!important;
  transform:none!important;
  outline:0!important;
}

/* The tutorial Next button must not turn white on mouse hover. */
html body .tour-card .tour-actions .tour-next,
html body .tour-card .tour-actions .tour-next:hover,
html body .tour-card .tour-actions .tour-next:focus,
html body .tour-card .tour-actions .tour-next:focus-visible,
html body .tour-card .tour-actions .tour-next:active{
  min-width:78px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#16bfd1,#0b8eaa)!important;
  background-image:linear-gradient(135deg,#16bfd1,#0b8eaa)!important;
  border:1px solid rgba(104,239,248,.64)!important;
  box-shadow:0 9px 24px rgba(10,181,205,.26),inset 0 1px 0 rgba(255,255,255,.18)!important;
  filter:none!important;
  transform:none!important;
  outline:0!important;
}

/* Give the coupon controls breathing room below the three plan cards. */
html body .plan-checkout-scope-v16630 .discount-entry-v16630,
html body .plan-checkout-scope-v16637 .discount-entry-v16637{
  margin:34px auto 20px!important;
}
@media (max-width:820px){
  html body .plan-checkout-scope-v16630 .discount-entry-v16630,
  html body .plan-checkout-scope-v16637 .discount-entry-v16637{
    margin-top:24px!important;
  }
}

/* Cinematic right-to-left scene cut. Only the picture/subtitles move; player controls stay stable. */
html body .player-layout-v16689 .video-media-area{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
html body .player-layout-v16689 .video-media-area::after{
  content:"";
  position:absolute;
  inset:-8%;
  z-index:19;
  pointer-events:none;
  opacity:0;
  transform:translateX(0) skewX(-7deg);
  background:
    linear-gradient(90deg,transparent 0 14%,rgba(107,237,247,.14) 32%,rgba(255,255,255,.28) 48%,rgba(48,151,200,.12) 64%,transparent 86%),
    repeating-linear-gradient(90deg,transparent 0 9%,rgba(230,251,255,.08) 10%,transparent 13%);
  mix-blend-mode:screen;
  filter:blur(8px);
}
html body .player-layout-v16689 #phrase-video{
  will-change:transform,opacity,filter;
  backface-visibility:hidden;
  transform-origin:center center;
}
html body .player-layout-v16689 .video-media-area.clip-cinematic-switch-v16689 #caption-wrap,
html body .player-layout-v16689 .video-media-area.clip-cinematic-switch-v16689 #fa-caption-wrap{
  opacity:0!important;
  transition:opacity .12s ease!important;
}
html body .player-layout-v16689 .video-media-area.clip-cinematic-out-v16689.clip-cinematic-next-v16689 #phrase-video{
  animation:dialoglab-clip-out-next-v16689 .225s cubic-bezier(.55,.02,.82,.42) both!important;
}
html body .player-layout-v16689 .video-media-area.clip-cinematic-in-v16689.clip-cinematic-next-v16689 #phrase-video{
  animation:dialoglab-clip-in-next-v16689 .42s cubic-bezier(.16,.84,.28,1) both!important;
}
html body .player-layout-v16689 .video-media-area.clip-cinematic-out-v16689.clip-cinematic-prev-v16689 #phrase-video{
  animation:dialoglab-clip-out-prev-v16689 .225s cubic-bezier(.55,.02,.82,.42) both!important;
}
html body .player-layout-v16689 .video-media-area.clip-cinematic-in-v16689.clip-cinematic-prev-v16689 #phrase-video{
  animation:dialoglab-clip-in-prev-v16689 .42s cubic-bezier(.16,.84,.28,1) both!important;
}
html body .player-layout-v16689 .video-media-area.clip-cinematic-out-v16689::after,
html body .player-layout-v16689 .video-media-area.clip-cinematic-in-v16689::after{
  opacity:1;
}
html body .player-layout-v16689 .video-media-area.clip-cinematic-next-v16689::after{
  animation:dialoglab-streak-next-v16689 .46s ease-out both;
}
html body .player-layout-v16689 .video-media-area.clip-cinematic-prev-v16689::after{
  animation:dialoglab-streak-prev-v16689 .46s ease-out both;
}
@keyframes dialoglab-clip-out-next-v16689{
  0%{opacity:1;transform:translateX(0) scale(1);filter:blur(0) brightness(1)}
  45%{opacity:.78;transform:translateX(-3.5%) scale(1.018);filter:blur(2px) brightness(.98)}
  100%{opacity:0;transform:translateX(-17%) scale(1.055);filter:blur(10px) brightness(.72)}
}
@keyframes dialoglab-clip-in-next-v16689{
  0%{opacity:0;transform:translateX(17%) scale(1.055);filter:blur(10px) brightness(.74)}
  58%{opacity:.9;transform:translateX(-1.2%) scale(1.008);filter:blur(1.5px) brightness(1.03)}
  100%{opacity:1;transform:translateX(0) scale(1);filter:blur(0) brightness(1)}
}
@keyframes dialoglab-clip-out-prev-v16689{
  0%{opacity:1;transform:translateX(0) scale(1);filter:blur(0) brightness(1)}
  45%{opacity:.78;transform:translateX(3.5%) scale(1.018);filter:blur(2px) brightness(.98)}
  100%{opacity:0;transform:translateX(17%) scale(1.055);filter:blur(10px) brightness(.72)}
}
@keyframes dialoglab-clip-in-prev-v16689{
  0%{opacity:0;transform:translateX(-17%) scale(1.055);filter:blur(10px) brightness(.74)}
  58%{opacity:.9;transform:translateX(1.2%) scale(1.008);filter:blur(1.5px) brightness(1.03)}
  100%{opacity:1;transform:translateX(0) scale(1);filter:blur(0) brightness(1)}
}
@keyframes dialoglab-streak-next-v16689{
  0%{opacity:0;transform:translateX(38%) skewX(-7deg)}
  35%{opacity:.82}
  100%{opacity:0;transform:translateX(-42%) skewX(-7deg)}
}
@keyframes dialoglab-streak-prev-v16689{
  0%{opacity:0;transform:translateX(-38%) skewX(7deg)}
  35%{opacity:.82}
  100%{opacity:0;transform:translateX(42%) skewX(7deg)}
}
@media (prefers-reduced-motion:reduce){
  html body .player-layout-v16689 .video-media-area #phrase-video,
  html body .player-layout-v16689 .video-media-area::after{
    animation:none!important;
    transition:none!important;
    transform:none!important;
    filter:none!important;
  }
}

/* v1.66.90 - faster true two-layer clip blend (old frame + decoded new clip) */
html body .player-layout-v16690 .video-media-area{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#020910!important;
}
html body .player-layout-v16690 .video-media-area > #phrase-video{
  position:relative!important;
  z-index:1!important;
  will-change:transform,opacity,filter!important;
  backface-visibility:hidden!important;
  transform-origin:center center!important;
}
html body .player-layout-v16690 .clip-transition-old-frame-v16690{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  pointer-events:none!important;
  opacity:1!important;
  transform:translateX(0) scale(1)!important;
  filter:blur(0) brightness(1) saturate(1)!important;
  transform-origin:center center!important;
  backface-visibility:hidden!important;
  will-change:transform,opacity,filter!important;
  transition:
    opacity .22s linear,
    transform .275s cubic-bezier(.28,.72,.26,1),
    filter .275s cubic-bezier(.28,.72,.26,1)!important;
}
html body .player-layout-v16690 .video-media-area.clip-blend-switch-v16690 #caption-wrap,
html body .player-layout-v16690 .video-media-area.clip-blend-switch-v16690 #fa-caption-wrap{
  opacity:0!important;
  transition:opacity .08s linear!important;
}

/* Prepared incoming frame: hidden behind the captured outgoing frame. */
html body .player-layout-v16690 .video-media-area.clip-blend-prep-v16690.clip-blend-next-v16690 > #phrase-video{
  opacity:0!important;
  transform:translateX(11%) scale(1.035)!important;
  filter:blur(7px) brightness(.78) saturate(.86)!important;
  transition:
    opacity .20s linear,
    transform .275s cubic-bezier(.16,.84,.25,1),
    filter .275s cubic-bezier(.16,.84,.25,1)!important;
}
html body .player-layout-v16690 .video-media-area.clip-blend-prep-v16690.clip-blend-prev-v16690 > #phrase-video{
  opacity:0!important;
  transform:translateX(-11%) scale(1.035)!important;
  filter:blur(7px) brightness(.78) saturate(.86)!important;
  transition:
    opacity .20s linear,
    transform .275s cubic-bezier(.16,.84,.25,1),
    filter .275s cubic-bezier(.16,.84,.25,1)!important;
}

/* Both layers move together, producing a real overlap instead of two separate fades. */
html body .player-layout-v16690 .video-media-area.clip-blend-active-v16690 > #phrase-video{
  opacity:1!important;
  transform:translateX(0) scale(1)!important;
  filter:blur(0) brightness(1) saturate(1)!important;
}
html body .player-layout-v16690 .video-media-area.clip-blend-active-v16690.clip-blend-next-v16690 > .clip-transition-old-frame-v16690{
  opacity:0!important;
  transform:translateX(-13%) scale(1.045)!important;
  filter:blur(8px) brightness(.68) saturate(.84)!important;
}
html body .player-layout-v16690 .video-media-area.clip-blend-active-v16690.clip-blend-prev-v16690 > .clip-transition-old-frame-v16690{
  opacity:0!important;
  transform:translateX(13%) scale(1.045)!important;
  filter:blur(8px) brightness(.68) saturate(.84)!important;
}

/* Short directional light streak: faster and subtler than v1.66.89. */
html body .player-layout-v16690 .video-media-area.clip-blend-switch-v16690::before{
  content:"";
  position:absolute;
  inset:-10% -18%;
  z-index:3;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent 20%,rgba(47,216,235,.10) 36%,rgba(237,253,255,.30) 50%,rgba(34,168,210,.10) 64%,transparent 80%);
  mix-blend-mode:screen;
  filter:blur(7px);
  transform:translateX(0) skewX(-8deg);
}
html body .player-layout-v16690 .video-media-area.clip-blend-active-v16690.clip-blend-next-v16690::before{
  animation:dialoglab-blend-streak-next-v16690 .29s ease-out both!important;
}
html body .player-layout-v16690 .video-media-area.clip-blend-active-v16690.clip-blend-prev-v16690::before{
  animation:dialoglab-blend-streak-prev-v16690 .29s ease-out both!important;
}
@keyframes dialoglab-blend-streak-next-v16690{
  0%{opacity:0;transform:translateX(34%) skewX(-8deg)}
  34%{opacity:.72}
  100%{opacity:0;transform:translateX(-38%) skewX(-8deg)}
}
@keyframes dialoglab-blend-streak-prev-v16690{
  0%{opacity:0;transform:translateX(-34%) skewX(8deg)}
  34%{opacity:.72}
  100%{opacity:0;transform:translateX(38%) skewX(8deg)}
}
@media (prefers-reduced-motion:reduce){
  html body .player-layout-v16690 .video-media-area > #phrase-video,
  html body .player-layout-v16690 .clip-transition-old-frame-v16690,
  html body .player-layout-v16690 .video-media-area::before{
    animation:none!important;
    transition:none!important;
    transform:none!important;
    filter:none!important;
  }
}


/* v1.66.91 - low-latency blended clip change + instant subtitle paint */
html body .player-layout-v16691 .video-media-area{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#020910!important;
}
html body .player-layout-v16691 .video-media-area > #phrase-video{
  position:relative!important;
  z-index:1!important;
  will-change:transform,opacity!important;
  backface-visibility:hidden!important;
  transform-origin:center center!important;
}
html body .player-layout-v16691 .clip-transition-old-frame-v16691{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  pointer-events:none!important;
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:center center!important;
  backface-visibility:hidden!important;
  will-change:transform,opacity!important;
  transition:opacity .11s linear,transform .145s cubic-bezier(.2,.78,.24,1)!important;
}
/* Subtitles are never hidden during the source switch. They are painted before the access request finishes. */
html body .player-layout-v16691 .video-media-area.clip-blend-switch-v16691 #caption-wrap,
html body .player-layout-v16691 .video-media-area.clip-blend-switch-v16691 #fa-caption-wrap{
  opacity:1!important;
  visibility:visible!important;
  transition:none!important;
}
html body .player-layout-v16691 .video-media-area.clip-blend-prep-v16691.clip-blend-next-v16691 > #phrase-video{
  opacity:.18!important;
  transform:translate3d(6.5%,0,0) scale(1.012)!important;
  transition:opacity .105s linear,transform .145s cubic-bezier(.12,.86,.22,1)!important;
}
html body .player-layout-v16691 .video-media-area.clip-blend-prep-v16691.clip-blend-prev-v16691 > #phrase-video{
  opacity:.18!important;
  transform:translate3d(-6.5%,0,0) scale(1.012)!important;
  transition:opacity .105s linear,transform .145s cubic-bezier(.12,.86,.22,1)!important;
}
html body .player-layout-v16691 .video-media-area.clip-blend-active-v16691 > #phrase-video{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
}
html body .player-layout-v16691 .video-media-area.clip-blend-active-v16691.clip-blend-next-v16691 > .clip-transition-old-frame-v16691{
  opacity:0!important;
  transform:translate3d(-7.5%,0,0) scale(1.014)!important;
}
html body .player-layout-v16691 .video-media-area.clip-blend-active-v16691.clip-blend-prev-v16691 > .clip-transition-old-frame-v16691{
  opacity:0!important;
  transform:translate3d(7.5%,0,0) scale(1.014)!important;
}
/* Lightweight directional smear: no blur filter and no mix-blend-mode, so it stays smooth on large displays. */
html body .player-layout-v16691 .video-media-area.clip-blend-switch-v16691::before{
  content:"";
  position:absolute;
  inset:0 -14%;
  z-index:3;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent 24%,rgba(47,216,235,.08) 39%,rgba(235,252,255,.22) 50%,rgba(34,168,210,.08) 61%,transparent 76%);
  transform:translate3d(0,0,0) skewX(-7deg);
  will-change:transform,opacity;
}
html body .player-layout-v16691 .video-media-area.clip-blend-active-v16691.clip-blend-next-v16691::before{
  animation:dialoglab-fast-streak-next-v16691 .15s ease-out both!important;
}
html body .player-layout-v16691 .video-media-area.clip-blend-active-v16691.clip-blend-prev-v16691::before{
  animation:dialoglab-fast-streak-prev-v16691 .15s ease-out both!important;
}
@keyframes dialoglab-fast-streak-next-v16691{
  0%{opacity:0;transform:translate3d(26%,0,0) skewX(-7deg)}
  34%{opacity:.52}
  100%{opacity:0;transform:translate3d(-30%,0,0) skewX(-7deg)}
}
@keyframes dialoglab-fast-streak-prev-v16691{
  0%{opacity:0;transform:translate3d(-26%,0,0) skewX(7deg)}
  34%{opacity:.52}
  100%{opacity:0;transform:translate3d(30%,0,0) skewX(7deg)}
}
/* Maximum view: ultra-short transform/opacity blend and no decorative streak. */
html body.phraselab-max-open .player-layout-v16691 .video-media-area.clip-blend-maximum-v16691 > #phrase-video,
html body .player-layout-v16691 .pro-player-card.max-view .video-media-area.clip-blend-maximum-v16691 > #phrase-video{
  transition-duration:.096s!important;
}
html body.phraselab-max-open .player-layout-v16691 .video-media-area.clip-blend-maximum-v16691 > .clip-transition-old-frame-v16691,
html body .player-layout-v16691 .pro-player-card.max-view .video-media-area.clip-blend-maximum-v16691 > .clip-transition-old-frame-v16691{
  transition-duration:.096s!important;
}
html body.phraselab-max-open .player-layout-v16691 .video-media-area.clip-blend-maximum-v16691::before,
html body .player-layout-v16691 .pro-player-card.max-view .video-media-area.clip-blend-maximum-v16691::before{
  display:none!important;
  animation:none!important;
}
@media (prefers-reduced-motion:reduce){
  html body .player-layout-v16691 .video-media-area > #phrase-video,
  html body .player-layout-v16691 .clip-transition-old-frame-v16691,
  html body .player-layout-v16691 .video-media-area::before{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
}


/* v1.66.93 - direct clip switch + user profile popup */
html body .player-layout-v16693:not(.player-layout-v16697) .video-media-area > #phrase-video{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
}
html body .player-layout-v16693:not(.player-layout-v16697) .video-media-area #caption-wrap,
html body .player-layout-v16693:not(.player-layout-v16697) .video-media-area #fa-caption-wrap{
  opacity:1;
  transition:none!important;
}
html body .player-layout-v16693:not(.player-layout-v16697) .video-media-area::before,
html body .player-layout-v16693:not(.player-layout-v16697) .video-media-area::after,
html body .player-layout-v16693:not(.player-layout-v16697) .clip-transition-old-frame-v16690,
html body .player-layout-v16693:not(.player-layout-v16697) .clip-transition-old-frame-v16691{
  display:none!important;
  opacity:0!important;
  animation:none!important;
  transition:none!important;
}
html body:not(.auth-page) .header-ui-v16618 .header-profile-trigger-v16693{
  appearance:none!important;
  -webkit-appearance:none!important;
  font:inherit!important;
  color:inherit!important;
  cursor:pointer!important;
  outline:none!important;
}
html body:not(.auth-page) .header-ui-v16618 .header-profile-trigger-v16693:hover,
html body:not(.auth-page) .header-ui-v16618 .header-profile-trigger-v16693:focus-visible{
  border-color:rgba(61,222,238,.55)!important;
  background:rgba(18,74,88,.74)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 3px rgba(34,211,238,.12),0 10px 26px rgba(0,0,0,.18)!important;
}
body.profile-modal-open-v16693{overflow:hidden!important;}
.profile-modal-v16693{
  z-index:2800!important;
  padding:24px!important;
  background:rgba(1,9,18,.74)!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
}
.profile-modal-card-v16693{
  position:relative;
  width:min(760px,96vw);
  max-height:min(860px,92dvh);
  overflow:auto;
  border-radius:30px;
  padding:28px;
  color:#edf9ff;
  background:linear-gradient(155deg,rgba(8,27,43,.985),rgba(5,15,28,.99));
  border:1px solid rgba(100,226,244,.28);
  box-shadow:0 36px 110px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.07);
  scrollbar-width:thin;
  scrollbar-color:rgba(78,211,232,.48) transparent;
}
.profile-modal-close-v16693{top:16px!important;left:16px!important;right:auto!important;}
.profile-modal-hero-v16693{
  display:flex;
  align-items:center;
  gap:16px;
  padding:2px 54px 20px 0;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.profile-avatar-v16693{
  display:grid;
  place-items:center;
  flex:0 0 66px;
  width:66px;
  height:66px;
  border-radius:22px;
  font-size:30px;
  font-weight:1000;
  color:#fff;
  background:linear-gradient(135deg,#13c9df,#4a72ff);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 14px 34px rgba(11,177,209,.22),inset 0 1px rgba(255,255,255,.22);
}
.profile-modal-identity-v16693{min-width:0;display:grid;gap:3px;}
.profile-modal-identity-v16693>span{color:#54e8ff;font-size:12px;font-weight:900;letter-spacing:.04em;}
.profile-modal-identity-v16693 h2{margin:0;color:#fff;font-size:27px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.profile-modal-identity-v16693 small{color:#b9cbd4;}
.profile-summary-grid-v16693{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}
.profile-summary-grid-v16693>div{
  min-width:0;
  display:grid;
  gap:5px;
  padding:13px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.09);
}
.profile-summary-grid-v16693 span{font-size:11px;color:#91a9b5;}
.profile-summary-grid-v16693 b{font-size:13px;color:#f3fbff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.profile-tabs-v16693{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  padding:5px;
  margin-bottom:17px;
  border-radius:17px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.08);
}
.profile-tabs-v16693 button{
  min-height:44px;
  border:0;
  border-radius:13px;
  color:#aebfc8;
  background:transparent;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.profile-tabs-v16693 button.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(20,184,207,.88),rgba(33,111,179,.86));
  box-shadow:0 9px 22px rgba(12,149,183,.18),inset 0 1px rgba(255,255,255,.18);
}
.profile-panel-v16693{display:block;}
.profile-panel-v16693.hidden{display:none!important;}
.profile-form-v16693{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.profile-form-v16693 label{display:grid;gap:7px;min-width:0;color:#d8e8ef;font-weight:850;}
.profile-form-v16693 label>span{font-size:13px;}
.profile-form-v16693 label>small{color:#90a7b2;font-size:11px;line-height:1.7;font-weight:650;}
.profile-form-v16693 input{
  width:100%;
  min-height:48px;
  box-sizing:border-box;
  border-radius:14px;
  border:1px solid rgba(126,214,231,.20);
  background:rgba(255,255,255,.075);
  color:#fff;
  padding:11px 13px;
  font:inherit;
  outline:none;
}
.profile-form-v16693 input:focus{
  border-color:rgba(50,220,239,.72);
  box-shadow:0 0 0 4px rgba(34,211,238,.10);
}
.profile-form-v16693 input[readonly]{color:#9fb2bc;background:rgba(255,255,255,.035);cursor:not-allowed;}
.profile-readonly-field-v16693{grid-column:1/-1;}
.profile-password-input-v16693{position:relative;display:flex;align-items:center;}
.profile-password-input-v16693 input{padding-left:48px;}
.profile-password-input-v16693 button{
  position:absolute;
  left:6px;
  width:38px;
  height:36px;
  border:0;
  border-radius:10px;
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
}
.profile-password-meter-v16693{height:5px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);}
.profile-password-meter-v16693 i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fb7185,#facc15,#34d399);transition:width .16s ease;}
.profile-form-status-v16693{
  grid-column:1/-1;
  min-height:22px;
  padding:0 2px;
  font-size:12px;
  font-weight:800;
}
.profile-form-status-v16693.success{color:#72f2c5;}
.profile-form-status-v16693.danger{color:#ff9aaa;}
.profile-form-status-v16693.info{color:#7de8ff;}
.profile-submit-v16693{grid-column:1/-1;min-height:48px!important;}
.profile-submit-v16693.is-loading{opacity:.68;cursor:wait;}
.profile-modal-footer-v16693{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.09);
  color:#839aa6;
  font-size:12px;
}
.profile-modal-footer-v16693 a{color:#ff9aaa;text-decoration:none;font-weight:900;}
@media (max-width:700px){
  .profile-modal-v16693{align-items:flex-end!important;padding:0!important;}
  .profile-modal-card-v16693{width:100%;max-height:92dvh;border-radius:26px 26px 0 0;padding:22px 16px calc(22px + env(safe-area-inset-bottom));}
  .profile-modal-hero-v16693{padding-right:0;padding-left:42px;}
  .profile-avatar-v16693{flex-basis:54px;width:54px;height:54px;border-radius:18px;font-size:24px;}
  .profile-modal-identity-v16693 h2{font-size:22px;}
  .profile-summary-grid-v16693{grid-template-columns:1fr 1fr;}
  .profile-summary-grid-v16693>div:last-child{grid-column:1/-1;}
  .profile-form-v16693{grid-template-columns:1fr;}
  .profile-readonly-field-v16693,.profile-form-status-v16693,.profile-submit-v16693{grid-column:1;}
  .profile-modal-footer-v16693{align-items:flex-start;flex-direction:column;}
}


/* v1.66.94 - restore the original v1.66.89 Motion Blur timing; profile popup remains unchanged */
html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area::before{
  display:none!important;
  content:none!important;
  animation:none!important;
}
html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:-8%!important;
  z-index:19!important;
  pointer-events:none!important;
  opacity:0!important;
  transform:translateX(0) skewX(-7deg)!important;
  background:
    linear-gradient(90deg,transparent 0 14%,rgba(107,237,247,.14) 32%,rgba(255,255,255,.28) 48%,rgba(48,151,200,.12) 64%,transparent 86%),
    repeating-linear-gradient(90deg,transparent 0 9%,rgba(230,251,255,.08) 10%,transparent 13%)!important;
  mix-blend-mode:screen!important;
  filter:blur(8px)!important;
  transition:none!important;
}
html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area > #phrase-video{
  position:relative!important;
  z-index:1!important;
  opacity:1;
  will-change:transform,opacity,filter!important;
  backface-visibility:hidden!important;
  transform-origin:center center!important;
  transition:none!important;
}
html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area.clip-cinematic-switch-v16689 #caption-wrap,
html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area.clip-cinematic-switch-v16689 #fa-caption-wrap{
  opacity:0!important;
  transition:opacity .12s ease!important;
}
html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area.clip-cinematic-out-v16689.clip-cinematic-next-v16689 > #phrase-video{
  animation:dialoglab-clip-out-next-v16689 .225s cubic-bezier(.55,.02,.82,.42) both!important;
}
html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area.clip-cinematic-in-v16689.clip-cinematic-next-v16689 > #phrase-video{
  animation:dialoglab-clip-in-next-v16689 .42s cubic-bezier(.16,.84,.28,1) both!important;
}
html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area.clip-cinematic-out-v16689.clip-cinematic-prev-v16689 > #phrase-video{
  animation:dialoglab-clip-out-prev-v16689 .225s cubic-bezier(.55,.02,.82,.42) both!important;
}
html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area.clip-cinematic-in-v16689.clip-cinematic-prev-v16689 > #phrase-video{
  animation:dialoglab-clip-in-prev-v16689 .42s cubic-bezier(.16,.84,.28,1) both!important;
}
html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area.clip-cinematic-out-v16689::after,
html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area.clip-cinematic-in-v16689::after{
  display:block!important;
  opacity:1!important;
}
html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area.clip-cinematic-next-v16689::after{
  animation:dialoglab-streak-next-v16689 .46s ease-out both!important;
}
html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area.clip-cinematic-prev-v16689::after{
  animation:dialoglab-streak-prev-v16689 .46s ease-out both!important;
}
html body .player-layout-v16694:not(.player-layout-v16697) .clip-transition-old-frame-v16690,
html body .player-layout-v16694:not(.player-layout-v16697) .clip-transition-old-frame-v16691{
  display:none!important;
}
@media (prefers-reduced-motion:reduce){
  html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area > #phrase-video,
  html body .player-layout-v16694:not(.player-layout-v16697) .video-media-area::after{
    animation:none!important;
    transition:none!important;
    transform:none!important;
    filter:none!important;
  }
}

/* v1.66.95 - no-flash clip motion + compact conventional profile popup */
html body:not(.auth-page) .header-ui-v16618 .header-profile-trigger-v16693,
html body:not(.auth-page) .header-ui-v16618 .header-profile-trigger-v16693 .header-user-name-v16618,
html body:not(.auth-page) .header-ui-v16618 .header-profile-trigger-v16693 [data-profile-username]{
  color:#eef8fb!important;
  -webkit-text-fill-color:#eef8fb!important;
}
html body:not(.auth-page) .header-ui-v16618 .header-profile-trigger-v16693:hover,
html body:not(.auth-page) .header-ui-v16618 .header-profile-trigger-v16693:focus-visible{
  color:#eef8fb!important;
  -webkit-text-fill-color:#eef8fb!important;
}

html body .player-layout-v16695:not(.player-layout-v16697) .video-media-area{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#020910!important;
}
html body .player-layout-v16695:not(.player-layout-v16697) .video-media-area::before,
html body .player-layout-v16695:not(.player-layout-v16697) .video-media-area::after{
  display:none!important;
  content:none!important;
  animation:none!important;
  filter:none!important;
  opacity:0!important;
}
html body .player-layout-v16695:not(.player-layout-v16697) .video-media-area > #phrase-video{
  position:relative!important;
  z-index:1!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
  transition:none!important;
  backface-visibility:hidden!important;
  transform-origin:center center!important;
}
html body .player-layout-v16695:not(.player-layout-v16697) .clip-transition-old-frame-v16695{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#020910!important;
  pointer-events:none!important;
  opacity:1!important;
  transform:translateX(0) scale(1)!important;
  filter:none!important;
  backface-visibility:hidden!important;
  transform-origin:center center!important;
}
html body .player-layout-v16695:not(.player-layout-v16697) .video-media-area.clip-safe-wait-v16695:not(.clip-safe-no-frame-v16695) > #phrase-video{opacity:0!important;}
html body .player-layout-v16695:not(.player-layout-v16697) .video-media-area.clip-safe-no-frame-v16695 > #phrase-video{opacity:1!important;}
html body .player-layout-v16695:not(.player-layout-v16697) .video-media-area.clip-safe-active-v16695.clip-safe-next-v16695 > .clip-transition-old-frame-v16695{animation:dialoglab-safe-old-next-v16695 .22s cubic-bezier(.28,.72,.28,1) both!important;}
html body .player-layout-v16695:not(.player-layout-v16697) .video-media-area.clip-safe-active-v16695.clip-safe-prev-v16695 > .clip-transition-old-frame-v16695{animation:dialoglab-safe-old-prev-v16695 .22s cubic-bezier(.28,.72,.28,1) both!important;}
html body .player-layout-v16695:not(.player-layout-v16697) .video-media-area.clip-safe-active-v16695.clip-safe-next-v16695 > #phrase-video{animation:dialoglab-safe-new-next-v16695 .23s cubic-bezier(.18,.82,.24,1) both!important;}
html body .player-layout-v16695:not(.player-layout-v16697) .video-media-area.clip-safe-active-v16695.clip-safe-prev-v16695 > #phrase-video{animation:dialoglab-safe-new-prev-v16695 .23s cubic-bezier(.18,.82,.24,1) both!important;}
@keyframes dialoglab-safe-old-next-v16695{from{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateX(-8%) scale(1.018);filter:blur(2px)}}
@keyframes dialoglab-safe-old-prev-v16695{from{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateX(8%) scale(1.018);filter:blur(2px)}}
@keyframes dialoglab-safe-new-next-v16695{from{opacity:.62;transform:translateX(6%) scale(1.018);filter:blur(2px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@keyframes dialoglab-safe-new-prev-v16695{from{opacity:.62;transform:translateX(-6%) scale(1.018);filter:blur(2px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
html body .player-layout-v16695:not(.player-layout-v16697) .clip-transition-old-frame-v16690,
html body .player-layout-v16695:not(.player-layout-v16697) .clip-transition-old-frame-v16691{display:none!important;}
html body .player-layout-v16695:not(.player-layout-v16697) .pro-player-card.max-view .clip-transition-old-frame-v16695{filter:none!important;}
html body .player-layout-v16695:not(.player-layout-v16697) .pro-player-card.max-view .video-media-area.clip-safe-active-v16695 > .clip-transition-old-frame-v16695,
html body .player-layout-v16695:not(.player-layout-v16697) .pro-player-card.max-view .video-media-area.clip-safe-active-v16695 > #phrase-video{animation-duration:.17s!important;}
@media (prefers-reduced-motion:reduce){
  html body .player-layout-v16695:not(.player-layout-v16697) .video-media-area > #phrase-video,
  html body .player-layout-v16695:not(.player-layout-v16697) .clip-transition-old-frame-v16695{animation:none!important;transform:none!important;filter:none!important;}
}

.profile-modal-v16695{background:rgba(2,10,18,.66)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;}
.profile-modal-card-v16695{
  width:min(560px,94vw)!important;
  max-height:90dvh!important;
  padding:24px!important;
  border-radius:20px!important;
  color:#eaf3f7!important;
  background:#0b1b28!important;
  border:1px solid rgba(148,181,198,.22)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.48)!important;
}
.profile-simple-head-v16695{display:flex;align-items:center;gap:13px;padding:0 46px 17px 0;border-bottom:1px solid rgba(255,255,255,.09);}
.profile-avatar-v16695{flex:0 0 48px!important;width:48px!important;height:48px!important;border-radius:50%!important;font-size:21px!important;background:#1686a0!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.22)!important;}
.profile-simple-head-v16695 h2{margin:0 0 3px;color:#fff;font-size:20px;}
.profile-simple-head-v16695 strong{display:block;color:#b8cbd4;font-size:13px;font-weight:800;}
.profile-fixed-info-v16695{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;}
.profile-fixed-info-v16695>div{display:grid;gap:4px;min-width:0;padding:11px 13px;border-radius:12px;background:#102331;border:1px solid rgba(255,255,255,.07);}
.profile-fixed-info-v16695 span{color:#8fa8b4;font-size:11px;}
.profile-fixed-info-v16695 b{color:#edf7fb;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.profile-simple-form-v16695{display:block!important;margin:0 0 12px;}
.profile-simple-section-v16695{display:grid;gap:11px;padding:15px;border-radius:14px;background:#0e202e;border:1px solid rgba(255,255,255,.07);}
.profile-section-title-v16695{display:flex;align-items:center;justify-content:space-between;}
.profile-section-title-v16695 h3{margin:0;color:#fff;font-size:15px;}
.profile-simple-section-v16695 label{display:grid;gap:6px;color:#d7e5eb;font-weight:800;}
.profile-simple-section-v16695 label>span{font-size:12px;}
.profile-simple-section-v16695 input{min-height:44px!important;border-radius:11px!important;background:#142a39!important;border-color:rgba(134,190,210,.20)!important;color:#fff!important;}
.profile-simple-section-v16695 .profile-submit-v16693{min-height:44px!important;border-radius:11px!important;background:#1599b2!important;box-shadow:none!important;}
.profile-simple-section-v16695 .profile-submit-v16693:hover{background:#18abc5!important;}
.profile-simple-footer-v16695{margin-top:14px!important;padding-top:13px!important;justify-content:flex-start!important;}
.profile-simple-footer-v16695 a{color:#ff9aa8!important;}
.profile-tabs-v16693,.profile-summary-grid-v16693,.profile-modal-hero-v16693{display:none!important;}
@media (max-width:700px){
  .profile-modal-card-v16695{padding:20px 14px calc(18px + env(safe-area-inset-bottom))!important;border-radius:20px 20px 0 0!important;}
  .profile-simple-head-v16695{padding-right:0;padding-left:42px;}
  .profile-fixed-info-v16695{grid-template-columns:1fr;}
}


/* v1.66.96 - secure ZarinPal checkout and payment receipt */
.payment-result-shell{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:34px 16px 80px;}
.payment-result-card{width:min(620px,100%);padding:34px;border-radius:30px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(6,23,38,.96),rgba(9,32,48,.94));box-shadow:0 28px 80px rgba(0,0,0,.36);text-align:center;color:#f8fafc;}
.payment-result-icon{width:82px;height:82px;margin:0 auto 16px;border-radius:26px;display:grid;place-items:center;font-size:44px;font-weight:1000;background:rgba(56,189,248,.14);border:1px solid rgba(56,189,248,.34);color:#67e8f9;}
.payment-result-success .payment-result-icon{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.38);color:#86efac;}
.payment-result-failed .payment-result-icon,.payment-result-cancelled .payment-result-icon{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.34);color:#fca5a5;}
.payment-result-card h1{margin:8px 0 10px;font-size:clamp(30px,5vw,46px);}
.payment-result-card>p{color:rgba(248,250,252,.76);line-height:1.9;margin:0 auto 24px;}
.payment-result-details{margin:0;display:grid;gap:10px;text-align:right;}
.payment-result-details>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);}
.payment-result-details dt{color:rgba(248,250,252,.62);font-weight:800;}
.payment-result-details dd{margin:0;font-weight:950;overflow-wrap:anywhere;}
.payment-result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px;}
@media(max-width:620px){.payment-result-card{padding:26px 16px;border-radius:24px}.payment-result-details>div{align-items:flex-start;flex-direction:column;gap:4px}.payment-result-actions .btn{width:100%;justify-content:center}}


/* v1.66.97 - restored visible Motion Blur with decoded-frame handoff and no light flash */
html body .player-layout-v16697 .video-media-area{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#020910!important;
}
html body .player-layout-v16697 .video-media-area::before,
html body .player-layout-v16697 .video-media-area::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  animation:none!important;
}
html body .player-layout-v16697 .video-media-area > #phrase-video{
  position:relative!important;
  z-index:1!important;
  backface-visibility:hidden!important;
  transform-origin:center center!important;
  will-change:transform,opacity,filter!important;
}
html body .player-layout-v16697 .clip-transition-old-frame-v16697{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#020910!important;
  pointer-events:none!important;
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:blur(0) brightness(1) saturate(1)!important;
  backface-visibility:hidden!important;
  transform-origin:center center!important;
  will-change:transform,opacity,filter!important;
}
/* Keep the decoded incoming video hidden behind the frozen outgoing frame. */
html body .player-layout-v16697 .video-media-area.clip-motion-switch-v16697:not(.clip-motion-active-v16697):not(.clip-motion-no-frame-v16697) > #phrase-video{
  opacity:0!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:blur(0)!important;
  animation:none!important;
}
html body .player-layout-v16697 .video-media-area.clip-motion-no-frame-v16697:not(.clip-motion-active-v16697) > #phrase-video{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
/* NEXT: old frame exits left; decoded next clip enters from right. */
html body .player-layout-v16697 .video-media-area.clip-motion-active-v16697.clip-motion-next-v16697 > .clip-transition-old-frame-v16697{
  animation:dialoglab-motion-old-next-v16697 .31s cubic-bezier(.38,.04,.72,.42) both!important;
}
html body .player-layout-v16697 .video-media-area.clip-motion-active-v16697.clip-motion-next-v16697 > #phrase-video{
  animation:dialoglab-motion-new-next-v16697 .33s cubic-bezier(.16,.84,.24,1) both!important;
}
/* PREVIOUS: mirror the direction. */
html body .player-layout-v16697 .video-media-area.clip-motion-active-v16697.clip-motion-prev-v16697 > .clip-transition-old-frame-v16697{
  animation:dialoglab-motion-old-prev-v16697 .31s cubic-bezier(.38,.04,.72,.42) both!important;
}
html body .player-layout-v16697 .video-media-area.clip-motion-active-v16697.clip-motion-prev-v16697 > #phrase-video{
  animation:dialoglab-motion-new-prev-v16697 .33s cubic-bezier(.16,.84,.24,1) both!important;
}
@keyframes dialoglab-motion-old-next-v16697{
  0%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0) brightness(1) saturate(1)}
  42%{opacity:.88;transform:translate3d(-3.5%,0,0) scale(1.012);filter:blur(2.5px) brightness(.98) saturate(.98)}
  100%{opacity:0;transform:translate3d(-14%,0,0) scale(1.035);filter:blur(9px) brightness(.82) saturate(.90)}
}
@keyframes dialoglab-motion-new-next-v16697{
  0%{opacity:.32;transform:translate3d(12%,0,0) scale(1.035);filter:blur(8px) brightness(.86) saturate(.92)}
  58%{opacity:.94;transform:translate3d(-.8%,0,0) scale(1.006);filter:blur(1.6px) brightness(1.02) saturate(1.01)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0) brightness(1) saturate(1)}
}
@keyframes dialoglab-motion-old-prev-v16697{
  0%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0) brightness(1) saturate(1)}
  42%{opacity:.88;transform:translate3d(3.5%,0,0) scale(1.012);filter:blur(2.5px) brightness(.98) saturate(.98)}
  100%{opacity:0;transform:translate3d(14%,0,0) scale(1.035);filter:blur(9px) brightness(.82) saturate(.90)}
}
@keyframes dialoglab-motion-new-prev-v16697{
  0%{opacity:.32;transform:translate3d(-12%,0,0) scale(1.035);filter:blur(8px) brightness(.86) saturate(.92)}
  58%{opacity:.94;transform:translate3d(.8%,0,0) scale(1.006);filter:blur(1.6px) brightness(1.02) saturate(1.01)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0) brightness(1) saturate(1)}
}
/* Maximum mode keeps the same visible effect but finishes sooner to reduce GPU load. */
html body.phraselab-max-open .player-layout-v16697 .video-media-area.clip-motion-active-v16697 > .clip-transition-old-frame-v16697,
html body.phraselab-max-open .player-layout-v16697 .video-media-area.clip-motion-active-v16697 > #phrase-video,
html body .player-layout-v16697 .pro-player-card.max-view .video-media-area.clip-motion-active-v16697 > .clip-transition-old-frame-v16697,
html body .player-layout-v16697 .pro-player-card.max-view .video-media-area.clip-motion-active-v16697 > #phrase-video{
  animation-duration:.235s!important;
}
/* Old experimental layers must never cover the current implementation. */
html body .player-layout-v16697 .clip-transition-old-frame-v16690,
html body .player-layout-v16697 .clip-transition-old-frame-v16691,
html body .player-layout-v16697 .clip-transition-old-frame-v16695{
  display:none!important;
}


/* v1.66.98 - forced inline Motion Blur containment; no white streak layer */
html body .player-layout-v16698 .video-media-area{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#020910!important;
}
html body .player-layout-v16698 .video-media-area::before,
html body .player-layout-v16698 .video-media-area::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  animation:none!important;
}
html body .player-layout-v16698 .clip-transition-old-frame-v16690,
html body .player-layout-v16698 .clip-transition-old-frame-v16691,
html body .player-layout-v16698 .clip-transition-old-frame-v16695,
html body .player-layout-v16698 .clip-transition-old-frame-v16697{
  display:none!important;
}
html body .player-layout-v16698 .clip-transition-old-frame-v16698{
  contain:layout paint style!important;
  backface-visibility:hidden!important;
  transform-origin:center center!important;
}


/* v1.67.00 — strict named-folder uploader; separate from legacy bulk upload. */
.bulk-folder-structure-link-v16700{border-color:rgba(91,230,188,.38)!important;background:rgba(70,211,169,.10)!important;color:#caffec!important;}
.bulk-folder-structure-link-v16700:hover{background:rgba(70,211,169,.18)!important;color:#fff!important;}
.bulk-named-folder-card-v16700{max-width:1180px!important;margin-inline:auto!important;}
.bulk-structure-guide-v16700{display:grid!important;gap:5px!important;margin:0 0 16px!important;padding:14px 16px!important;border:1px solid rgba(98,220,255,.18)!important;border-radius:15px!important;background:rgba(4,14,24,.64)!important;direction:ltr!important;text-align:left!important;overflow:auto!important;}
.bulk-structure-guide-v16700 code{display:block!important;color:#dff7ff!important;font:700 13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;white-space:nowrap!important;}
.bulk-structure-guide-v16700 code span{color:#92aac0!important;font-weight:600!important;}
.bulk-named-folder-config-v16700{grid-template-columns:minmax(220px,360px)!important;}
@media (max-width:720px){.bulk-structure-guide-v16700{padding:12px!important}.bulk-structure-guide-v16700 code{font-size:11px!important}.bulk-named-folder-config-v16700{grid-template-columns:1fr!important}}

/* v1.67.01 — duplicate/resume states for DB-safe folder imports. */
.bulk-folder-table tbody tr.bulk-row-duplicate td{color:#ffe0a6!important;background:rgba(82,61,22,.96)!important;}
.bulk-folder-table tbody tr.bulk-row-duplicate td:last-child{color:#ffd27c!important;}


/* v1.67.02 consolidated redesign */
.home-v16702{max-width:1420px;margin:auto;padding:28px 4vw 60px}.home-hero-v16702{min-height:540px;border:1px solid rgba(38,226,230,.35);border-radius:34px;padding:70px;background:radial-gradient(circle at 20% 40%,rgba(16,214,220,.15),transparent 30%),linear-gradient(135deg,#03111d,#061725 60%,#09121d);display:flex;align-items:center}.home-copy-v16702{max-width:820px}.home-copy-v16702 h1{font-size:clamp(48px,7vw,96px);line-height:1.08;margin:15px 0;color:#fff}.home-copy-v16702 h1 em{font-style:normal;color:#f4ba4f}.home-copy-v16702 p{font-size:21px;line-height:1.8;color:#c8d1da}.home-search-v16702{display:flex;gap:10px;margin-top:30px;max-width:850px}.home-search-v16702 input{flex:1;border:1px solid #20d6df;background:#071724;padding:20px 24px;border-radius:18px;color:#fff;font-size:18px}.home-search-v16702 button{border:0;border-radius:18px;padding:0 34px;background:linear-gradient(135deg,#f2c56b,#c98721);font-weight:900}.home-stats-v16702{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.home-stats-v16702 span{padding:10px 16px;background:#091b2a;border:1px solid #17394a;border-radius:14px}.home-stats-v16702 b{color:#29dce1;margin-left:5px}.home-paths-v16702{padding:42px 0}.home-section-head{display:flex;justify-content:space-between;align-items:center}.home-card-grid-v16702{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.home-card-grid-v16702 a{padding:25px;border-radius:22px;background:#071621;border:1px solid #1a4954;color:#fff;text-decoration:none;min-height:170px}.home-card-grid-v16702 a>span{font-size:34px}.home-card-grid-v16702 p{color:#9fafba}.home-education-banner-v16702{display:flex;align-items:center;justify-content:space-between;padding:28px;border:1px solid #b47c26;border-radius:24px;background:linear-gradient(90deg,#071621,#152113)}.home-education-banner-v16702>div{display:flex;gap:18px;align-items:center}.home-education-banner-v16702>div>span{font-size:44px}.translation-total-v16702{min-width:130px;text-align:center;padding:16px;border-radius:18px;background:#0a2533}.translation-total-v16702 b{display:block;font-size:34px;color:#25d7df}.translation-movie-list-v16702{display:flex;flex-direction:column;gap:10px}.translation-movie-list-v16702>a{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:14px;text-decoration:none;color:inherit}.translation-movie-list-v16702 small{display:block;color:#9daab4;margin-top:4px}.accounting-v16702,.accounting-v16702 *{font-size:.92rem}.accounting-bulk-v16702{display:flex;gap:10px;margin-bottom:12px}.sales-admin-v16702{margin-top:22px}.sales-list-v16702{display:flex;flex-direction:column;gap:10px}.sales-list-v16702 form,.discount-create-v16702{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr auto auto;gap:10px;align-items:center}.subtitle-switch-v16702{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-width:116px;padding:10px 14px!important;border-radius:999px!important;background:#151a2e!important;border:1px solid #363d55!important;color:#fff!important}.subtitle-switch-v16702 i{width:42px;height:24px;border-radius:999px;background:#4b5264;position:relative}.subtitle-switch-v16702 i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:white;top:3px;right:3px;transition:.2s}.subtitle-switch-v16702.is-active{border-color:#1ce2d3!important}.subtitle-switch-v16702.is-active i{background:#1ed9c6}.subtitle-switch-v16702.is-active i:after{transform:translateX(-18px)}.video-seek-row-v16652{position:absolute!important;left:18px;right:18px;bottom:12px;z-index:8;background:rgba(2,9,18,.74);padding:8px 12px;border-radius:14px;backdrop-filter:blur(10px)}.player-settings-v16702{position:relative}.player-settings-v16702>button{border:0;background:transparent;color:#fff;font-size:20px}.player-settings-menu-v16702{position:absolute;bottom:36px;right:0;display:flex;gap:6px;opacity:0;pointer-events:none;transform:translateX(15px);transition:.2s}.player-settings-menu-v16702.is-open{opacity:1;pointer-events:auto;transform:none}.player-settings-menu-v16702 button{background:#0a1724;color:#fff;border:1px solid #1d5260;border-radius:10px;padding:8px 12px}.admin-dashboard-table-scroll-v16638,.analytics-growth-grid .glass-card,.admin-analytics-v16702 .glass-card{max-height:420px;overflow:auto}.badge.staging{background:#173e72!important;color:#dbeaff!important;border-color:#3d78bb!important}.user-limit-master-toggle,.admin-users-page input[type=checkbox]{accent-color:#1fc8d5}.user-limit-master-toggle+span{font-size:.84rem}.accounting-table-wrap{max-height:680px;overflow:auto}.nsfw-card [class*=score]{font-weight:800}.nsfw-card:not(:has([data-score-high])){}
@media(max-width:760px){.home-v16702{padding:12px}.home-hero-v16702{padding:32px 20px;min-height:430px}.home-copy-v16702 h1{font-size:43px}.home-copy-v16702 p{font-size:16px}.home-search-v16702{flex-direction:column}.home-search-v16702 button{height:52px}.home-card-grid-v16702{grid-template-columns:1fr 1fr}.home-education-banner-v16702{flex-direction:column;gap:18px}.player-layout{display:block!important}.playlist-panel{max-height:280px}.search-inline-tools{display:grid!important;grid-template-columns:1fr 1fr 52px 52px 52px;gap:8px}.subtitle-switch-v16702{min-width:0}.dl-search-row-v16614{grid-template-columns:52px 1fr!important}.genre-filter-wrap{grid-column:1/-1}.video-seek-row-v16652{bottom:8px;left:8px;right:8px}.live-video-stage{min-height:52vw}.site-header{padding-inline:10px}.top-nav{overflow-x:auto;white-space:nowrap}.header-center-stats{display:none!important}.sales-list-v16702 form,.discount-create-v16702{grid-template-columns:1fr 1fr}.accounting-table{min-width:1000px}}

/* DialogLab v1.67.03 — cinematic public home, scoped only to / */
html body.user-mode .home-content-shell-v16703{padding:0!important;max-width:none!important;width:100%!important;overflow:visible!important}
html body.user-mode:has(.cinema-home-v16703){background:#080d16!important;color:#f8fafc;min-height:100vh}
html body.user-mode:has(.cinema-home-v16703) .aurora-bg{display:none!important}
.cinema-home-v16703{--gold:#f59e0b;--gold2:#eab308;--cyan:#22d3ee;--cyan2:#06b6d4;min-height:100vh;padding:14px clamp(20px,6.4vw,108px) 24px;background:radial-gradient(circle at 50% 22%,rgba(30,87,100,.11),transparent 31%),radial-gradient(circle at 12% 44%,rgba(245,158,11,.055),transparent 23%),linear-gradient(180deg,#070c14 0%,#0a101b 52%,#070c14 100%);font-family:"Vazirmatn",sans-serif;direction:rtl;position:relative;overflow:hidden}
.cinema-home-v16703:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.cinema-header-v16703,.cinema-main-v16703,.cinema-footer-v16703{position:relative;z-index:2;max-width:1390px;margin-inline:auto}
.cinema-header-v16703{height:78px;padding:0 30px;border:1px solid rgba(245,158,11,.35);border-radius:26px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:linear-gradient(180deg,rgba(8,17,28,.88),rgba(6,13,22,.72));box-shadow:0 18px 45px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.03);backdrop-filter:blur(18px)}
.cinema-brand-v16703,.cinema-footer-brand-v16703{justify-self:start;display:inline-flex;align-items:center;gap:12px;color:#f6b83f;text-decoration:none;font-size:28px;font-weight:900;text-shadow:0 0 18px rgba(245,158,11,.2)}
.cinema-brand-chat-v16703{width:43px;height:36px;border:3px solid currentColor;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;gap:4px;position:relative;color:#f6b83f}.cinema-brand-chat-v16703:after{content:"";position:absolute;left:1px;bottom:-5px;width:10px;height:10px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(-18deg)}.cinema-brand-chat-v16703 i{width:4px;height:4px;background:currentColor;border-radius:50%}
.cinema-nav-v16703{display:flex;align-self:stretch;gap:56px;align-items:center}.cinema-nav-v16703 a{height:100%;display:flex;align-items:center;position:relative;color:#e9edf3;text-decoration:none;font-size:17px;font-weight:600;transition:.2s}.cinema-nav-v16703 a:hover{color:#f7c45a;text-shadow:0 0 12px rgba(245,158,11,.3)}.cinema-nav-v16703 a.active{color:#f8c44f}.cinema-nav-v16703 a.active:after{content:"";position:absolute;bottom:-1px;left:12%;right:12%;height:3px;border-radius:10px;background:linear-gradient(90deg,transparent,#fff1b9,var(--gold),#fff1b9,transparent);box-shadow:0 0 11px var(--gold)}
.cinema-auth-v16703{justify-self:end;display:flex;gap:14px;direction:rtl}.cinema-auth-v16703 button,.cinema-auth-v16703 a{height:50px;border-radius:15px;padding:0 25px;font:800 16px "Vazirmatn";display:inline-flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;transition:.2s}.cinema-register-v16703{border:1px solid #f7ca6b!important;color:#17120a!important;background:linear-gradient(145deg,#ffe39b,#e7a62e)!important;box-shadow:inset 0 1px rgba(255,255,255,.7),0 8px 24px rgba(245,158,11,.18)}.cinema-login-v16703{border:1px solid rgba(34,211,238,.48)!important;color:#fff!important;background:rgba(7,17,28,.72)!important}.cinema-auth-v16703 button:hover,.cinema-auth-v16703 a:hover{transform:translateY(-2px);box-shadow:0 0 22px rgba(245,158,11,.24)}
.cinema-main-v16703{padding-top:24px}.cinema-hero-v16703{text-align:center;position:relative;padding:4px 20px 18px}.cinema-hero-v16703 h1{margin:0;color:#fff;font-size:clamp(54px,5.5vw,86px);line-height:1.03;font-weight:900;letter-spacing:-2px;text-shadow:0 10px 35px rgba(0,0,0,.46)}.cinema-hero-v16703 h1 em{font-style:normal;background:linear-gradient(180deg,#fff4bd 0%,#f7bd44 45%,#e99a15 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.cinema-hero-v16703 p{margin:14px auto 12px;color:#d1d5db;font-size:18px;line-height:1.55;font-weight:500}
.cinema-reel-v16703{position:absolute;width:190px;height:190px;border:18px solid rgba(245,158,11,.025);border-radius:50%;top:55px;filter:blur(.3px)}.cinema-reel-v16703:before{content:"";position:absolute;inset:26px;border:15px dotted rgba(245,158,11,.04);border-radius:50%}.reel-left-v16703{left:-40px}.reel-right-v16703{right:-52px;top:95px;transform:scale(.7)}
.cinema-search-v16703{width:min(750px,76vw);height:61px;margin:8px auto 16px;border:1px solid rgba(34,211,238,.9);border-radius:21px;background:rgba(7,19,31,.76);box-shadow:0 0 0 1px rgba(34,211,238,.1) inset,0 0 22px rgba(34,211,238,.09);display:flex;align-items:center;overflow:hidden;backdrop-filter:blur(16px);direction:rtl}.cinema-search-v16703 button{width:66px;height:100%;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}.cinema-search-v16703 svg{width:32px;fill:none;stroke:currentColor;stroke-width:1.8}.cinema-search-v16703 input{flex:1;height:100%;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font:500 18px "Vazirmatn";padding:0 14px!important;text-align:right}.cinema-search-v16703 input::placeholder{color:#8f96a2}
.cinema-genres-v16703{display:flex;justify-content:center;gap:15px;direction:ltr}.cinema-genres-v16703 a{direction:rtl;min-width:185px;height:52px;border-radius:20px;border:1px solid rgba(34,211,238,.72);background:rgba(7,17,29,.68);color:#f4b844;text-decoration:none;display:flex;justify-content:center;align-items:center;gap:14px;font-size:18px;font-weight:800;box-shadow:inset 0 0 20px rgba(6,182,212,.025);transition:.2s}.cinema-genres-v16703 a:hover{border-color:#f59e0b;color:#ffd36e;transform:translateY(-2px);box-shadow:0 0 20px rgba(34,211,238,.12)}.cinema-genres-v16703 span{font-size:26px}
.cinema-feature-grid-v16703{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:2px;direction:ltr}.cinema-feature-card-v16703{direction:rtl;height:196px;border:1px solid rgba(34,211,238,.68);border-radius:22px;overflow:hidden;position:relative;color:#fff;text-decoration:none;background-image:linear-gradient(180deg,rgba(2,6,12,.03),rgba(2,7,13,.9)),url('/static/img/dialoglab_dashboard_background_v16687_ultrawide.webp');background-size:cover;box-shadow:0 10px 28px rgba(0,0,0,.28);transition:.25s}.cinema-feature-card-v16703:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(245,158,11,.06));pointer-events:none}.cinema-feature-card-v16703:hover{transform:translateY(-4px);border-color:#f2b83e;box-shadow:0 16px 38px rgba(0,0,0,.38),0 0 18px rgba(34,211,238,.12)}.card-magic-v16703{background-position:12% 31%}.card-city-v16703{background-position:90% 55%;filter:saturate(1.15)}.card-friends-v16703{background-position:52% 43%}.card-travel-v16703{background-position:73% 13%}.cinema-feature-card-v16703>div{position:absolute;right:22px;left:74px;bottom:15px;z-index:2}.cinema-feature-card-v16703 h2{margin:0;font-size:22px}.cinema-feature-card-v16703 p{margin:2px 0 0;color:#e0e4e9;font-size:13px}.cinema-play-v16703{position:absolute;left:16px;bottom:16px;width:53px;height:53px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:#ffd56f;background:rgba(3,12,20,.75);z-index:3;box-shadow:0 0 15px rgba(34,211,238,.16)}
.cinema-plan-v16703{height:132px;margin-top:14px;padding:0 38px;border:1px solid rgba(245,158,11,.62);border-radius:23px;background:radial-gradient(circle at 12% 50%,rgba(245,158,11,.09),transparent 24%),linear-gradient(90deg,rgba(5,20,31,.95),rgba(5,14,24,.91));display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;box-shadow:inset 0 1px rgba(255,255,255,.03)}.cinema-plan-icons-v16703{display:flex;gap:34px;color:#f4b83f;font-size:56px;align-items:center;filter:drop-shadow(0 0 8px rgba(245,158,11,.16))}.cinema-plan-copy-v16703{text-align:center}.cinema-plan-copy-v16703 h2{margin:0;color:#f2b441;font-size:31px}.cinema-plan-copy-v16703 p{margin:6px 0 0;color:#d3d7de;line-height:1.65;font-size:15px}.cinema-plan-v16703>a{justify-self:end;min-width:245px;height:64px;border-radius:28px;background:linear-gradient(145deg,#ffe39b,#e3a12c);border:1px solid #f7c766;color:#1b1409;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:30px;font-size:18px;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.65)}.cinema-plan-v16703>a:hover{filter:brightness(1.07);transform:translateY(-2px)}.cinema-plan-v16703>a span{font-size:34px;line-height:1}
.cinema-footer-v16703{height:70px;margin-top:12px;border:1px solid rgba(34,211,238,.38);border-radius:22px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(6,15,25,.75)}.cinema-footer-brand-v16703{font-size:21px}.cinema-footer-brand-v16703 .cinema-brand-chat-v16703{width:34px;height:28px;border-width:2px}.cinema-footer-v16703 nav{display:flex;align-items:center;gap:46px}.cinema-footer-v16703 nav a{color:#d9dde3;text-decoration:none}.cinema-footer-v16703 nav a:hover{color:#f5b83d}.cinema-footer-v16703 nav i{height:30px;width:1px;background:rgba(255,255,255,.5)}.cinema-socials-v16703{justify-self:end;display:flex;gap:22px;direction:ltr}.cinema-socials-v16703 a{width:43px;height:43px;border:1px solid var(--cyan2);border-radius:50%;display:grid;place-items:center;color:#e5e7eb;text-decoration:none;font-size:20px}.cinema-socials-v16703 a:hover{color:#f8c24e;border-color:#f59e0b;box-shadow:0 0 16px rgba(245,158,11,.16)}
@media(max-width:1050px){.cinema-header-v16703{grid-template-columns:auto 1fr auto;padding:0 18px}.cinema-nav-v16703{gap:22px}.cinema-brand-v16703 strong{display:none}.cinema-auth-v16703 button,.cinema-auth-v16703 a{padding:0 15px}.cinema-feature-grid-v16703{grid-template-columns:1fr 1fr}.cinema-plan-v16703{grid-template-columns:1fr 1.4fr}.cinema-plan-icons-v16703{display:none}}
@media(max-width:720px){.cinema-home-v16703{padding:8px 10px 18px}.cinema-header-v16703{height:auto;min-height:70px;grid-template-columns:auto 1fr;padding:9px 12px;border-radius:20px}.cinema-brand-v16703{justify-self:start}.cinema-brand-v16703 strong{display:block;font-size:20px}.cinema-nav-v16703{grid-column:1/-1;grid-row:2;overflow-x:auto;justify-content:flex-start;gap:26px;height:46px}.cinema-nav-v16703 a{white-space:nowrap;font-size:14px}.cinema-auth-v16703{justify-self:end}.cinema-auth-v16703 button,.cinema-auth-v16703 a{height:43px;padding:0 11px;font-size:13px}.cinema-auth-v16703>*:first-child{display:none}.cinema-main-v16703{padding-top:18px}.cinema-hero-v16703{padding-inline:4px}.cinema-hero-v16703 h1{font-size:43px;letter-spacing:-1px}.cinema-hero-v16703 p{font-size:14px}.cinema-search-v16703{width:100%;height:56px}.cinema-search-v16703 input{font-size:15px!important}.cinema-genres-v16703{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cinema-genres-v16703 a{min-width:0;height:48px;font-size:14px;border-radius:16px}.cinema-feature-grid-v16703{grid-template-columns:1fr;gap:10px}.cinema-feature-card-v16703{height:154px}.cinema-plan-v16703{height:auto;min-height:210px;padding:22px 18px;grid-template-columns:1fr;text-align:center;gap:16px}.cinema-plan-copy-v16703 h2{font-size:25px}.cinema-plan-v16703>a{justify-self:center;width:100%;min-width:0}.cinema-footer-v16703{height:auto;min-height:150px;padding:18px;grid-template-columns:1fr;gap:18px;text-align:center}.cinema-footer-brand-v16703,.cinema-socials-v16703{justify-self:center}.cinema-footer-v16703 nav{gap:17px;justify-content:center}.cinema-footer-v16703 nav i{height:20px}.cinema-reel-v16703{display:none}}

/* DialogLab v1.67.04 — cinematic glass home popup with direct search */
html body.user-mode .home-content-shell-v16704{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  overflow:visible!important;
}
html body.user-mode:has(.dialog-home-v16704){
  min-height:100vh;
  background:#030812!important;
  color:#f8fafc;
}
html body.user-mode:has(.dialog-home-v16704) .aurora-bg{display:none!important}
.dialog-home-v16704{
  --home-cyan:#22d3ee;
  --home-cyan-deep:#06b6d4;
  --home-gold:#f4b63e;
  --home-gold-deep:#d9951d;
  min-height:100vh;
  padding:clamp(18px,3.2vh,38px) clamp(14px,3vw,44px);
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  overflow:hidden;
  direction:rtl;
  font-family:"Vazirmatn","Segoe UI",Tahoma,sans-serif;
  background:
    radial-gradient(circle at 18% 78%,rgba(245,158,11,.07),transparent 23%),
    radial-gradient(circle at 80% 18%,rgba(34,211,238,.08),transparent 28%),
    linear-gradient(145deg,#02060d 0%,#07111d 48%,#030811 100%);
}
.dialog-home-backdrop-v16704{
  position:absolute;
  inset:-28px;
  z-index:-2;
  background:
    linear-gradient(180deg,rgba(1,5,11,.52),rgba(1,5,11,.82)),
    url('/static/img/dialoglab_dashboard_background_v16687_ultrawide.webp') center/cover no-repeat;
  filter:blur(12px) saturate(.72);
  transform:scale(1.06);
  opacity:.48;
}
.dialog-home-v16704:before,
.dialog-home-v16704:after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(3px);
  opacity:.7;
  z-index:-1;
}
.dialog-home-v16704:before{
  width:500px;
  height:500px;
  right:-180px;
  top:-210px;
  background:radial-gradient(circle,rgba(34,211,238,.11),transparent 68%);
}
.dialog-home-v16704:after{
  width:520px;
  height:520px;
  left:-210px;
  bottom:-230px;
  background:radial-gradient(circle,rgba(245,158,11,.09),transparent 68%);
}
.dialog-home-modal-v16704{
  width:min(1280px,calc(100vw - 34px));
  position:relative;
  padding:clamp(26px,3vw,44px) clamp(26px,3.3vw,52px) 22px;
  border:1px solid rgba(62,211,235,.58);
  border-radius:32px;
  background:
    radial-gradient(circle at 18% 10%,rgba(13,161,185,.09),transparent 31%),
    radial-gradient(circle at 84% 88%,rgba(245,158,11,.06),transparent 30%),
    linear-gradient(155deg,rgba(7,22,36,.91),rgba(3,13,24,.94));
  box-shadow:
    0 38px 100px rgba(0,0,0,.58),
    0 0 45px rgba(34,211,238,.08),
    inset 0 1px rgba(255,255,255,.055);
  backdrop-filter:blur(24px) saturate(1.13);
  -webkit-backdrop-filter:blur(24px) saturate(1.13);
  overflow:hidden;
}
.dialog-home-modal-v16704:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.22) 0 1px,transparent 1.8px),
    radial-gradient(circle at 86% 22%,rgba(34,211,238,.26) 0 1px,transparent 1.8px),
    radial-gradient(circle at 64% 77%,rgba(245,158,11,.18) 0 1px,transparent 1.8px);
  background-size:79px 83px,113px 109px,151px 143px;
  opacity:.18;
}
.dialog-home-close-v16704{
  position:absolute;
  top:20px;
  right:22px;
  z-index:5;
  width:52px;
  height:52px;
  border:1px solid rgba(226,232,240,.38);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#e7edf5;
  text-decoration:none;
  font:300 39px/1 Arial,sans-serif;
  background:rgba(4,12,22,.56);
  transition:transform .2s,border-color .2s,color .2s,background .2s;
}
.dialog-home-close-v16704:hover{
  transform:rotate(8deg) scale(1.04);
  color:#fff;
  border-color:rgba(34,211,238,.78);
  background:rgba(10,29,45,.82);
}
.dialog-home-auth-v16704{
  position:absolute;
  top:25px;
  left:28px;
  z-index:5;
  display:flex;
  gap:12px;
  direction:rtl;
}
.dialog-home-auth-v16704 button,
.dialog-home-auth-v16704 a{
  min-width:116px;
  height:46px;
  padding:0 18px;
  border-radius:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font:800 14px "Vazirmatn","Segoe UI",sans-serif;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s,box-shadow .18s,filter .18s,border-color .18s;
}
.dialog-home-register-v16704{
  color:#f8ffff!important;
  border:1px solid rgba(80,240,239,.8)!important;
  background:linear-gradient(135deg,#08bfc7,#14a9a9)!important;
  box-shadow:0 9px 26px rgba(6,182,212,.19),inset 0 1px rgba(255,255,255,.25)!important;
}
.dialog-home-login-v16704{
  color:#f5f7fb!important;
  border:1px solid rgba(244,182,62,.54)!important;
  background:rgba(5,15,26,.58)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03)!important;
}
.dialog-home-auth-v16704 button:hover,
.dialog-home-auth-v16704 a:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
  box-shadow:0 12px 30px rgba(34,211,238,.18)!important;
}
.dialog-home-hero-v16704{
  position:relative;
  z-index:2;
  max-width:920px;
  margin:20px auto 24px;
  text-align:center;
}
.dialog-home-hero-v16704 h1{
  margin:0;
  color:#fff;
  font-size:clamp(46px,5vw,72px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-1.8px;
  text-shadow:0 14px 38px rgba(0,0,0,.48);
}
.dialog-home-hero-v16704 h1 em{
  display:inline-block;
  margin-top:4px;
  font-style:normal;
  background:linear-gradient(180deg,#ffeaa6 0%,#f2bd50 46%,#dd941c 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 8px 22px rgba(245,158,11,.13));
}
.dialog-home-hero-v16704 p{
  margin:15px auto 18px;
  color:#cbd4df;
  font-size:17px;
  line-height:1.78;
  font-weight:500;
}
.dialog-home-search-v16704{
  width:min(760px,92%);
  height:60px;
  margin:0 auto;
  display:flex;
  align-items:center;
  direction:rtl;
  border:1px solid rgba(34,211,238,.7);
  border-radius:20px;
  overflow:hidden;
  background:rgba(2,14,25,.69);
  box-shadow:0 0 0 1px rgba(34,211,238,.06) inset,0 13px 34px rgba(0,0,0,.2),0 0 22px rgba(34,211,238,.07);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
.dialog-home-search-v16704:focus-within{
  border-color:#67e8f9;
  box-shadow:0 0 0 3px rgba(34,211,238,.11),0 15px 38px rgba(0,0,0,.28),0 0 28px rgba(34,211,238,.13);
  transform:translateY(-1px);
}
.dialog-home-search-v16704 button{
  flex:0 0 65px;
  height:100%;
  border:0;
  color:#effcff;
  background:linear-gradient(135deg,rgba(8,145,164,.28),rgba(6,182,212,.08));
  display:grid;
  place-items:center;
  cursor:pointer;
}
.dialog-home-search-v16704 button:hover{background:linear-gradient(135deg,rgba(8,177,196,.44),rgba(6,182,212,.14))}
.dialog-home-search-v16704 svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}
.dialog-home-search-v16704 input{
  flex:1;
  min-width:0;
  height:100%;
  padding:0 20px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  text-align:right;
  direction:rtl;
  font:600 17px "Vazirmatn","Segoe UI",sans-serif!important;
}
.dialog-home-search-v16704 input::placeholder{color:#8996a6;opacity:1}
.dialog-home-features-v16704{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
}
.dialog-home-feature-v16704{
  min-height:190px;
  display:grid;
  grid-template-columns:46% 54%;
  direction:ltr;
  overflow:hidden;
  border-radius:22px;
  color:#f8fafc;
  text-decoration:none;
  background:linear-gradient(140deg,rgba(6,22,35,.78),rgba(5,14,25,.94));
  box-shadow:0 16px 34px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);
  transition:transform .22s,box-shadow .22s,border-color .22s;
}
.dialog-home-feature-v16704.cyan-v16704{border:1px solid rgba(34,211,238,.62)}
.dialog-home-feature-v16704.gold-v16704{border:1px solid rgba(244,182,62,.58)}
.dialog-home-feature-v16704:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 45px rgba(0,0,0,.34),0 0 24px rgba(34,211,238,.09);
}
.dialog-home-feature-v16704.gold-v16704:hover{box-shadow:0 22px 45px rgba(0,0,0,.34),0 0 24px rgba(245,158,11,.1)}
.dialog-home-feature-v16704 figure{
  margin:0;
  min-width:0;
  position:relative;
  overflow:hidden;
  background:#06111d;
}
.dialog-home-feature-v16704 figure:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 61%,rgba(5,15,26,.88));
  pointer-events:none;
}
.dialog-home-feature-v16704 img{
  width:100%;
  height:100%;
  min-height:190px;
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .35s,filter .35s;
}
.dialog-home-feature-v16704:hover img{transform:scale(1.035);filter:saturate(1.08)}
.dialog-home-feature-v16704>div{
  min-width:0;
  padding:24px 24px 22px 19px;
  direction:rtl;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:right;
}
.dialog-home-feature-icon-v16704{
  width:48px;
  height:48px;
  margin-bottom:12px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:21px;
  background:rgba(5,17,29,.72);
}
.cyan-v16704 .dialog-home-feature-icon-v16704{border:1px solid rgba(34,211,238,.74);box-shadow:0 0 18px rgba(34,211,238,.1)}
.gold-v16704 .dialog-home-feature-icon-v16704{border:1px solid rgba(244,182,62,.68);box-shadow:0 0 18px rgba(245,158,11,.09)}
.dialog-home-feature-v16704 h2{
  margin:0;
  color:#fff;
  font-size:21px;
  line-height:1.45;
  font-weight:900;
}
.dialog-home-feature-v16704 p{
  margin:8px 0 0;
  color:#b7c1cd;
  font-size:14px;
  line-height:1.75;
}
.dialog-home-tagline-v16704{
  position:relative;
  z-index:2;
  margin:18px 0 0;
  text-align:center;
  color:#8e9baa;
  font-size:16px;
}
.dialog-home-tagline-v16704 span{color:#e8ad38;margin:0 10px}
@media(max-width:920px){
  .dialog-home-modal-v16704{padding-top:88px}
  .dialog-home-hero-v16704{margin-top:0}
  .dialog-home-hero-v16704 h1{font-size:clamp(42px,7vw,60px)}
  .dialog-home-feature-v16704{grid-template-columns:43% 57%}
  .dialog-home-feature-v16704>div{padding:20px 18px}
  .dialog-home-feature-v16704 h2{font-size:18px}
}
@media(max-width:720px){
  .dialog-home-v16704{padding:8px;display:block;overflow:auto}
  .dialog-home-modal-v16704{
    width:100%;
    min-height:calc(100vh - 16px);
    padding:78px 14px 22px;
    border-radius:24px;
  }
  .dialog-home-close-v16704{top:15px;right:15px;width:45px;height:45px;font-size:34px}
  .dialog-home-auth-v16704{top:16px;left:14px;gap:7px}
  .dialog-home-auth-v16704 button,.dialog-home-auth-v16704 a{min-width:86px;height:43px;padding:0 10px;font-size:12px;border-radius:12px}
  .dialog-home-hero-v16704{margin:8px auto 20px}
  .dialog-home-hero-v16704 h1{font-size:38px;line-height:1.13;letter-spacing:-1px}
  .dialog-home-hero-v16704 p{font-size:14px;line-height:1.75;margin:13px 4px 16px}
  .dialog-home-hero-v16704 p br{display:none}
  .dialog-home-search-v16704{width:100%;height:55px;border-radius:17px}
  .dialog-home-search-v16704 button{flex-basis:56px}
  .dialog-home-search-v16704 input{padding:0 14px!important;font-size:14px!important}
  .dialog-home-features-v16704{
    display:flex;
    gap:11px;
    overflow-x:auto;
    overflow-y:hidden;
    margin-inline:-14px;
    padding:2px 14px 14px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .dialog-home-features-v16704::-webkit-scrollbar{display:none}
  .dialog-home-feature-v16704{
    flex:0 0 min(86vw,360px);
    min-height:330px;
    grid-template-columns:1fr;
    grid-template-rows:175px 1fr;
    scroll-snap-align:center;
    border-radius:20px;
  }
  .dialog-home-feature-v16704 figure:after{background:linear-gradient(180deg,transparent 58%,rgba(5,15,26,.84))}
  .dialog-home-feature-v16704 img{min-height:175px}
  .dialog-home-feature-v16704>div{padding:17px 18px 20px;justify-content:flex-start}
  .dialog-home-feature-icon-v16704{width:42px;height:42px;margin-bottom:8px;font-size:18px}
  .dialog-home-feature-v16704 h2{font-size:18px}
  .dialog-home-feature-v16704 p{font-size:13px}
  .dialog-home-tagline-v16704{font-size:13px;margin-top:10px}
}
@media(prefers-reduced-motion:reduce){
  .dialog-home-v16704 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
html body.user-mode:has(.dialog-home-v16704) .mobile-app-tabbar{display:none!important}


/* DialogLab v1.67.05 — safe player settings, dark clip results and squared content boxes.
   Scoped to the user player so admin, auth and home layouts remain untouched. */
.player-layout-v16705 .player-settings-v16702,
.player-layout-v16705 .player-settings-menu-v16702{display:none!important;}

/* Structural boxes are square/low-radius; actual buttons and the video frame keep their rounded shape. */
.player-layout-v16705 .video-bottom-ui,
.player-layout-v16705 form#phrase-search-form,
.player-layout-v16705 .search-input-stack,
.player-layout-v16705 #phrase-query,
.player-layout-v16705 .genre-filter-wrap,
.player-layout-v16705 .genre-filter,
.player-layout-v16705 .pro-results-panel,
.player-layout-v16705 .playlist-head,
.player-layout-v16705 .playlist-item,
.player-layout-v16705 .empty-note,
.player-layout-v16705 .content-compliance-note-v16625,
.player-layout-v16705 .player-message-shell-v16683,
.player-layout-v16705 .smart-caption-text{
  border-radius:5px!important;
}
.player-layout-v16705 .pro-player-card,
.player-layout-v16705 .pro-player-frame,
.player-layout-v16705 .pro-video-shell,
.player-layout-v16705 .live-video-shell{
  /* Explicit exception requested by the user: keep the video box rounded. */
  border-radius:24px!important;
}
.player-layout-v16705 #phrase-search-btn,
.player-layout-v16705 .subtitle-switch-v16702,
.player-layout-v16705 .compact-action-btn,
.player-layout-v16705 .video-side-tools button,
.player-layout-v16705 .result-count{
  /* Buttons remain rounded. */
  border-radius:14px!important;
}

/* The old gear near the search/seek area is removed in HTML. The new gear replaces Repeat/Speed/Stop. */
.player-layout-v16705 .video-tools-v16705{
  overflow:visible!important;
  isolation:isolate;
}
.player-layout-v16705 .player-settings-cluster-v16705{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  overflow:visible!important;
  z-index:5!important;
}
.player-layout-v16705 .player-settings-toggle-v16705{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  color:#f5fbff!important;
  background:rgba(8,18,31,.72)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  cursor:pointer!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),background .22s,border-color .22s,box-shadow .22s!important;
  position:relative!important;
  z-index:4!important;
}
.player-layout-v16705 .player-settings-toggle-v16705 svg{
  width:20px!important;
  height:20px!important;
  fill:currentColor!important;
  transition:transform .36s cubic-bezier(.2,.8,.2,1)!important;
}
.player-layout-v16705 .player-settings-toggle-v16705:hover,
.player-layout-v16705 .player-settings-toggle-v16705.is-open{
  background:rgba(8,185,199,.24)!important;
  border-color:rgba(54,232,239,.66)!important;
  box-shadow:0 0 0 3px rgba(17,205,218,.10),0 12px 28px rgba(0,0,0,.26)!important;
}
.player-layout-v16705 .player-settings-toggle-v16705.is-open svg{transform:rotate(90deg)!important;}
.player-layout-v16705 .player-settings-menu-v16705{
  position:absolute!important;
  right:calc(100% + 8px)!important;
  bottom:0!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(14px) scale(.96)!important;
  transform-origin:right center!important;
  transition:opacity .22s ease,transform .32s cubic-bezier(.2,.85,.2,1),visibility 0s linear .32s!important;
  z-index:2!important;
  white-space:nowrap!important;
}
.player-layout-v16705 .player-settings-menu-v16705.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(0) scale(1)!important;
  transition-delay:0s!important;
}
.player-layout-v16705 .setting-control-v16705{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:auto!important;
  min-width:76px!important;
  max-width:none!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0 10px!important;
  color:#f4f8fb!important;
  background:rgba(7,18,31,.82)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(15px)!important;
  -webkit-backdrop-filter:blur(15px)!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:background .18s,border-color .18s,color .18s,transform .18s!important;
}
.player-layout-v16705 .setting-control-v16705:hover:not(:disabled){
  transform:translateY(-1px)!important;
  background:rgba(14,41,57,.92)!important;
  border-color:rgba(53,222,231,.48)!important;
}
.player-layout-v16705 .setting-control-v16705.is-active{
  color:#75f4f1!important;
  background:rgba(6,78,91,.84)!important;
  border-color:rgba(48,231,231,.72)!important;
}
.player-layout-v16705 .setting-control-v16705:disabled{opacity:.44!important;cursor:not-allowed!important;}
.player-layout-v16705 .setting-control-v16705 b[data-speed-level]{
  display:grid!important;
  place-items:center!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 4px!important;
  border-radius:8px!important;
  color:#8af6f1!important;
  background:rgba(32,215,222,.12)!important;
  font-size:11px!important;
}
.player-layout-v16705 .setting-control-icon-v16705{font-size:17px!important;line-height:1!important;}
.player-layout-v16705 .stop-dot-v16705{
  width:8px!important;
  height:8px!important;
  border-radius:2px!important;
  background:#ef718b!important;
  box-shadow:0 0 0 3px rgba(239,113,139,.10)!important;
}
.player-layout-v16705 .clip-speed-menu-v16705{
  position:absolute!important;
  right:48px!important;
  bottom:48px!important;
  z-index:20!important;
  border-radius:6px!important;
  background:rgba(4,15,27,.96)!important;
  border:1px solid rgba(56,226,233,.34)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.42)!important;
  overflow:hidden!important;
}
.player-layout-v16705 .clip-speed-menu-v16705 button{border-radius:0!important;}

/* Dark clip-results panel that matches the site background without changing its dimensions. */
.player-layout-v16705 .pro-results-panel,
.player-layout-v16705 .playlist-panel.compact-playlist.pro-results-panel{
  background:linear-gradient(180deg,rgba(4,19,32,.96),rgba(3,13,24,.94))!important;
  border:1px solid rgba(32,211,222,.25)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025)!important;
  color:#f4fbff!important;
}
.player-layout-v16705 .pro-results-head-v16705{
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:14px 16px!important;
  background:rgba(3,15,27,.86)!important;
  border-bottom:1px solid rgba(46,220,228,.18)!important;
}
.player-layout-v16705 .results-title-v16705{display:flex!important;align-items:center!important;gap:10px!important;}
.player-layout-v16705 .results-title-v16705 h2{
  margin:0!important;
  color:#f6fbff!important;
  font-size:22px!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
.player-layout-v16705 .results-title-icon-v16705{
  width:31px!important;
  height:31px!important;
  display:grid!important;
  place-items:center!important;
  color:#20dce3!important;
}
.player-layout-v16705 .results-title-icon-v16705 svg{width:28px!important;height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;}
.player-layout-v16705 .result-count{
  min-width:40px!important;
  height:40px!important;
  background:rgba(9,105,119,.34)!important;
  border:1px solid rgba(38,225,229,.52)!important;
  color:#7ff6f1!important;
  box-shadow:none!important;
}
.player-layout-v16705 .pro-playlist-list,
.player-layout-v16705 .playlist-list.pro-playlist-list{padding:12px 12px 14px!important;}
.player-layout-v16705 .playlist-item{
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:78px!important;
  margin:0 0 9px!important;
  padding:11px 12px!important;
  color:#eef8fb!important;
  background:linear-gradient(135deg,rgba(11,29,45,.90),rgba(6,20,34,.92))!important;
  border:1px solid rgba(110,168,188,.17)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.025)!important;
  transform:none!important;
}
.player-layout-v16705 .playlist-item:hover{
  background:linear-gradient(135deg,rgba(13,38,55,.96),rgba(8,26,41,.96))!important;
  border-color:rgba(42,219,226,.38)!important;
  transform:translateX(-1px)!important;
}
.player-layout-v16705 .playlist-item.active{
  background:linear-gradient(135deg,rgba(8,48,62,.98),rgba(5,29,44,.98))!important;
  border-color:#1bdce2!important;
  box-shadow:0 0 0 1px rgba(27,220,226,.24),0 10px 28px rgba(0,0,0,.23),inset -4px 0 0 #28eef0!important;
}
.player-layout-v16705 .playlist-num{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  color:#7cf7f2!important;
  background:rgba(7,83,99,.30)!important;
  border:1px solid rgba(29,220,225,.42)!important;
  box-shadow:none!important;
}
.player-layout-v16705 .playlist-item.active .playlist-num{
  color:#b9fffb!important;
  background:rgba(9,126,139,.40)!important;
  border-color:rgba(46,237,235,.74)!important;
}
.player-layout-v16705 .playlist-text{
  color:#f4f8fb!important;
  font-size:16px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.player-layout-v16705 .playlist-sub{
  width:100%!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:7px!important;
  color:#91a7b8!important;
  direction:ltr!important;
}
.player-layout-v16705 .playlist-sub b{color:#91a7b8!important;font-size:12px!important;font-weight:700!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.player-layout-v16705 .playlist-time-v16705{color:#8197aa!important;font-size:11px!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;}
.player-layout-v16705 .empty-note{background:rgba(8,27,42,.72)!important;border:1px dashed rgba(44,216,223,.25)!important;color:#9fb4c2!important;}
.player-layout-v16705 #load-more-clips{margin:0 12px 12px!important;}

/* Small visual corrections. */
.player-layout-v16705 #toggle-fa span{color:#fff!important;}
.player-layout-v16705 .heart-control .heart-icon{color:#fff!important;text-shadow:none!important;}
.player-layout-v16705 .heart-control.is-favorite .heart-icon{color:#ff405f!important;text-shadow:0 0 15px rgba(255,64,95,.36)!important;}
.player-layout-v16705 .heart-control:not(.is-favorite){background:rgba(255,255,255,.08)!important;}

/* XP notification is moved below the search/player controls instead of touching the top/search area. */
body:has(.player-layout-v16705) .xp-toast-layer{
  top:auto!important;
  bottom:34px!important;
}
body:has(.player-layout-v16705) .xp-toast{
  transform:translateY(14px) scale(.96)!important;
}
body:has(.player-layout-v16705) .xp-toast.show{
  transform:translateY(0) scale(1)!important;
}

/* Suggestions disappear after submit/Enter; when shown again they use square content-box styling. */
body:has(.player-layout-v16705) #phrase-suggest-box.phrase-suggest-portal{border-radius:5px!important;}
body:has(.player-layout-v16705) #phrase-suggest-box.phrase-suggest-portal .phrase-suggest-item{border-radius:3px!important;}

@media(max-width:820px){
  .player-layout-v16705 .player-settings-cluster-v16705,
  .player-layout-v16705 .player-settings-toggle-v16705{width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;}
  .player-layout-v16705 .player-settings-toggle-v16705 svg{width:17px!important;height:17px!important;}
  .player-layout-v16705 .player-settings-menu-v16705{
    right:0!important;
    bottom:calc(100% + 7px)!important;
    height:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    transform:translateY(10px) scale(.96)!important;
  }
  .player-layout-v16705 .player-settings-menu-v16705.is-open{transform:translateY(0) scale(1)!important;}
  .player-layout-v16705 .setting-control-v16705{width:82px!important;min-width:82px!important;height:36px!important;min-height:36px!important;max-height:36px!important;justify-content:space-between!important;}
  .player-layout-v16705 .clip-speed-menu-v16705{right:90px!important;bottom:42px!important;}
  body:has(.player-layout-v16705) .xp-toast-layer{bottom:calc(20px + env(safe-area-inset-bottom))!important;width:calc(100vw - 24px)!important;}
  .player-layout-v16705 .pro-player-card,
  .player-layout-v16705 .pro-player-frame,
  .player-layout-v16705 .pro-video-shell,
  .player-layout-v16705 .live-video-shell{border-radius:22px!important;}
}

@media(prefers-reduced-motion:reduce){
  .player-layout-v16705 .player-settings-menu-v16705,
  .player-layout-v16705 .player-settings-toggle-v16705,
  .player-layout-v16705 .player-settings-toggle-v16705 svg{transition:none!important;}
}

/* DialogLab v1.67.05 FINAL specificity shield.
   The project contains older version selectors with html/body specificity; this block intentionally
   outranks them while staying fully scoped to the v1.67.05 user player. */
html body.user-mode .player-layout-v16705 .video-bottom-ui,
html body.user-mode .player-layout-v16705 form#phrase-search-form,
html body.user-mode .player-layout-v16705 .search-input-stack,
html body.user-mode .player-layout-v16705 #phrase-query,
html body.user-mode .player-layout-v16705 .genre-filter-wrap,
html body.user-mode .player-layout-v16705 .genre-filter,
html body.user-mode .player-layout-v16705 .playlist-head,
html body.user-mode .player-layout-v16705 .playlist-item,
html body.user-mode .player-layout-v16705 .empty-note,
html body.user-mode .player-layout-v16705 .content-compliance-note-v16625,
html body.user-mode .player-layout-v16705 .player-message-shell-v16683,
html body.user-mode .player-layout-v16705 .smart-caption-text{
  border-radius:5px!important;
}
html body.user-mode .player-layout-v16705 .pro-player-card,
html body.user-mode .player-layout-v16705 .pro-player-frame,
html body.user-mode .player-layout-v16705 .pro-video-shell,
html body.user-mode .player-layout-v16705 .live-video-shell{
  border-radius:24px!important;
}

/* Results: dark, compact, readable and aligned with the cyan/ink site palette. */
html body.user-mode .player-layout-v16705 .pro-results-panel,
html body.user-mode .player-layout-v16705 .playlist-panel.pro-results-panel,
html body.user-mode .player-layout-v16705 .playlist-panel.compact-playlist.pro-results-panel{
  border-radius:5px!important;
  background:linear-gradient(180deg,rgba(4,18,31,.985) 0%,rgba(2,11,21,.985) 100%)!important;
  border:1px solid rgba(35,216,226,.32)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)!important;
  color:#f3fbff!important;
  overflow:hidden!important;
}
html body.user-mode .player-layout-v16705 .playlist-head.pro-results-head,
html body.user-mode .player-layout-v16705 .playlist-head.pro-results-head-v16705{
  border-radius:0!important;
  min-height:72px!important;
  padding:13px 15px!important;
  background:linear-gradient(180deg,rgba(8,28,43,.96),rgba(5,20,34,.96))!important;
  border:0!important;
  border-bottom:1px solid rgba(38,219,228,.22)!important;
  color:#f5fbff!important;
}
html body.user-mode .player-layout-v16705 .results-title-v16705 h2{
  color:#f7fcff!important;
  text-shadow:none!important;
  font-size:20px!important;
  line-height:1.2!important;
}
html body.user-mode .player-layout-v16705 .results-title-icon-v16705{
  color:#23dce3!important;
}
html body.user-mode .player-layout-v16705 .result-count{
  border-radius:12px!important;
  min-width:39px!important;
  width:39px!important;
  height:39px!important;
  color:#8ff8f3!important;
  background:rgba(9,104,119,.34)!important;
  border:1px solid rgba(42,226,230,.54)!important;
  box-shadow:none!important;
}
html body.user-mode .player-layout-v16705 .pro-playlist-list,
html body.user-mode .player-layout-v16705 .playlist-list.pro-playlist-list{
  padding:11px!important;
  background:transparent!important;
}
html body.user-mode .player-layout-v16705 .pro-playlist-list .playlist-item,
html body.user-mode .player-layout-v16705 .playlist-item{
  border-radius:5px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:76px!important;
  width:100%!important;
  margin:0 0 9px!important;
  padding:10px 11px!important;
  color:#eef8fb!important;
  background:linear-gradient(135deg,rgba(12,31,47,.96),rgba(6,20,34,.96))!important;
  border:1px solid rgba(115,177,198,.18)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.025)!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}
html body.user-mode .player-layout-v16705 .pro-playlist-list .playlist-item:hover,
html body.user-mode .player-layout-v16705 .playlist-item:hover{
  background:linear-gradient(135deg,rgba(14,43,60,.98),rgba(7,27,43,.98))!important;
  border-color:rgba(43,222,229,.45)!important;
  box-shadow:0 10px 23px rgba(0,0,0,.22)!important;
  transform:translateX(-1px)!important;
}
html body.user-mode .player-layout-v16705 .pro-playlist-list .playlist-item.active,
html body.user-mode .player-layout-v16705 .playlist-item.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(8,54,67,.99),rgba(4,30,45,.99))!important;
  border-color:#22e0e5!important;
  box-shadow:0 0 0 1px rgba(34,224,229,.22),0 11px 27px rgba(0,0,0,.25),inset -4px 0 0 #32eff0!important;
}
html body.user-mode .player-layout-v16705 .playlist-item .playlist-num{
  border-radius:12px!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  color:#80f7f2!important;
  background:rgba(7,82,98,.34)!important;
  border:1px solid rgba(32,222,226,.46)!important;
  box-shadow:none!important;
}
html body.user-mode .player-layout-v16705 .playlist-item.active .playlist-num{
  color:#c2fffb!important;
  background:rgba(10,128,139,.44)!important;
  border-color:rgba(54,239,237,.78)!important;
}
html body.user-mode .player-layout-v16705 .playlist-item .playlist-copy-v16685{
  min-width:0!important;
  color:#f2f9fc!important;
}
html body.user-mode .player-layout-v16705 .playlist-item .playlist-text{
  display:block!important;
  color:#f4f9fc!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.user-mode .player-layout-v16705 .playlist-item .playlist-sub{
  width:100%!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:6px!important;
  color:#8da4b5!important;
  direction:ltr!important;
}
html body.user-mode .player-layout-v16705 .playlist-item .playlist-sub b{
  min-width:0!important;
  color:#91a9b9!important;
  font-size:11px!important;
  font-weight:700!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body.user-mode .player-layout-v16705 .playlist-item .playlist-time-v16705{
  flex:0 0 auto!important;
  color:#8097aa!important;
  font-size:10px!important;
  font-variant-numeric:tabular-nums!important;
}
html body.user-mode .player-layout-v16705 #load-more-clips,
html body.user-mode .player-layout-v16705 .load-more-clips{
  margin:0 11px 11px!important;
  width:calc(100% - 22px)!important;
}

/* New animated settings gear: defeat legacy desktop/mobile grid rules. */
html body.user-mode .player-layout-v16705 .video-side-tools .player-settings-cluster-v16705,
html body.user-mode .player-layout-v16705 #player-settings-cluster.player-settings-cluster-v16705{
  position:relative!important;
  inset:auto!important;
  order:0!important;
  display:inline-grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  flex:0 0 40px!important;
  overflow:visible!important;
  transform:none!important;
  z-index:12!important;
}
html body.user-mode .player-layout-v16705 #player-settings-toggle.player-settings-toggle-v16705{
  position:relative!important;
  inset:auto!important;
  order:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  padding:0!important;
  transform:none!important;
  font-size:0!important;
  line-height:1!important;
  border-radius:14px!important;
}
html body.user-mode .player-layout-v16705 #player-settings-menu.player-settings-menu-v16705{
  position:absolute!important;
  inset:auto!important;
  right:calc(100% + 8px)!important;
  bottom:0!important;
  order:0!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  display:flex!important;
  grid-template-columns:none!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  white-space:nowrap!important;
  z-index:11!important;
}
html body.user-mode .player-layout-v16705 #player-settings-menu.player-settings-menu-v16705:not(.is-open){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(14px) scale(.96)!important;
}
html body.user-mode .player-layout-v16705 #player-settings-menu.player-settings-menu-v16705.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(0) scale(1)!important;
}
html body.user-mode .player-layout-v16705 #player-settings-menu .setting-control-v16705,
html body.user-mode .player-layout-v16705 #player-settings-menu #clip-repeat-toggle.setting-control-v16705,
html body.user-mode .player-layout-v16705 #player-settings-menu #clip-speed-toggle.setting-control-v16705,
html body.user-mode .player-layout-v16705 #player-settings-menu #clip-stop-toggle.setting-control-v16705,
html body.user-mode .player-layout-v16705 #player-settings-menu .clip-repeat-toggle.setting-control-v16705,
html body.user-mode .player-layout-v16705 #player-settings-menu .clip-speed-toggle-v16675.setting-control-v16705,
html body.user-mode .player-layout-v16705 #player-settings-menu .clip-stop-toggle-v16675.setting-control-v16705{
  position:relative!important;
  inset:auto!important;
  order:0!important;
  display:inline-flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:72px!important;
  max-width:none!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  gap:6px!important;
  overflow:visible!important;
  transform:none!important;
  color:#f4f9fc!important;
  background:rgba(6,18,31,.91)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:12px!important;
  box-shadow:0 10px 25px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html body.user-mode .player-layout-v16705 #player-settings-menu .setting-control-v16705.is-active{
  color:#82f8f3!important;
  background:rgba(6,78,91,.92)!important;
  border-color:rgba(49,232,232,.74)!important;
}
html body.user-mode .player-layout-v16705 #player-settings-menu .setting-control-label-v16705{
  display:inline!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  color:inherit!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
html body.user-mode .player-layout-v16705 #player-settings-menu .setting-control-icon-v16705{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:static!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1!important;
}
html body.user-mode .player-layout-v16705 #player-settings-menu .stop-dot-v16705{
  display:block!important;
  flex:0 0 8px!important;
  width:8px!important;
  min-width:8px!important;
  max-width:8px!important;
  height:8px!important;
  min-height:8px!important;
  max-height:8px!important;
  border-radius:2px!important;
  background:#ef718b!important;
}
html body.user-mode .player-layout-v16705 #player-settings-menu b[data-speed-level]{
  display:grid!important;
  place-items:center!important;
  width:auto!important;
  min-width:22px!important;
  max-width:none!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0 4px!important;
  border-radius:8px!important;
  color:#8af6f1!important;
  background:rgba(32,215,222,.13)!important;
  font-size:10px!important;
  line-height:1!important;
}

/* Requested small states. */
html body.user-mode .player-layout-v16705 #toggle-fa span,
html body.user-mode .player-layout-v16705 .subtitle-switch-v16702 span:first-child{
  color:#fff!important;
}
html body.user-mode .player-layout-v16705 .heart-control:not(.is-favorite) .heart-icon{
  color:#fff!important;
  text-shadow:none!important;
}
html body.user-mode .player-layout-v16705 .heart-control.is-favorite .heart-icon{
  color:#ff405f!important;
  text-shadow:0 0 15px rgba(255,64,95,.36)!important;
}

@media(max-width:820px){
  html body.user-mode .player-layout-v16705 .video-side-tools .player-settings-cluster-v16705,
  html body.user-mode .player-layout-v16705 #player-settings-cluster.player-settings-cluster-v16705,
  html body.user-mode .player-layout-v16705 #player-settings-toggle.player-settings-toggle-v16705{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    flex-basis:34px!important;
  }
  html body.user-mode .player-layout-v16705 #player-settings-menu.player-settings-menu-v16705{
    right:0!important;
    bottom:calc(100% + 7px)!important;
    width:82px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:5px!important;
  }
  html body.user-mode .player-layout-v16705 #player-settings-menu .setting-control-v16705,
  html body.user-mode .player-layout-v16705 #player-settings-menu .clip-repeat-toggle.setting-control-v16705,
  html body.user-mode .player-layout-v16705 #player-settings-menu .clip-speed-toggle-v16675.setting-control-v16705,
  html body.user-mode .player-layout-v16705 #player-settings-menu .clip-stop-toggle-v16675.setting-control-v16705{
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    justify-content:space-between!important;
    padding:0 9px!important;
  }
}

/* v1.67.05 result density: keep all eight initial results visible on common desktop heights. */
html body.user-mode .player-layout-v16705 .playlist-head.pro-results-head,
html body.user-mode .player-layout-v16705 .playlist-head.pro-results-head-v16705{
  min-height:66px!important;
  padding:11px 14px!important;
}
html body.user-mode .player-layout-v16705 .pro-playlist-list,
html body.user-mode .player-layout-v16705 .playlist-list.pro-playlist-list{
  padding:9px 11px 7px!important;
}
html body.user-mode .player-layout-v16705 .pro-playlist-list .playlist-item,
html body.user-mode .player-layout-v16705 .playlist-item{
  min-height:65px!important;
  margin-bottom:7px!important;
  padding:8px 10px!important;
}
html body.user-mode .player-layout-v16705 .playlist-item .playlist-text{font-size:14px!important;}
html body.user-mode .player-layout-v16705 .playlist-item .playlist-sub{margin-top:4px!important;}
html body.user-mode .player-layout-v16705 .playlist-item .playlist-num{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
}

/* Mobile settings opens downward from the top-right gear, never outside the viewport. */
@media(max-width:820px){
  html body.user-mode .player-layout-v16705 #player-settings-menu.player-settings-menu-v16705{
    top:calc(100% + 7px)!important;
    bottom:auto!important;
    transform-origin:top right!important;
  }
  html body.user-mode .player-layout-v16705 #player-settings-menu.player-settings-menu-v16705:not(.is-open){
    transform:translateY(-9px) scale(.96)!important;
  }
  html body.user-mode .player-layout-v16705 #player-settings-menu.player-settings-menu-v16705.is-open{
    transform:translateY(0) scale(1)!important;
  }
}

/* DialogLab v1.67.06 — filled video canvas and mobile usability pass.
   This block only refines the v1.67.05 player changes. */
html body.user-mode .player-layout-v16706 .video-media-area{
  background:#020812!important;
  overflow:hidden!important;
}
html body.user-mode .player-layout-v16706 .video-media-area > #phrase-video,
html body.user-mode .player-layout-v16706 .video-media-area > .pro-video,
html body.user-mode .player-layout-v16706 .video-media-area > .live-video,
html body.user-mode .player-layout-v16706 .video-media-area > .clip-transition-old-frame-v16697,
html body.user-mode .player-layout-v16706 .video-media-area > .clip-transition-old-frame-v16698{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#020812!important;
}

/* Desktop keeps the existing geometry; only remove letterboxing and polish spacing. */
@media(min-width:821px){
  html body.user-mode .player-layout-v16706 .video-media-area{
    min-height:0!important;
  }
  html body.user-mode .player-layout-v16706 .video-media-area > .video-side-tools{
    right:14px!important;
    bottom:12px!important;
  }
  html body.user-mode .player-layout-v16706 #player-settings-menu.player-settings-menu-v16705{
    transform-origin:right center!important;
  }
}

/* Phone layout: one clean vertical flow, larger touch targets and no overlapping controls. */
@media(max-width:820px){
  html body.user-mode .player-layout-v16706{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:7px!important;
    gap:9px!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16706 .live-stage,
  html body.user-mode .player-layout-v16706 .player-content-stack-v16628,
  html body.user-mode .player-layout-v16706 .pro-player-card,
  html body.user-mode .player-layout-v16706 .player-frame,
  html body.user-mode .player-layout-v16706 .pro-video-shell{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  html body.user-mode .player-layout-v16706 .pro-player-card,
  html body.user-mode .player-layout-v16706 .player-frame,
  html body.user-mode .player-layout-v16706 .pro-video-shell,
  html body.user-mode .player-layout-v16706 .live-video-shell{
    border-radius:18px!important;
  }
  html body.user-mode .player-layout-v16706 .pro-player-card{
    padding:5px!important;
    border-width:1px!important;
    box-shadow:0 14px 32px rgba(0,0,0,.28)!important;
  }
  html body.user-mode .player-layout-v16706 .pro-video-topbar{
    min-height:44px!important;
    height:44px!important;
    padding:5px 7px!important;
    gap:7px!important;
  }
  html body.user-mode .player-layout-v16706 .top-movie-pill{
    min-width:0!important;
    height:34px!important;
    padding:0 10px!important;
    border-radius:10px!important;
  }
  html body.user-mode .player-layout-v16706 .top-movie-pill b{
    font-size:12px!important;
  }
  html body.user-mode .player-layout-v16706 .pro-counter-pill{
    height:34px!important;
    min-width:54px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }
  html body.user-mode .player-layout-v16706 .video-media-area{
    width:100%!important;
    aspect-ratio:16/9!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    border-radius:0!important;
  }
  html body.user-mode .player-layout-v16706 .video-media-area > #caption-wrap.smart-caption-en{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
  }
  html body.user-mode .player-layout-v16706 .video-media-area > #fa-caption-wrap.smart-caption-fa{
    left:8px!important;
    right:8px!important;
    top:8px!important;
    width:auto!important;
  }
  html body.user-mode .player-layout-v16706 .video-media-area > .smart-caption-wrap .smart-caption-text{
    min-height:40px!important;
    padding:8px 38px 8px 12px!important;
    border-radius:9px!important;
    font-size:14px!important;
    line-height:1.35!important;
  }
  html body.user-mode .player-layout-v16706 .video-bottom-ui.mobile-bottom-ui-external-v16632,
  html body.user-mode .player-layout-v16706 .video-bottom-ui{
    width:100%!important;
    min-height:0!important;
    padding:7px!important;
    gap:7px!important;
    border-radius:0 0 14px 14px!important;
    background:linear-gradient(180deg,#071523,#06111d)!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16706 .video-seek-row-v16652{
    order:1!important;
    height:34px!important;
    min-height:34px!important;
    padding:3px 8px!important;
    border-radius:4px!important;
  }
  html body.user-mode .player-layout-v16706 .mobile-controls-row-v16643{
    order:2!important;
    width:100%!important;
    min-height:52px!important;
    padding:0 3px!important;
    gap:8px!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16706 .mobile-transport-docked-v16640{
    height:48px!important;
    min-height:48px!important;
    justify-content:flex-start!important;
    gap:7px!important;
  }
  html body.user-mode .player-layout-v16706 .mobile-transport-docked-v16640 .center-skip,
  html body.user-mode .player-layout-v16706 .mobile-transport-docked-v16640 .pro-play-button{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    border-radius:13px!important;
  }
  html body.user-mode .player-layout-v16706 .mobile-tools-docked-v16632{
    height:46px!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    overflow:visible!important;
  }
  html body.user-mode .player-layout-v16706 #player-settings-cluster.player-settings-cluster-v16705,
  html body.user-mode .player-layout-v16706 #player-settings-toggle.player-settings-toggle-v16705,
  html body.user-mode .player-layout-v16706 #clip-jump-input.clip-jump-input{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    border-radius:12px!important;
  }
  html body.user-mode .player-layout-v16706 #player-settings-menu.player-settings-menu-v16705{
    top:auto!important;
    right:0!important;
    bottom:calc(100% + 8px)!important;
    width:250px!important;
    min-width:250px!important;
    max-width:min(250px,calc(100vw - 30px))!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:5px!important;
    padding:5px!important;
    border-radius:14px!important;
    background:rgba(3,14,25,.96)!important;
    border:1px solid rgba(51,224,230,.32)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.42)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    transform-origin:bottom right!important;
  }
  html body.user-mode .player-layout-v16706 #player-settings-menu.player-settings-menu-v16705:not(.is-open){
    transform:translateY(8px) scale(.95)!important;
  }
  html body.user-mode .player-layout-v16706 #player-settings-menu.player-settings-menu-v16705.is-open{
    transform:translateY(0) scale(1)!important;
  }
  html body.user-mode .player-layout-v16706 #player-settings-menu .setting-control-v16705,
  html body.user-mode .player-layout-v16706 #player-settings-menu #clip-repeat-toggle.setting-control-v16705,
  html body.user-mode .player-layout-v16706 #player-settings-menu #clip-speed-toggle.setting-control-v16705,
  html body.user-mode .player-layout-v16706 #player-settings-menu #clip-stop-toggle.setting-control-v16705{
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0 7px!important;
    justify-content:center!important;
    gap:5px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }
  html body.user-mode .player-layout-v16706 #player-settings-menu .setting-control-label-v16705{
    font-size:10px!important;
  }
  html body.user-mode .player-layout-v16706 .clip-speed-menu-v16705{
    right:0!important;
    bottom:calc(100% + 62px)!important;
    max-width:calc(100vw - 30px)!important;
  }
  html body.user-mode .player-layout-v16706 form#phrase-search-form.dl-search-row-v16614{
    order:3!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 72px!important;
    align-items:center!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
  }
  html body.user-mode .player-layout-v16706 #phrase-search-btn{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    border-radius:13px!important;
  }
  html body.user-mode .player-layout-v16706 .search-input-stack,
  html body.user-mode .player-layout-v16706 #phrase-query{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:4px!important;
  }
  html body.user-mode .player-layout-v16706 #phrase-query{
    padding:0 12px!important;
    font-size:15px!important;
  }
  html body.user-mode .player-layout-v16706 .genre-filter-wrap{
    grid-column:auto!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    border-radius:4px!important;
  }
  html body.user-mode .player-layout-v16706 .genre-filter-wrap > span{
    display:none!important;
  }
  html body.user-mode .player-layout-v16706 .genre-filter{
    width:100%!important;
    height:100%!important;
    min-height:48px!important;
    padding:0 8px!important;
    border-radius:4px!important;
    text-align:center!important;
  }
  html body.user-mode .player-layout-v16706 .stable-action-row{
    order:4!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
  }
  html body.user-mode .player-layout-v16706 .stable-action-row > button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    padding:0 4px!important;
    border-radius:13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
  }
  html body.user-mode .player-layout-v16706 .stable-action-row .control-label{
    display:none!important;
  }
  html body.user-mode .player-layout-v16706 .stable-action-row .control-icon,
  html body.user-mode .player-layout-v16706 .stable-action-row .svg-action-icon{
    margin:0!important;
    font-size:20px!important;
  }
  html body.user-mode .player-layout-v16706 .subtitle-switch-v16702 span{
    display:inline!important;
    font-size:12px!important;
  }
  html body.user-mode .player-layout-v16706 .content-compliance-note-v16625{
    width:100%!important;
    margin:0!important;
    padding:9px 10px!important;
    border-radius:4px!important;
    font-size:10px!important;
    line-height:1.65!important;
  }
  html body.user-mode .player-layout-v16706 .pro-results-panel{
    width:100%!important;
    max-width:100%!important;
    max-height:360px!important;
    margin:0!important;
    border-radius:4px!important;
  }
  html body.user-mode .player-layout-v16706 .playlist-head.pro-results-head-v16705{
    min-height:54px!important;
    height:54px!important;
    padding:8px 11px!important;
  }
  html body.user-mode .player-layout-v16706 .results-title-v16705 h2{
    font-size:16px!important;
  }
  html body.user-mode .player-layout-v16706 .results-title-icon-v16705{
    width:25px!important;
    height:25px!important;
  }
  html body.user-mode .player-layout-v16706 .result-count{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    border-radius:10px!important;
  }
  html body.user-mode .player-layout-v16706 .pro-playlist-list{
    max-height:292px!important;
    overflow-y:auto!important;
    padding:7px!important;
  }
  html body.user-mode .player-layout-v16706 .playlist-item{
    min-height:58px!important;
    margin-bottom:6px!important;
    padding:7px 8px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    border-radius:4px!important;
  }
  html body.user-mode .player-layout-v16706 .playlist-item .playlist-num{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    border-radius:10px!important;
  }
  html body.user-mode .player-layout-v16706 .playlist-item .playlist-text{
    font-size:13px!important;
  }
  html body.user-mode .player-layout-v16706 .playlist-item .playlist-sub{
    margin-top:3px!important;
    font-size:10px!important;
  }
  body:has(.player-layout-v16706) .xp-toast-layer{
    bottom:calc(74px + env(safe-area-inset-bottom))!important;
  }
}

@media(max-width:380px){
  html body.user-mode .player-layout-v16706 form#phrase-search-form.dl-search-row-v16614{
    grid-template-columns:46px minmax(0,1fr) 66px!important;
    gap:5px!important;
  }
  html body.user-mode .player-layout-v16706 .genre-filter-wrap{width:66px!important;min-width:66px!important;max-width:66px!important;}
  html body.user-mode .player-layout-v16706 #player-settings-menu.player-settings-menu-v16705{width:238px!important;min-width:238px!important;}
}

/* v1.67.06 mobile final specificity shield: older mobile packs use high-specificity selectors. */
@media(max-width:820px){
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706,
  html body.user-mode section.player-home.player-layout-v16706{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    grid-template-columns:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 > section.live-stage,
  html body.user-mode section.player-home.player-layout-v16706 > section.live-stage{
    display:block!important;
    order:1!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 > aside.playlist-panel.pro-results-panel,
  html body.user-mode section.player-home.player-layout-v16706 > aside.playlist-panel.pro-results-panel{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    order:2!important;
    position:relative!important;
    inset:auto!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16706 .video-bottom-ui.mobile-bottom-ui-external-v16632 > .video-seek-row-v16652,
  html body.user-mode .player-layout-v16706 .video-bottom-ui > .video-seek-row-v16652{
    order:1!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16706 .video-bottom-ui.mobile-bottom-ui-external-v16632 > .mobile-controls-row-v16643,
  html body.user-mode .player-layout-v16706 .video-bottom-ui > .mobile-controls-row-v16643{
    order:2!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16706 .video-bottom-ui.mobile-bottom-ui-external-v16632 > form#phrase-search-form,
  html body.user-mode .player-layout-v16706 .video-bottom-ui > form#phrase-search-form{
    order:3!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16706 .video-bottom-ui.mobile-bottom-ui-external-v16632 > .stable-action-row,
  html body.user-mode .player-layout-v16706 .video-bottom-ui > .stable-action-row{
    order:4!important;
  }
}

/* v1.67.06 mobile flow correction: prevent legacy fixed-height deck from pulling controls over the video. */
@media(max-width:820px){
  html.is-mobile-layout body.user-mode .player-layout-v16706 .video-bottom-ui.mobile-bottom-ui-external-v16632,
  html body.user-mode .player-layout-v16706 .video-bottom-ui{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    justify-content:flex-start!important;
    align-content:stretch!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 > aside.playlist-panel.pro-results-panel,
  html body.user-mode section.player-home.player-layout-v16706 > aside.playlist-panel.pro-results-panel{
    height:auto!important;
    min-height:0!important;
    max-height:420px!important;
    grid-template-rows:54px minmax(0,292px) auto!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16706 .pro-results-panel .pro-playlist-list,
  html body.user-mode .player-layout-v16706 .pro-results-panel .pro-playlist-list{
    height:292px!important;
    min-height:0!important;
    max-height:292px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16706 .pro-results-panel #load-more-clips,
  html body.user-mode .player-layout-v16706 .pro-results-panel #load-more-clips,
  html body.user-mode .player-layout-v16706 .pro-results-panel .load-more-clips{
    position:relative!important;
    inset:auto!important;
    align-self:stretch!important;
    margin:8px 11px 10px!important;
  }
}


/* v1.67.06 mobile complete player flow: keep every control inside the card and visible. */
@media(max-width:820px){
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 .live-stage,
  html body.user-mode section.player-home.player-layout-v16706 .live-stage,
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 .player-content-stack-v16628,
  html body.user-mode section.player-home.player-layout-v16706 .player-content-stack-v16628{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 .pro-player-card:not(.max-view),
  html body.user-mode section.player-home.player-layout-v16706 .pro-player-card:not(.max-view){
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    grid-template-rows:none!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 .pro-player-card:not(.max-view) .player-frame,
  html body.user-mode section.player-home.player-layout-v16706 .pro-player-card:not(.max-view) .player-frame{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 .pro-player-card:not(.max-view) .pro-video-shell,
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell,
  html body.user-mode section.player-home.player-layout-v16706 .pro-player-card:not(.max-view) .pro-video-shell,
  html body.user-mode section.player-home.player-layout-v16706 .pro-player-card:not(.max-view) .live-video-shell.live-video-square.pro-video-shell{
    display:grid!important;
    grid-template-rows:44px auto auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 .video-bottom-ui.mobile-bottom-ui-external-v16632,
  html body.user-mode section.player-home.player-layout-v16706 .video-bottom-ui{
    position:relative!important;
    inset:auto!important;
    box-sizing:border-box!important;
    height:auto!important;
    min-height:224px!important;
    max-height:none!important;
    overflow:visible!important;
    flex:0 0 auto!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 .mobile-controls-row-v16643,
  html body.user-mode section.player-home.player-layout-v16706 .mobile-controls-row-v16643{
    height:52px!important;
    min-height:52px!important;
    max-height:none!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 .mobile-tools-docked-v16632,
  html body.user-mode section.player-home.player-layout-v16706 .mobile-tools-docked-v16632{
    flex:0 0 138px!important;
    width:138px!important;
    min-width:138px!important;
    max-width:138px!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 form#phrase-search-form,
  html body.user-mode section.player-home.player-layout-v16706 form#phrase-search-form,
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 .stable-action-row,
  html body.user-mode section.player-home.player-layout-v16706 .stable-action-row{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    flex:0 0 auto!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 .content-compliance-note-v16625,
  html body.user-mode section.player-home.player-layout-v16706 .content-compliance-note-v16625{
    position:relative!important;
    z-index:1!important;
    margin-top:7px!important;
  }
}

@media(max-width:390px){
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 .mobile-transport-docked-v16640,
  html body.user-mode section.player-home.player-layout-v16706 .mobile-transport-docked-v16640{
    flex:0 0 142px!important;
    width:142px!important;
    min-width:142px!important;
    max-width:142px!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 .mobile-tools-docked-v16632,
  html body.user-mode section.player-home.player-layout-v16706 .mobile-tools-docked-v16632{
    flex:0 0 132px!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
  }
}

/* v1.67.06 mobile usability: keep Maximum view beside Settings and clip number. */
@media(max-width:820px){
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16706 #maximize-player.maximize-player-btn,
  html body.user-mode section.player-home.player-layout-v16706 #maximize-player.maximize-player-btn{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    border-radius:12px!important;
    opacity:1!important;
  }
}


/* DialogLab v1.67.07 — compact transport controls and mobile-only results removal. */
@media(min-width:821px){
  html.is-desktop-layout body.user-mode .player-layout-v16707 .video-media-area > .center-transport,
  html body.user-mode .player-layout-v16707 .video-media-area > .center-transport{
    gap:12px!important;
  }
  html.is-desktop-layout body.user-mode .player-layout-v16707 .video-media-area > .center-transport #prev-clip.center-skip,
  html.is-desktop-layout body.user-mode .player-layout-v16707 .video-media-area > .center-transport #next-clip.center-skip,
  html body.user-mode .player-layout-v16707 .video-media-area > .center-transport #prev-clip.center-skip,
  html body.user-mode .player-layout-v16707 .video-media-area > .center-transport #next-clip.center-skip{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    border-radius:15px!important;
    font-size:16px!important;
  }
  html.is-desktop-layout body.user-mode .player-layout-v16707 .video-media-area > .center-transport #big-play-button.pro-play-button,
  html body.user-mode .player-layout-v16707 .video-media-area > .center-transport #big-play-button.pro-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;
  }
  html.is-desktop-layout body.user-mode .player-layout-v16707 .video-media-area > .center-transport .mobile-transport-icon,
  html body.user-mode .player-layout-v16707 .video-media-area > .center-transport .mobile-transport-icon{
    font-size:16px!important;
    line-height:1!important;
  }
  html.is-desktop-layout body.user-mode .player-layout-v16707 .video-media-area > .center-transport #big-play-button .mobile-play-icon,
  html body.user-mode .player-layout-v16707 .video-media-area > .center-transport #big-play-button .mobile-play-icon{
    width:15px!important;
    height:18px!important;
  }
}

@media(max-width:820px){
  /* Search results remain available on desktop, but are intentionally omitted on phones. */
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16707 > aside.pro-results-panel.mobile-results-hidden-v16707,
  html body.user-mode section.player-home.player-layout-v16707 > aside.pro-results-panel.mobile-results-hidden-v16707{
    display:none!important;
  }

  html.is-mobile-layout body.user-mode .player-layout-v16707 .mobile-controls-row-v16643,
  html body.user-mode .player-layout-v16707 .mobile-controls-row-v16643{
    min-height:42px!important;
    height:42px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16707 .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16707 .mobile-transport-docked-v16640{
    flex:0 0 116px!important;
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    height:40px!important;
    min-height:40px!important;
    gap:5px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16707 .mobile-transport-docked-v16640 #prev-clip.center-skip,
  html.is-mobile-layout body.user-mode .player-layout-v16707 .mobile-transport-docked-v16640 #next-clip.center-skip,
  html body.user-mode .player-layout-v16707 .mobile-transport-docked-v16640 #prev-clip.center-skip,
  html body.user-mode .player-layout-v16707 .mobile-transport-docked-v16640 #next-clip.center-skip{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16707 .mobile-transport-docked-v16640 #big-play-button.pro-play-button,
  html body.user-mode .player-layout-v16707 .mobile-transport-docked-v16640 #big-play-button.pro-play-button{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    border-radius:11px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16707 .mobile-transport-docked-v16640 .mobile-transport-icon,
  html body.user-mode .player-layout-v16707 .mobile-transport-docked-v16640 .mobile-transport-icon{
    font-size:11px!important;
    line-height:1!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16707 .mobile-transport-docked-v16640 #big-play-button .mobile-play-icon,
  html body.user-mode .player-layout-v16707 .mobile-transport-docked-v16640 #big-play-button .mobile-play-icon{
    width:11px!important;
    height:14px!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16707 .video-bottom-ui,
  html body.user-mode section.player-home.player-layout-v16707 .video-bottom-ui{
    min-height:214px!important;
  }
}

@media(max-width:390px){
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16707 .mobile-transport-docked-v16640,
  html body.user-mode section.player-home.player-layout-v16707 .mobile-transport-docked-v16640{
    flex-basis:112px!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
  }
}


/* DialogLab v1.67.08 — result-header cleanup, stable Maximum View settings,
   centered mobile transport, and readable FA/EN switches. */
.player-layout-v16708 .pro-results-head-v16705{
  justify-content:flex-start!important;
}

/* Maximum View: gear, page and exit button stay in one compact toolbar.
   Repeat / Speed / Stop open as a separate floating panel above it. */
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu.player-settings-menu-v16705{
  position:fixed!important;
  right:18px!important;
  left:auto!important;
  top:auto!important;
  bottom:78px!important;
  width:268px!important;
  min-width:268px!important;
  max-width:268px!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  gap:6px!important;
  padding:6px!important;
  box-sizing:border-box!important;
  border-radius:16px!important;
  background:rgba(3,12,22,.94)!important;
  border:1px solid rgba(89,231,239,.34)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
  overflow:visible!important;
  z-index:2147483600!important;
  transform:translateY(10px) scale(.97)!important;
  transform-origin:bottom right!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu.player-settings-menu-v16705.is-open{
  transform:translateY(0) scale(1)!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu .setting-control-v16705{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0 8px!important;
  justify-content:center!important;
  flex-direction:row!important;
  gap:5px!important;
  border-radius:11px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  font-size:11px!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu .setting-control-label-v16705{
  display:inline!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #clip-speed-menu.clip-speed-menu-v16705{
  position:fixed!important;
  right:18px!important;
  left:auto!important;
  top:auto!important;
  bottom:140px!important;
  width:268px!important;
  max-width:268px!important;
  z-index:2147483650!important;
}

@media(max-width:820px){
  html.is-mobile-layout body.user-mode .player-layout-v16708 .mobile-controls-row-v16643,
  html body.user-mode .player-layout-v16708 .mobile-controls-row-v16643{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    padding:0 8px!important;
    gap:0!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16708 .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16708 .mobile-transport-docked-v16640{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    flex:0 0 152px!important;
    width:152px!important;
    min-width:152px!important;
    max-width:152px!important;
    height:50px!important;
    min-height:50px!important;
    margin:0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16708 .mobile-transport-docked-v16640 #prev-clip.center-skip,
  html.is-mobile-layout body.user-mode .player-layout-v16708 .mobile-transport-docked-v16640 #next-clip.center-skip,
  html body.user-mode .player-layout-v16708 .mobile-transport-docked-v16640 #prev-clip.center-skip,
  html body.user-mode .player-layout-v16708 .mobile-transport-docked-v16640 #next-clip.center-skip{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16708 .mobile-transport-docked-v16640 #big-play-button.pro-play-button,
  html body.user-mode .player-layout-v16708 .mobile-transport-docked-v16640 #big-play-button.pro-play-button{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    border-radius:14px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16708 .mobile-transport-docked-v16640 .mobile-transport-icon,
  html body.user-mode .player-layout-v16708 .mobile-transport-docked-v16640 .mobile-transport-icon{
    font-size:14px!important;
    line-height:1!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16708 .mobile-transport-docked-v16640 #big-play-button .mobile-play-icon,
  html body.user-mode .player-layout-v16708 .mobile-transport-docked-v16640 #big-play-button .mobile-play-icon{
    width:14px!important;
    height:18px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16708 .mobile-tools-docked-v16632,
  html body.user-mode .player-layout-v16708 .mobile-tools-docked-v16632{
    position:absolute!important;
    right:8px!important;
    left:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    flex:0 0 auto!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
  }

  /* Explicit phone toggle switches: label + track + visible knob in both states. */
  html.is-mobile-layout body.user-mode .player-layout-v16708 #toggle-fa.subtitle-switch-v16702,
  html.is-mobile-layout body.user-mode .player-layout-v16708 #toggle-en.subtitle-switch-v16702,
  html body.user-mode .player-layout-v16708 #toggle-fa.subtitle-switch-v16702,
  html body.user-mode .player-layout-v16708 #toggle-en.subtitle-switch-v16702{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:auto 30px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 6px!important;
    color:#fff!important;
    background:rgba(7,20,33,.94)!important;
    border:1px solid rgba(178,208,221,.30)!important;
    border-radius:13px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16708 #toggle-fa.subtitle-switch-v16702 span,
  html.is-mobile-layout body.user-mode .player-layout-v16708 #toggle-en.subtitle-switch-v16702 span,
  html body.user-mode .player-layout-v16708 #toggle-fa.subtitle-switch-v16702 span,
  html body.user-mode .player-layout-v16708 #toggle-en.subtitle-switch-v16702 span{
    display:inline!important;
    position:static!important;
    margin:0!important;
    color:#fff!important;
    opacity:1!important;
    visibility:visible!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16708 #toggle-fa.subtitle-switch-v16702 i,
  html.is-mobile-layout body.user-mode .player-layout-v16708 #toggle-en.subtitle-switch-v16702 i,
  html body.user-mode .player-layout-v16708 #toggle-fa.subtitle-switch-v16702 i,
  html body.user-mode .player-layout-v16708 #toggle-en.subtitle-switch-v16702 i{
    display:block!important;
    position:relative!important;
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    margin:0!important;
    border-radius:999px!important;
    background:#31404e!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:inset 0 2px 5px rgba(0,0,0,.30)!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16708 #toggle-fa.subtitle-switch-v16702 i::after,
  html.is-mobile-layout body.user-mode .player-layout-v16708 #toggle-en.subtitle-switch-v16702 i::after,
  html body.user-mode .player-layout-v16708 #toggle-fa.subtitle-switch-v16702 i::after,
  html body.user-mode .player-layout-v16708 #toggle-en.subtitle-switch-v16702 i::after{
    content:""!important;
    position:absolute!important;
    top:2px!important;
    right:2px!important;
    width:12px!important;
    height:12px!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:0 2px 6px rgba(0,0,0,.36)!important;
    transform:none!important;
    transition:transform .2s ease!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16708 #toggle-fa.subtitle-switch-v16702.is-active,
  html.is-mobile-layout body.user-mode .player-layout-v16708 #toggle-en.subtitle-switch-v16702.is-active,
  html body.user-mode .player-layout-v16708 #toggle-fa.subtitle-switch-v16702.is-active,
  html body.user-mode .player-layout-v16708 #toggle-en.subtitle-switch-v16702.is-active{
    background:rgba(6,45,56,.94)!important;
    border-color:rgba(35,226,220,.78)!important;
    box-shadow:0 0 0 2px rgba(31,218,215,.08),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16708 #toggle-fa.subtitle-switch-v16702.is-active i,
  html.is-mobile-layout body.user-mode .player-layout-v16708 #toggle-en.subtitle-switch-v16702.is-active i,
  html body.user-mode .player-layout-v16708 #toggle-fa.subtitle-switch-v16702.is-active i,
  html body.user-mode .player-layout-v16708 #toggle-en.subtitle-switch-v16702.is-active i{
    background:#20d8cf!important;
    border-color:#42f1e9!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16708 #toggle-fa.subtitle-switch-v16702.is-active i::after,
  html.is-mobile-layout body.user-mode .player-layout-v16708 #toggle-en.subtitle-switch-v16702.is-active i::after,
  html body.user-mode .player-layout-v16708 #toggle-fa.subtitle-switch-v16702.is-active i::after,
  html body.user-mode .player-layout-v16708 #toggle-en.subtitle-switch-v16702.is-active i::after{
    transform:translateX(-12px)!important;
  }
}

@media(max-width:370px){
  html.is-mobile-layout body.user-mode .player-layout-v16708 .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16708 .mobile-transport-docked-v16640{
    flex-basis:144px!important;
    width:144px!important;
    min-width:144px!important;
    max-width:144px!important;
    gap:6px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16708 .mobile-tools-docked-v16632,
  html body.user-mode .player-layout-v16708 .mobile-tools-docked-v16632{
    right:5px!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    gap:4px!important;
  }
}

/* DialogLab v1.67.09 — stable settings, fixed captions and centered mobile controls. */

/* Movie title is geometrically centered; the movie icon no longer pushes it aside. */
html body.user-mode .player-layout-v16709 .top-movie-pill{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  place-items:center!important;
  padding-left:38px!important;
  padding-right:38px!important;
  text-align:center!important;
  overflow:hidden!important;
}
html body.user-mode .player-layout-v16709 .top-movie-pill .movie-title-icon{
  position:absolute!important;
  left:11px!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  z-index:2!important;
}
html body.user-mode .player-layout-v16709 .top-movie-pill .movie-title-viewport{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
}
html body.user-mode .player-layout-v16709 .top-movie-pill #top-movie-title{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto!important;
  text-align:center!important;
  transform-origin:center center!important;
}

/* Gear has a readable neutral state. Only the genuinely open state is highlighted. */
html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705,
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-toggle.player-settings-toggle-v16705{
  color:#eafbff!important;
  background:rgba(7,22,36,.94)!important;
  border-color:rgba(99,232,239,.42)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705 svg,
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-toggle.player-settings-toggle-v16705 svg{
  fill:currentColor!important;
  color:inherit!important;
}
html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705.is-open,
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-toggle.player-settings-toggle-v16705.is-open{
  color:#a9fffb!important;
  background:rgba(5,88,99,.96)!important;
  border-color:rgba(69,239,237,.86)!important;
  box-shadow:0 0 0 3px rgba(32,220,222,.12),0 12px 30px rgba(0,0,0,.38)!important;
}

/* Auto Stop uses an actual stop symbol and is ON by default unless the user saved OFF. */
html body.user-mode .player-layout-v16709 .auto-stop-icon-v16709{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  display:grid!important;
  place-items:center!important;
  color:#ff8ca2!important;
}
html body.user-mode .player-layout-v16709 .auto-stop-icon-v16709 svg{
  width:16px!important;
  height:16px!important;
  display:block!important;
  fill:currentColor!important;
}
html body.user-mode .player-layout-v16709 #clip-stop-toggle.is-active .auto-stop-icon-v16709{
  color:#87fff8!important;
}

/* Maximum View: the menu has true closed/open states and never remains permanently visible. */
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-cluster.player-settings-cluster-v16705{
  overflow:visible!important;
  z-index:2147483700!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu.player-settings-menu-v16705{
  width:292px!important;
  min-width:292px!important;
  max-width:292px!important;
  bottom:78px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(12px) scale(.96)!important;
  transition:opacity .18s ease,transform .26s cubic-bezier(.2,.82,.2,1),visibility 0s linear .27s!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu.player-settings-menu-v16705:not(.is-open){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(12px) scale(.96)!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu.player-settings-menu-v16705.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
  transition-delay:0s!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu .setting-control-v16705{
  min-width:0!important;
  padding:0 7px!important;
  gap:4px!important;
  font-size:10px!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu .setting-control-label-v16705{
  font-size:10px!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #clip-speed-menu.clip-speed-menu-v16705{
  right:18px!important;
  bottom:142px!important;
  width:292px!important;
  max-width:292px!important;
}

/* Captions are anchored inside the video and cannot be dragged outside it. */
html body.user-mode .player-layout-v16709 .video-media-area{
  position:relative!important;
  overflow:hidden!important;
}
html body.user-mode .player-layout-v16709 .video-media-area > #fa-caption-wrap.smart-caption-fa,
html body.user-mode .player-layout-v16709 .video-media-area > #caption-wrap.smart-caption-en{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  width:min(72%,760px)!important;
  max-width:calc(100% - 28px)!important;
  z-index:34!important;
  cursor:default!important;
  touch-action:manipulation!important;
}
html body.user-mode .player-layout-v16709 .video-media-area > #fa-caption-wrap.smart-caption-fa{
  top:14px!important;
  bottom:auto!important;
}
html body.user-mode .player-layout-v16709 .video-media-area > #caption-wrap.smart-caption-en{
  top:auto!important;
  bottom:14px!important;
}
html body.user-mode .player-layout-v16709 .video-media-area > #fa-caption-wrap.caption-free-pos,
html body.user-mode .player-layout-v16709 .video-media-area > #caption-wrap.caption-free-pos{
  left:50%!important;
  right:auto!important;
  width:min(72%,760px)!important;
  max-width:calc(100% - 28px)!important;
  transform:translateX(-50%)!important;
}
html body.user-mode .player-layout-v16709 .video-media-area > #fa-caption-wrap.caption-free-pos{
  top:14px!important;
  bottom:auto!important;
}
html body.user-mode .player-layout-v16709 .video-media-area > #caption-wrap.caption-free-pos{
  top:auto!important;
  bottom:14px!important;
}

/* Desktop Maximum View mirrors use the same top/bottom centered positions. */
html body.phraselab-clean-max-v16635 #max-fa-caption-mirror.max-fa-caption-mirror,
html body.phraselab-max-open #max-fa-caption-mirror.max-fa-caption-mirror{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:clamp(54px,8vh,104px)!important;
  bottom:auto!important;
  width:min(68vw,980px)!important;
  max-width:calc(100vw - 48px)!important;
  transform:translateX(-50%)!important;
  margin:0!important;
}
html body.phraselab-clean-max-v16635 #max-caption-mirror.max-caption-mirror,
html body.phraselab-max-open #max-caption-mirror.max-caption-mirror{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:148px!important;
  width:min(68vw,980px)!important;
  max-width:calc(100vw - 48px)!important;
  transform:translateX(-50%)!important;
  margin:0!important;
}

@media(max-width:820px){
  /* The transport has one immutable center point; settings/page controls are independent. */
  html.is-mobile-layout body.user-mode .player-layout-v16709 .mobile-controls-row-v16643,
  html body.user-mode .player-layout-v16709 .mobile-controls-row-v16643{
    position:relative!important;
    height:62px!important;
    min-height:62px!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16709 .mobile-transport-docked-v16640{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    width:160px!important;
    min-width:160px!important;
    max-width:160px!important;
    flex-basis:160px!important;
    z-index:4!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 .mobile-tools-docked-v16632,
  html body.user-mode .player-layout-v16709 .mobile-tools-docked-v16632{
    position:absolute!important;
    right:8px!important;
    left:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    z-index:30!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 #player-settings-cluster.player-settings-cluster-v16705,
  html body.user-mode .player-layout-v16709 #player-settings-cluster.player-settings-cluster-v16705{
    position:relative!important;
    overflow:visible!important;
    z-index:100!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 #player-settings-menu.player-settings-menu-v16705,
  html body.user-mode .player-layout-v16709 #player-settings-menu.player-settings-menu-v16705{
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:auto!important;
    bottom:calc(100% + 12px)!important;
    width:252px!important;
    min-width:252px!important;
    max-width:252px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:center!important;
    gap:5px!important;
    padding:5px!important;
    border-radius:15px!important;
    background:rgba(3,13,24,.97)!important;
    border:1px solid rgba(72,229,235,.42)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.52)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    z-index:300!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(10px) scale(.96)!important;
    transform-origin:bottom right!important;
    transition:opacity .18s ease,transform .26s cubic-bezier(.2,.82,.2,1),visibility 0s linear .27s!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 #player-settings-menu.player-settings-menu-v16705.is-open,
  html body.user-mode .player-layout-v16709 #player-settings-menu.player-settings-menu-v16705.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
    transition-delay:0s!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 #player-settings-menu .setting-control-v16705,
  html body.user-mode .player-layout-v16709 #player-settings-menu .setting-control-v16705{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0 5px!important;
    justify-content:center!important;
    gap:4px!important;
    font-size:9px!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 #player-settings-menu .setting-control-label-v16705,
  html body.user-mode .player-layout-v16709 #player-settings-menu .setting-control-label-v16705{
    font-size:9px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 #clip-speed-menu.clip-speed-menu-v16705,
  html body.user-mode .player-layout-v16709 #clip-speed-menu.clip-speed-menu-v16705{
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:auto!important;
    bottom:116px!important;
    width:252px!important;
    max-width:252px!important;
    z-index:320!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 .video-bottom-ui,
  html body.user-mode .player-layout-v16709 .video-bottom-ui{
    overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 .video-media-area > #fa-caption-wrap.smart-caption-fa,
  html body.user-mode .player-layout-v16709 .video-media-area > #fa-caption-wrap.smart-caption-fa,
  html.is-mobile-layout body.user-mode .player-layout-v16709 .video-media-area > #caption-wrap.smart-caption-en,
  html body.user-mode .player-layout-v16709 .video-media-area > #caption-wrap.smart-caption-en{
    width:calc(100% - 44px)!important;
    max-width:calc(100% - 44px)!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 .video-media-area > #fa-caption-wrap.smart-caption-fa,
  html body.user-mode .player-layout-v16709 .video-media-area > #fa-caption-wrap.smart-caption-fa{
    top:12px!important;
    bottom:auto!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 .video-media-area > #caption-wrap.smart-caption-en,
  html body.user-mode .player-layout-v16709 .video-media-area > #caption-wrap.smart-caption-en{
    top:auto!important;
    bottom:12px!important;
  }
}

@media(max-width:370px){
  html.is-mobile-layout body.user-mode .player-layout-v16709 .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16709 .mobile-transport-docked-v16640{
    width:154px!important;
    min-width:154px!important;
    max-width:154px!important;
    flex-basis:154px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 #player-settings-menu.player-settings-menu-v16705,
  html body.user-mode .player-layout-v16709 #player-settings-menu.player-settings-menu-v16705,
  html.is-mobile-layout body.user-mode .player-layout-v16709 #clip-speed-menu.clip-speed-menu-v16705,
  html body.user-mode .player-layout-v16709 #clip-speed-menu.clip-speed-menu-v16705{
    width:238px!important;
    min-width:238px!important;
    max-width:238px!important;
  }
}

/* DialogLab v1.67.09 final stability pass — settings geometry, captions and title. */

/* A hidden settings menu must be physically absent, regardless of legacy rules. */
html body.user-mode #player-settings-menu[hidden]{display:none!important;}

/* True visual centering for the movie title. */
html body.user-mode .player-layout-v16709 .top-movie-pill{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  padding:0 38px!important;
  text-align:center!important;
  overflow:hidden!important;
}
html body.user-mode .player-layout-v16709 .top-movie-pill .movie-title-icon{
  position:absolute!important;
  left:11px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
}
html body.user-mode .player-layout-v16709 .top-movie-pill .movie-title-viewport{
  position:absolute!important;
  inset:0 38px!important;
  width:auto!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html body.user-mode .player-layout-v16709 .top-movie-pill #top-movie-title{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transform:none!important;
}

/* Neutral gear is readable, while the open state is unmistakably active. */
html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705,
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-toggle.player-settings-toggle-v16705{
  color:#eaffff!important;
  background:linear-gradient(180deg,rgba(20,49,68,.98),rgba(7,25,40,.98))!important;
  border:1px solid rgba(99,232,239,.56)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.12)!important;
  opacity:1!important;
}
html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705 svg,
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-toggle.player-settings-toggle-v16705 svg{
  display:block!important;
  fill:#eaffff!important;
  color:#eaffff!important;
  opacity:1!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))!important;
}
html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705.is-open,
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-toggle.player-settings-toggle-v16705.is-open{
  color:#052328!important;
  background:linear-gradient(135deg,#73fff7,#25cad5)!important;
  border-color:#b8fffb!important;
  box-shadow:0 0 0 3px rgba(45,224,226,.16),0 13px 32px rgba(0,0,0,.46)!important;
}
html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705.is-open svg,
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-toggle.player-settings-toggle-v16705.is-open svg{
  fill:#052328!important;
  color:#052328!important;
}

/* Auto Stop means: stop at this clip's end instead of advancing automatically. */
html body.user-mode .player-layout-v16709 .auto-stop-icon-v16709 svg{
  overflow:visible!important;
}
html body.user-mode .player-layout-v16709 .auto-stop-icon-v16709 svg rect{
  fill:currentColor!important;
  stroke:none!important;
}
html body.user-mode .player-layout-v16709 .auto-stop-icon-v16709 svg path{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
}
html body.user-mode .player-layout-v16709 #clip-stop-toggle.is-active{
  color:#eaffff!important;
  border-color:rgba(66,239,233,.72)!important;
  background:rgba(5,83,91,.82)!important;
}
html body.user-mode .player-layout-v16709 #clip-stop-toggle.is-active .auto-stop-icon-v16709{
  color:#7ffff7!important;
}

/* Maximum View: a compact vertical TV-style panel rises from the gear.
   It stays clear of the seek bar and disappears completely when closed. */
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-cluster.player-settings-cluster-v16705{
  position:relative!important;
  overflow:visible!important;
  z-index:2147483700!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu.player-settings-menu-v16705{
  position:fixed!important;
  right:22px!important;
  left:auto!important;
  top:auto!important;
  bottom:146px!important;
  width:154px!important;
  min-width:154px!important;
  max-width:154px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  gap:7px!important;
  padding:8px!important;
  box-sizing:border-box!important;
  border-radius:16px!important;
  background:rgba(3,14,25,.97)!important;
  border:1px solid rgba(90,234,240,.48)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  z-index:2147483701!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(14px) scale(.94)!important;
  transform-origin:bottom right!important;
  transition:opacity .18s ease,transform .24s cubic-bezier(.2,.82,.2,1),visibility 0s linear .24s!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu.player-settings-menu-v16705.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
  transition-delay:0s!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu .setting-control-v16705{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-direction:row!important;
  gap:8px!important;
  border-radius:11px!important;
  font-size:11px!important;
  overflow:hidden!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu .setting-control-label-v16705{
  display:inline!important;
  flex:1 1 auto!important;
  font-size:11px!important;
  text-align:left!important;
  white-space:nowrap!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #clip-speed-menu.clip-speed-menu-v16705{
  position:fixed!important;
  right:184px!important;
  left:auto!important;
  top:auto!important;
  bottom:146px!important;
  width:280px!important;
  max-width:280px!important;
  z-index:2147483702!important;
}

/* Both normal captions remain strictly inside the video frame. */
html body.user-mode .player-layout-v16709 .video-media-area{
  position:relative!important;
  overflow:hidden!important;
  contain:paint!important;
}
html body.user-mode .player-layout-v16709 .video-media-area > #fa-caption-wrap.smart-caption-fa,
html body.user-mode .player-layout-v16709 .video-media-area > #caption-wrap.smart-caption-en{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  margin:0!important;
  width:min(72%,760px)!important;
  max-width:calc(100% - 28px)!important;
  transform:translateX(-50%)!important;
  z-index:34!important;
  cursor:default!important;
  touch-action:manipulation!important;
}
html body.user-mode .player-layout-v16709 .video-media-area > #fa-caption-wrap.smart-caption-fa{
  top:14px!important;
  bottom:auto!important;
}
html body.user-mode .player-layout-v16709 .video-media-area > #caption-wrap.smart-caption-en{
  top:auto!important;
  bottom:14px!important;
}

/* Maximum View uses only its two mirrors: FA at top centre, EN at bottom centre. */
html body.phraselab-max-open #max-fa-caption-mirror.max-fa-caption-mirror,
html body.phraselab-clean-max-v16635 #max-fa-caption-mirror.max-fa-caption-mirror{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:24px!important;
  bottom:auto!important;
  width:min(68vw,980px)!important;
  max-width:calc(100vw - 48px)!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  z-index:2147483645!important;
}
html body.phraselab-max-open #max-caption-mirror.max-caption-mirror,
html body.phraselab-clean-max-v16635 #max-caption-mirror.max-caption-mirror{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:124px!important;
  width:min(64vw,920px)!important;
  max-width:calc(100vw - 360px)!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  z-index:2147483645!important;
}

@media(max-width:820px){
  /* First line never moves. Opening settings only adds a second dedicated line. */
  html.is-mobile-layout body.user-mode .player-layout-v16709 .mobile-controls-row-v16643,
  html body.user-mode .player-layout-v16709 .mobile-controls-row-v16643{
    position:relative!important;
    width:100%!important;
    height:62px!important;
    min-height:62px!important;
    overflow:visible!important;
    isolation:isolate!important;
    transition:height .24s cubic-bezier(.2,.82,.2,1),min-height .24s cubic-bezier(.2,.82,.2,1)!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 .mobile-controls-row-v16643.settings-panel-open-v16709,
  html body.user-mode .player-layout-v16709 .mobile-controls-row-v16643.settings-panel-open-v16709{
    height:124px!important;
    min-height:124px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16709 .mobile-transport-docked-v16640{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:31px!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    width:160px!important;
    min-width:160px!important;
    max-width:160px!important;
    height:50px!important;
    z-index:5!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 .mobile-tools-docked-v16632,
  html body.user-mode .player-layout-v16709 .mobile-tools-docked-v16632{
    position:absolute!important;
    right:8px!important;
    left:auto!important;
    top:31px!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    z-index:30!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 #player-settings-cluster.player-settings-cluster-v16705,
  html body.user-mode .player-layout-v16709 #player-settings-cluster.player-settings-cluster-v16705{
    position:relative!important;
    overflow:visible!important;
    z-index:100!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 #player-settings-menu.player-settings-menu-v16705,
  html body.user-mode .player-layout-v16709 #player-settings-menu.player-settings-menu-v16705{
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:52px!important;
    bottom:auto!important;
    width:252px!important;
    min-width:252px!important;
    max-width:252px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:center!important;
    gap:5px!important;
    padding:5px!important;
    border-radius:15px!important;
    background:rgba(3,13,24,.98)!important;
    border:1px solid rgba(72,229,235,.46)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.56)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    z-index:300!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px) scale(.96)!important;
    transform-origin:top right!important;
    transition:opacity .18s ease,transform .24s cubic-bezier(.2,.82,.2,1),visibility 0s linear .24s!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 #player-settings-menu.player-settings-menu-v16705.is-open,
  html body.user-mode .player-layout-v16709 #player-settings-menu.player-settings-menu-v16705.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
    transition-delay:0s!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 #player-settings-menu .setting-control-v16705,
  html body.user-mode .player-layout-v16709 #player-settings-menu .setting-control-v16705{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0 5px!important;
    justify-content:center!important;
    gap:4px!important;
    font-size:9px!important;
    overflow:hidden!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 #clip-speed-menu.clip-speed-menu-v16705,
  html body.user-mode .player-layout-v16709 #clip-speed-menu.clip-speed-menu-v16705{
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:108px!important;
    bottom:auto!important;
    width:252px!important;
    max-width:252px!important;
    z-index:320!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 .video-media-area > #fa-caption-wrap.smart-caption-fa,
  html body.user-mode .player-layout-v16709 .video-media-area > #fa-caption-wrap.smart-caption-fa,
  html.is-mobile-layout body.user-mode .player-layout-v16709 .video-media-area > #caption-wrap.smart-caption-en,
  html body.user-mode .player-layout-v16709 .video-media-area > #caption-wrap.smart-caption-en{
    width:calc(100% - 44px)!important;
    max-width:calc(100% - 44px)!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 .video-media-area > #fa-caption-wrap.smart-caption-fa,
  html body.user-mode .player-layout-v16709 .video-media-area > #fa-caption-wrap.smart-caption-fa{
    top:12px!important;
    bottom:auto!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 .video-media-area > #caption-wrap.smart-caption-en,
  html body.user-mode .player-layout-v16709 .video-media-area > #caption-wrap.smart-caption-en{
    top:auto!important;
    bottom:12px!important;
  }
}

@media(max-width:370px){
  html.is-mobile-layout body.user-mode .player-layout-v16709 .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16709 .mobile-transport-docked-v16640{
    width:154px!important;
    min-width:154px!important;
    max-width:154px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16709 #player-settings-menu.player-settings-menu-v16705,
  html body.user-mode .player-layout-v16709 #player-settings-menu.player-settings-menu-v16705,
  html.is-mobile-layout body.user-mode .player-layout-v16709 #clip-speed-menu.clip-speed-menu-v16705,
  html body.user-mode .player-layout-v16709 #clip-speed-menu.clip-speed-menu-v16705{
    width:238px!important;
    min-width:238px!important;
    max-width:238px!important;
  }
}

/* v1.67.09 final title width and Auto Stop glyph polish. */
@media(min-width:821px){
  html body.user-mode .player-layout-v16709 .pro-player-card:not(.max-view) .top-movie-pill{
    width:min(45vw,460px)!important;
    min-width:220px!important;
    max-width:min(45vw,460px)!important;
  }
}
@media(max-width:820px){
  html body.user-mode .player-layout-v16709 .pro-player-card:not(.max-view) .top-movie-pill{
    width:min(56vw,250px)!important;
    min-width:0!important;
    max-width:min(56vw,250px)!important;
  }
}
html body.user-mode .player-layout-v16709 .auto-stop-icon-v16709{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  font-size:14px!important;
  line-height:1!important;
  font-family:Arial,sans-serif!important;
}

/* Exact title center: independent of icon width, text direction and truncation. */
html body.user-mode section.player-home.player-layout-v16709 .pro-player-card:not(.max-view) .top-movie-pill .movie-title-viewport{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  overflow:hidden!important;
}
html body.user-mode section.player-home.player-layout-v16709 .pro-player-card:not(.max-view) .top-movie-pill #top-movie-title{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  width:auto!important;
  max-width:calc(100% - 76px)!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.user-mode section.player-home.player-layout-v16709 .pro-player-card:not(.max-view) .top-movie-pill .movie-title-viewport{
  max-width:none!important;
  min-width:0!important;
}

/* Last cascade guard: closed settings are never rendered by legacy display rules. */
html body.user-mode #player-settings-menu.player-settings-menu-v16705[hidden]{display:none!important;}
html body.phraselab-max-open #max-caption-mirror.max-caption-mirror,
html body.phraselab-clean-max-v16635 #max-caption-mirror.max-caption-mirror{bottom:146px!important;}
html body.user-mode .player-layout-v16709 .auto-stop-icon-v16709{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 20px!important;
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  overflow:visible!important;
}
html body.user-mode .player-layout-v16709 .auto-stop-icon-v16709 svg{
  display:block!important;
  width:20px!important;
  height:20px!important;
  overflow:visible!important;
}
html body.user-mode .player-layout-v16709 .auto-stop-icon-v16709 svg rect{
  fill:currentColor!important;
  stroke:currentColor!important;
  stroke-width:1!important;
}
html body.user-mode .player-layout-v16709 .auto-stop-icon-v16709 svg path{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu .setting-control-v16705{
  direction:ltr!important;
}

/* DialogLab v1.67.10 — draggable captions, neutral subtitle switches,
   uniform Maximum View speeds, centered XP and refined mobile spacing. */

/* Caption containers are draggable again. The JavaScript clamp keeps the full
   box inside the video/media bounds and stores a separate position per view. */
html body.user-mode .player-layout-v16710 .video-media-area > #fa-caption-wrap.smart-caption-fa,
html body.user-mode .player-layout-v16710 .video-media-area > #caption-wrap.smart-caption-en,
html body.phraselab-max-open #max-fa-caption-mirror.max-fa-caption-mirror,
html body.phraselab-max-open #max-caption-mirror.max-caption-mirror,
html body.phraselab-clean-max-v16635 #max-fa-caption-mirror.max-fa-caption-mirror,
html body.phraselab-clean-max-v16635 #max-caption-mirror.max-caption-mirror{
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
html body.user-mode .player-layout-v16710 .caption-dragging,
html body.phraselab-max-open .caption-dragging,
html body.phraselab-clean-max-v16635 .caption-dragging{
  cursor:grabbing!important;
}

/* Keep the FA/EN boxes visually neutral in both states. Only the white knob
   changes side, which is enough to communicate ON/OFF without cyan flooding. */
html body.user-mode .player-layout-v16710 #toggle-fa.subtitle-switch-v16702,
html body.user-mode .player-layout-v16710 #toggle-en.subtitle-switch-v16702,
html body.user-mode .player-layout-v16710 #toggle-fa.subtitle-switch-v16702.is-active,
html body.user-mode .player-layout-v16710 #toggle-en.subtitle-switch-v16702.is-active{
  color:#f7fbff!important;
  background:rgba(9,24,38,.94)!important;
  border-color:rgba(163,197,213,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
html body.user-mode .player-layout-v16710 #toggle-fa.subtitle-switch-v16702 i,
html body.user-mode .player-layout-v16710 #toggle-en.subtitle-switch-v16702 i,
html body.user-mode .player-layout-v16710 #toggle-fa.subtitle-switch-v16702.is-active i,
html body.user-mode .player-layout-v16710 #toggle-en.subtitle-switch-v16702.is-active i{
  background:rgba(148,168,181,.34)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.32)!important;
}
html body.user-mode .player-layout-v16710 #toggle-fa.subtitle-switch-v16702 i::after,
html body.user-mode .player-layout-v16710 #toggle-en.subtitle-switch-v16702 i::after{
  background:#fff!important;
  box-shadow:0 2px 7px rgba(0,0,0,.42)!important;
}

/* Every Maximum View speed choice has exactly the same geometry and typography. */
html body.user-mode .pro-player-card.max-view-v16708 #clip-speed-menu.clip-speed-menu-v16705{
  display:grid!important;
  grid-template-columns:repeat(5,52px)!important;
  align-items:stretch!important;
  gap:4px!important;
  width:292px!important;
  min-width:292px!important;
  max-width:292px!important;
  padding:6px!important;
  direction:ltr!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #clip-speed-menu.clip-speed-menu-v16705.hidden{
  display:none!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #clip-speed-menu.clip-speed-menu-v16705 button{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-rows:18px 14px!important;
  place-items:center!important;
  gap:1px!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:5px 3px!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
  line-height:1!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #clip-speed-menu.clip-speed-menu-v16705 button b{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font:800 12px/18px "Segoe UI",Arial,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:0!important;
  text-align:center!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #clip-speed-menu.clip-speed-menu-v16705 button small{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font:700 9px/14px "Segoe UI",Arial,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* Full clip sentence preview shown only while a desktop result is hovered/focused. */
.playlist-hover-preview-v16710{
  position:fixed!important;
  z-index:2147481000!important;
  box-sizing:border-box!important;
  width:max-content!important;
  min-width:220px!important;
  padding:12px 14px!important;
  border:1px solid rgba(68,224,230,.24)!important;
  border-radius:8px!important;
  background:rgba(3,14,25,.91)!important;
  color:rgba(232,247,252,.74)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  font:700 14px/1.65 "Segoe UI",Tahoma,sans-serif!important;
  direction:ltr!important;
  text-align:left!important;
  overflow-wrap:anywhere!important;
  pointer-events:none!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(5px) scale(.98)!important;
  transition:opacity .15s ease,transform .18s ease,visibility 0s linear .18s!important;
}
.playlist-hover-preview-v16710.is-visible{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
  transition-delay:0s!important;
}

/* XP notification is geometrically centered on the viewport. */
html body:has(.player-layout-v16710) .xp-toast-layer{
  position:fixed!important;
  top:50%!important;
  bottom:auto!important;
  left:50%!important;
  right:auto!important;
  width:auto!important;
  max-width:calc(100vw - 28px)!important;
  transform:translate(-50%,-50%)!important;
  place-items:center!important;
}
html body:has(.player-layout-v16710) .xp-toast{
  margin:0 auto!important;
  transform:translateY(12px) scale(.96)!important;
}
html body:has(.player-layout-v16710) .xp-toast.show{
  transform:translateY(0) scale(1)!important;
}

@media(max-width:820px){
  /* Separate the transport from the gear without changing its stable centre line. */
  html.is-mobile-layout body.user-mode .player-layout-v16710 .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16710 .mobile-transport-docked-v16640{
    left:calc(50% - 18px)!important;
  }
  /* Keep EN and Favorite visually together, with slightly tighter spacing. */
  html.is-mobile-layout body.user-mode .player-layout-v16710 .stable-action-row,
  html body.user-mode .player-layout-v16710 .stable-action-row{
    grid-template-columns:minmax(0,1.08fr) minmax(0,1.08fr) minmax(0,.86fr) minmax(0,.86fr) minmax(0,.86fr)!important;
    column-gap:4px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16710 #favorite-clip,
  html body.user-mode .player-layout-v16710 #favorite-clip{
    margin-inline-start:-2px!important;
  }
  html body:has(.player-layout-v16710) .xp-toast-layer{
    width:calc(100vw - 24px)!important;
  }
  .playlist-hover-preview-v16710{display:none!important;}
}

/* v1.67.10 specificity guard against older v1.67.08 mobile active colors. */
html body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702,
html body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702,
html body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active,
html body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active{
  background:rgba(20,29,40,.94)!important;
  background-color:rgba(20,29,40,.94)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702 i,
html body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702 i,
html body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active i,
html body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active i,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702 i,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702 i,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active i,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active i{
  background:#58636e!important;
  background-color:#58636e!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.34)!important;
}
@media(max-width:820px){
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16710 .mobile-transport-docked-v16640,
  html body.user-mode section.player-home.player-layout-v16710 .mobile-transport-docked-v16640{
    left:calc(50% - 36px)!important;
  }
}

/* DialogLab v1.67.11 — Maximum Auto Stop, clean subtitle switches, stable clip transition */

/* Auto Stop must remain a real interactive control after the card is promoted
   to Maximum View. Older fixed layers must not intercept its click/tap. */
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu.player-settings-menu-v16705,
html body.user-mode .pro-player-card.max-view-v16708 #clip-stop-toggle.setting-control-v16705{
  pointer-events:auto!important;
  position:relative!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu.player-settings-menu-v16705{
  z-index:2147483900!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #clip-stop-toggle.setting-control-v16705{
  z-index:2!important;
  touch-action:manipulation!important;
}

/* FA / EN: no outer capsule. The compact inner switch is the only visual state.
   OFF = grey track. ON = cyan left half + grey right half, with the white knob
   moving to the cyan half. */
html body.user-mode section.player-home.player-layout-v16711.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702,
html body.user-mode section.player-home.player-layout-v16711.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702,
html body.user-mode section.player-home.player-layout-v16711.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active,
html body.user-mode section.player-home.player-layout-v16711.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active{
  min-width:0!important;
  padding:6px 7px!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  border-radius:8px!important;
  color:#f7fbff!important;
}
html body.user-mode section.player-home.player-layout-v16711.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702:hover,
html body.user-mode section.player-home.player-layout-v16711.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702:hover{
  background:rgba(255,255,255,.035)!important;
}
html body.user-mode section.player-home.player-layout-v16711.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702 i,
html body.user-mode section.player-home.player-layout-v16711.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702 i{
  width:44px!important;
  min-width:44px!important;
  height:24px!important;
  border-radius:999px!important;
  background:#59636e!important;
  background-color:#59636e!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
html body.user-mode section.player-home.player-layout-v16711.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active i,
html body.user-mode section.player-home.player-layout-v16711.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active i{
  background:linear-gradient(90deg,#20d8d1 0 50%,#59636e 50% 100%)!important;
  background-color:#59636e!important;
  border-color:rgba(67,235,229,.45)!important;
}
html body.user-mode section.player-home.player-layout-v16711.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702 i::after,
html body.user-mode section.player-home.player-layout-v16711.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702 i::after{
  width:18px!important;
  height:18px!important;
  top:2px!important;
  right:3px!important;
  background:#f8fbfc!important;
  box-shadow:0 2px 7px rgba(0,0,0,.42)!important;
  transition:transform .2s cubic-bezier(.2,.8,.2,1)!important;
}
html body.user-mode section.player-home.player-layout-v16711.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active i::after,
html body.user-mode section.player-home.player-layout-v16711.player-layout-v16710.player-layout-v16708 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active i::after{
  transform:translateX(-18px)!important;
}

/* The clip transition may fade and blur, but its rendered dimensions never
   change. This prevents the visible shrink immediately before the next clip. */
html body.user-mode .player-layout-v16711 .video-media-area.clip-motion-switch-v16698 > video,
html body.user-mode .player-layout-v16711 .video-media-area.clip-motion-switch-v16698 > .clip-transition-old-frame-v16698{
  transform-origin:center center!important;
}


/* DialogLab v1.67.12 — smooth subtitle switches, Maximum Auto Stop repair,
   and directional no-scale Motion Blur. */
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702,
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702,
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active,
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  width:auto!important;min-width:76px!important;max-width:none!important;height:46px!important;min-height:46px!important;
  padding:4px 5px!important;margin:0!important;color:#f7fbff!important;background:transparent!important;background-color:transparent!important;
  border:0!important;border-color:transparent!important;border-radius:8px!important;box-shadow:none!important;overflow:visible!important;
  transition:opacity .18s ease,filter .18s ease!important;
}
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702:hover:not(:disabled),
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702:hover:not(:disabled){background:transparent!important;filter:brightness(1.08)!important;}
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702 span,
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702 span{display:inline-block!important;min-width:20px!important;color:#f5fbff!important;font-size:13px!important;font-weight:900!important;line-height:1!important;text-align:center!important;}
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702 i,
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702 i{
  position:relative!important;display:block!important;flex:0 0 48px!important;width:48px!important;min-width:48px!important;max-width:48px!important;
  height:26px!important;min-height:26px!important;max-height:26px!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:999px!important;
  background:linear-gradient(180deg,#56616d,#404a55)!important;background-color:#4a5560!important;border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:inset 0 2px 7px rgba(0,0,0,.38),0 1px 0 rgba(255,255,255,.05)!important;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702 i::before,
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702 i::before{
  content:""!important;position:absolute!important;left:0!important;top:0!important;width:50%!important;height:100%!important;border-radius:999px 2px 2px 999px!important;
  background:linear-gradient(180deg,#35ebe2,#12bfc7)!important;opacity:0!important;transform:scaleX(.35)!important;transform-origin:left center!important;
  transition:opacity .20s ease,transform .25s cubic-bezier(.2,.86,.22,1)!important;pointer-events:none!important;
}
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702 i::after,
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702 i::after{
  content:""!important;position:absolute!important;top:3px!important;right:3px!important;left:auto!important;width:18px!important;height:18px!important;border-radius:50%!important;
  background:linear-gradient(180deg,#fff,#e7f1f3)!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 2px 7px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:translateX(0)!important;transition:transform .26s cubic-bezier(.18,.9,.2,1),box-shadow .22s ease!important;z-index:2!important;pointer-events:none!important;
}
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active i,
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active i{background:linear-gradient(180deg,#56616d,#404a55)!important;border-color:rgba(55,230,226,.45)!important;box-shadow:inset 0 2px 7px rgba(0,0,0,.36),0 0 0 2px rgba(30,218,214,.06)!important;}
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active i::before,
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active i::before{opacity:1!important;transform:scaleX(1)!important;}
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active i::after,
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active i::after{transform:translateX(-22px)!important;box-shadow:0 2px 8px rgba(0,0,0,.46),0 0 9px rgba(54,237,230,.24)!important;}
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702:disabled,
html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702:disabled{opacity:.42!important;filter:saturate(.55)!important;}

/* v1.67.11 accidentally overrode the Maximum popup with position:relative. */
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu.player-settings-menu-v16705{
  position:fixed!important;right:22px!important;left:auto!important;top:auto!important;bottom:146px!important;z-index:2147483900!important;pointer-events:auto!important;isolation:isolate!important;
}
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu.player-settings-menu-v16705.is-open,
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-menu.player-settings-menu-v16705.is-open *{pointer-events:auto!important;}
html body.user-mode .pro-player-card.max-view-v16708 #clip-stop-toggle.setting-control-v16705{position:relative!important;z-index:2147483901!important;cursor:pointer!important;touch-action:manipulation!important;}
html body.user-mode .pro-player-card.max-view-v16708 #clip-stop-toggle.setting-control-v16705:not(.is-active){color:#dce7ee!important;background:rgba(20,30,42,.96)!important;border-color:rgba(255,255,255,.18)!important;}
html body.user-mode .pro-player-card.max-view-v16708 #clip-stop-toggle.setting-control-v16705.is-active{color:#eaffff!important;background:linear-gradient(135deg,rgba(7,106,111,.97),rgba(7,61,77,.97))!important;border-color:rgba(72,237,232,.72)!important;box-shadow:0 0 0 2px rgba(47,224,219,.08),inset 0 1px 0 rgba(255,255,255,.10)!important;}

html body.user-mode .player-layout-v16712 .video-media-area{overflow:hidden!important;}
html body.user-mode .player-layout-v16712 .video-media-area.clip-motion-switch-v16698 > video,
html body.user-mode .player-layout-v16712 .video-media-area.clip-motion-switch-v16698 > .clip-transition-old-frame-v16698{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;transform-origin:center center!important;backface-visibility:hidden!important;}

@media(max-width:820px){
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702,
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702,
  html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702,
  html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702{min-width:78px!important;height:44px!important;gap:7px!important;padding:3px 2px!important;}
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702 i,
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702 i,
  html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702 i,
  html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702 i{flex-basis:46px!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:26px!important;}
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active i::after,
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active i::after,
  html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active i::after,
  html body.user-mode section.player-home.player-layout-v16712 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active i::after{transform:translateX(-20px)!important;}
}

/* DialogLab v1.67.13 — mobile spacing, clean subtitle toggles and fixed mobile Home viewport. */

/* FA / EN: hard reset of all legacy halo/card effects on desktop and mobile.
   Only the compact switch track is visual; ON paints exactly half the inside cyan. */
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702,
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702,
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active,
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active{
  appearance:none!important;-webkit-appearance:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  width:auto!important;min-width:64px!important;max-width:none!important;height:42px!important;min-height:42px!important;
  padding:0!important;margin:0!important;background:none!important;background-color:transparent!important;
  border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;
  color:#f5fbff!important;overflow:visible!important;
}
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702::before,
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702::before,
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702::after,
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702::after{
  content:none!important;display:none!important;box-shadow:none!important;
}
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702 span,
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702 span{
  min-width:18px!important;margin:0!important;color:#f8fcff!important;font-size:13px!important;font-weight:900!important;line-height:1!important;
}
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702 i,
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702 i,
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active i,
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active i{
  position:relative!important;isolation:isolate!important;display:block!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;
  height:24px!important;min-height:24px!important;max-height:24px!important;margin:0!important;padding:0!important;overflow:hidden!important;
  border-radius:999px!important;background:#505a64!important;background-image:none!important;border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.34)!important;filter:none!important;
}
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702 i::before,
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702 i::before{
  content:""!important;display:block!important;position:absolute!important;z-index:1!important;inset:0 auto 0 0!important;width:50%!important;height:100%!important;
  border-radius:999px 0 0 999px!important;background:#19cfd0!important;background-image:linear-gradient(180deg,#31e6e0,#12b9c1)!important;
  opacity:0!important;transform:none!important;transition:opacity .18s ease!important;box-shadow:none!important;pointer-events:none!important;
}
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702 i::after,
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702 i::after{
  content:""!important;display:block!important;position:absolute!important;z-index:2!important;top:3px!important;right:3px!important;left:auto!important;
  width:16px!important;height:16px!important;border-radius:50%!important;background:#f7fbfc!important;background-image:none!important;border:0!important;
  transform:translateX(0)!important;transition:transform .22s cubic-bezier(.2,.82,.2,1)!important;box-shadow:0 1px 4px rgba(0,0,0,.42)!important;pointer-events:none!important;
}
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active i::before,
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active i::before{opacity:1!important;}
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active i::after,
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active i::after{transform:translateX(-19px)!important;box-shadow:0 1px 4px rgba(0,0,0,.42)!important;}
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702:hover:not(:disabled),
html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702:hover:not(:disabled){background:none!important;box-shadow:none!important;filter:none!important;}

@media(max-width:820px){
  /* Separate EN from Favorite; remove the old negative nudge that glued them together. */
  html.is-mobile-layout body.user-mode .player-layout-v16713 .stable-action-row,
  html body.user-mode .player-layout-v16713 .stable-action-row{
    grid-template-columns:64px 64px 58px minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:8px!important;row-gap:0!important;align-items:center!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16713 #favorite-clip,
  html body.user-mode .player-layout-v16713 #favorite-clip{margin-inline-start:0!important;margin-left:0!important;margin-right:0!important;}

  /* Move Previous / Play / Next away from the settings gear while keeping the trio stable. */
  html.is-mobile-layout body.user-mode .player-layout-v16713 .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16713 .mobile-transport-docked-v16640{
    left:calc(50% - 60px)!important;right:auto!important;width:158px!important;min-width:158px!important;max-width:158px!important;
    transform:translate(-50%,-50%)!important;gap:8px!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16713 .mobile-tools-docked-v16632,
  html body.user-mode .player-layout-v16713 .mobile-tools-docked-v16632{right:8px!important;width:90px!important;min-width:90px!important;max-width:90px!important;}

  /* Compact subtitle switches so labels never collide on narrow phones. */
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702,
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702,
  html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702,
  html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702{
    min-width:64px!important;width:64px!important;height:40px!important;gap:4px!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702 i,
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702 i,
  html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702 i,
  html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702 i{
    flex-basis:40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:23px!important;min-height:23px!important;max-height:23px!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702 i::after,
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702 i::after,
  html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702 i::after,
  html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702 i::after{top:3px!important;right:3px!important;width:15px!important;height:15px!important;}
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active i::after,
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active i::after,
  html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-fa.subtitle-switch-v16702.is-active i::after,
  html body.user-mode section.player-home.player-layout-v16713 .stable-action-row #toggle-en.subtitle-switch-v16702.is-active i::after{transform:translateX(-18px)!important;}

  /* Home/خانه is a one-screen mobile surface: no vertical page drift. */
  html body.user-mode:has(.dialog-home-v16704){height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;overscroll-behavior:none!important;}
  html body.user-mode:has(.dialog-home-v16704) .content-shell.home-content-shell-v16704{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;padding:0!important;overflow:hidden!important;}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-v16704{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;padding:6px!important;overflow:hidden!important;overscroll-behavior:none!important;}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-modal-v16704{width:100%!important;height:calc(100dvh - 12px)!important;min-height:0!important;max-height:calc(100dvh - 12px)!important;padding:68px 12px 12px!important;overflow:hidden!important;}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-hero-v16704{margin:2px auto 10px!important;}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-hero-v16704 h1{font-size:clamp(27px,8vw,36px)!important;line-height:1.08!important;}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-hero-v16704 p{font-size:12px!important;line-height:1.48!important;margin:7px 3px 9px!important;}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-search-v16704{height:48px!important;}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-features-v16704{height:min(34dvh,236px)!important;min-height:190px!important;margin-inline:-12px!important;padding:2px 12px 5px!important;overflow-x:auto!important;overflow-y:hidden!important;}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-feature-v16704{flex:0 0 min(78vw,300px)!important;min-height:0!important;height:100%!important;grid-template-rows:44% 56%!important;}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-feature-v16704 img{min-height:0!important;height:100%!important;}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-feature-v16704>div{padding:9px 13px 11px!important;}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-feature-icon-v16704{width:34px!important;height:34px!important;margin-bottom:4px!important;font-size:15px!important;}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-feature-v16704 h2{font-size:15px!important;line-height:1.3!important;}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-feature-v16704 p{font-size:11px!important;line-height:1.45!important;margin-top:4px!important;}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-tagline-v16704{margin:5px 0 0!important;font-size:11px!important;line-height:1.2!important;}
}

/* Transition geometry lock: the live video never translates or scales; only the outgoing frozen frame carries direction. */
html body.user-mode .player-layout-v16713 .video-media-area.clip-motion-switch-v16698 > video{
  width:100%!important;height:100%!important;transform:translate3d(0,0,0)!important;transform-origin:center!important;
}


/* DialogLab v1.67.14 — direct fixes for the real inline mobile layout, clean FA/EN switches, and one-screen Home. */

/* FA / EN use a new class so accumulated v16702 rules cannot leak old capsules/halos back in. */
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714{
  -webkit-appearance:none!important; appearance:none!important;
  display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important;
  width:auto!important; min-width:72px!important; max-width:none!important; height:48px!important; min-height:48px!important; max-height:48px!important;
  margin:0!important; padding:0 3px!important; background:transparent!important; background-image:none!important;
  border:0!important; border-radius:0!important; outline:0!important; box-shadow:none!important; filter:none!important;
  color:#f7fbff!important; overflow:visible!important;
}
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714:hover:not(:disabled),
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714:focus,
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714:focus-visible,
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714.is-active{
  background:transparent!important; background-image:none!important; border:0!important; outline:0!important; box-shadow:none!important; filter:none!important;
}
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714 > span{
  display:inline-block!important; min-width:20px!important; margin:0!important; color:#f8fcff!important; font-size:13px!important; font-weight:900!important; line-height:1!important; text-align:center!important;
}
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714 > i{
  position:relative!important; display:block!important; flex:0 0 48px!important; width:48px!important; min-width:48px!important; max-width:48px!important;
  height:26px!important; min-height:26px!important; max-height:26px!important; margin:0!important; padding:0!important; overflow:hidden!important;
  border-radius:999px!important; background:#515b66!important; background-image:none!important; border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important; filter:none!important; isolation:isolate!important;
  transition:background-color .22s ease,border-color .22s ease!important;
}
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714 > i::before{
  content:""!important; position:absolute!important; z-index:1!important; left:0!important; top:0!important; bottom:0!important; width:50%!important;
  border-radius:999px 0 0 999px!important; background:#19ced2!important; background-image:linear-gradient(180deg,#35e7df,#11bcc5)!important;
  opacity:0!important; transform:translateX(-100%)!important; transform-origin:left center!important; box-shadow:none!important; pointer-events:none!important;
  transition:transform .24s cubic-bezier(.2,.82,.2,1),opacity .16s ease!important;
}
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714 > i::after{
  content:""!important; position:absolute!important; z-index:2!important; top:3px!important; right:3px!important; left:auto!important; width:18px!important; height:18px!important;
  border:0!important; border-radius:50%!important; background:#f6fafb!important; background-image:none!important; box-shadow:none!important; pointer-events:none!important;
  transform:translate3d(0,0,0)!important; transition:transform .25s cubic-bezier(.18,.88,.22,1)!important;
}
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714.is-active > i::before{
  opacity:1!important; transform:translateX(0)!important;
}
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714.is-active > i::after{
  transform:translate3d(-22px,0,0)!important;
}
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714:disabled{opacity:.48!important;}

@media(max-width:820px){
  /* JS owns these inline-important positions; these selectors are matching safety rails. */
  html.is-mobile-layout body.user-mode .player-layout-v16714 .mobile-transport-docked-v16640,
  html body.user-mode .player-layout-v16714 .mobile-transport-docked-v16640{
    left:calc(50% - 30px)!important; right:auto!important; transform:translate(-50%,-50%)!important;
  }
  html.is-mobile-layout body.user-mode .player-layout-v16714 .mobile-tools-docked-v16632,
  html body.user-mode .player-layout-v16714 .mobile-tools-docked-v16632{right:8px!important;}

  html.is-mobile-layout body.user-mode .player-layout-v16714 .stable-action-row,
  html body.user-mode .player-layout-v16714 .stable-action-row{
    grid-template-columns:64px 64px 62px minmax(0,1fr) minmax(0,1fr)!important; column-gap:11px!important; row-gap:0!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714,
  html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714{
    width:64px!important; min-width:64px!important; max-width:64px!important; height:46px!important; min-height:46px!important; max-height:46px!important; gap:4px!important; padding:0!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714 > span,
  html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714 > span{font-size:12px!important; min-width:18px!important;}
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714 > i,
  html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714 > i{
    flex-basis:40px!important; width:40px!important; min-width:40px!important; max-width:40px!important; height:23px!important; min-height:23px!important; max-height:23px!important;
  }
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714 > i::after,
  html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714 > i::after{top:3px!important; right:3px!important; width:15px!important; height:15px!important;}
  html.is-mobile-layout body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714.is-active > i::after,
  html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714.is-active > i::after{transform:translate3d(-18px,0,0)!important;}

  @media(max-width:370px){
    html.is-mobile-layout body.user-mode .player-layout-v16714 .stable-action-row,
    html body.user-mode .player-layout-v16714 .stable-action-row{
      grid-template-columns:60px 60px 58px minmax(0,1fr) minmax(0,1fr)!important; column-gap:8px!important;
    }
  }

  /* Home is a true one-screen mobile surface. Lock html + body explicitly, not only :has(). */
  html.home-screen-lock-v16714,
  html:has(body.home-screen-lock-v16714),
  body.home-screen-lock-v16714,
  html.home-screen-lock-v16714 body.home-screen-lock-v16714,
  body.home-screen-lock-v16714.home-screen-lock-active-v16714{
    width:100%!important; height:100%!important; min-height:100%!important; max-height:100%!important; margin:0!important; padding:0!important;
    overflow:hidden!important; overflow-x:hidden!important; overflow-y:hidden!important; overscroll-behavior:none!important;
  }
  body.home-screen-lock-v16714.home-screen-lock-active-v16714{position:fixed!important; inset:0!important; touch-action:pan-x!important;}
  body.home-screen-lock-v16714.home-screen-lock-active-v16714 .content-shell.home-content-shell-v16704{
    position:fixed!important; inset:0!important; width:100vw!important; height:100dvh!important; min-height:100dvh!important; max-height:100dvh!important; overflow:hidden!important; padding:0!important; margin:0!important;
  }
  body.home-screen-lock-v16714.home-screen-lock-active-v16714 .dialog-home-v16704{
    position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-height:0!important; max-height:none!important; padding:6px!important; overflow:hidden!important;
  }
  body.home-screen-lock-v16714.home-screen-lock-active-v16714 .dialog-home-modal-v16704{
    width:100%!important; height:calc(100dvh - 12px)!important; min-height:0!important; max-height:calc(100dvh - 12px)!important; overflow:hidden!important;
  }
  body.home-screen-lock-v16714.home-screen-lock-active-v16714 .dialog-home-features-v16704{touch-action:pan-x!important; overscroll-behavior-x:contain!important; overscroll-behavior-y:none!important;}
}


/* DialogLab v1.67.15 — remove only the outer FA/EN button box on desktop + mobile.
   Use ID-level selectors because old global #toggle-fa/#toggle-en important rules were still stronger
   than the class-only v1.67.14 overrides. Do not change the inner switch track. */
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-fa.subtitle-switch-v16714,
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-en.subtitle-switch-v16714,
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-fa.subtitle-switch-v16714.is-active,
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-en.subtitle-switch-v16714.is-active,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-fa.subtitle-switch-v16714,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-en.subtitle-switch-v16714,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-fa.subtitle-switch-v16714.is-active,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-en.subtitle-switch-v16714.is-active{
  -webkit-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-fa.subtitle-switch-v16714::before,
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-en.subtitle-switch-v16714::before,
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-fa.subtitle-switch-v16714::after,
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-en.subtitle-switch-v16714::after,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-fa.subtitle-switch-v16714::before,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-en.subtitle-switch-v16714::before,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-fa.subtitle-switch-v16714::after,
html.is-mobile-layout body.user-mode section.player-home.player-layout-v16714 .stable-action-row #toggle-en.subtitle-switch-v16714::after{
  content:none!important;
  display:none!important;
}


/* DialogLab v1.67.16 — visual-only dashboard refresh.
   Scope: clip-card colors, six side plaques removed in HTML, dashboard background atmosphere,
   and the lower player-control surface color. No sizing or positioning changes here. */

/* Dashboard background: reuse the production-safe photographic artwork, but soften it with
   calm blue-gray / teal atmospheric layers so UI remains the focus. */
html body.app-body.dashboard-theme-v16716.user-mode:not(.auth-page){
  background-color:#07131d!important;
  background-image:
    radial-gradient(circle at 78% 12%, rgba(246,224,183,.12) 0, rgba(246,224,183,.035) 18%, transparent 38%),
    radial-gradient(circle at 16% 76%, rgba(37,189,185,.14) 0, rgba(19,112,128,.055) 24%, transparent 48%),
    linear-gradient(125deg, rgba(9,24,37,.72), rgba(10,33,43,.46) 48%, rgba(7,20,31,.74)),
    url("img/dialoglab_dashboard_background_v16688.jpg")!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-position:center,center,center,center center!important;
  background-size:cover,cover,cover,cover!important;
  background-attachment:fixed,fixed,fixed,fixed!important;
}
@supports (background-image:image-set(url("img/dialoglab_dashboard_background_v16688.webp") 1x)){
  html body.app-body.dashboard-theme-v16716.user-mode:not(.auth-page){
    background-image:
      radial-gradient(circle at 78% 12%, rgba(246,224,183,.12) 0, rgba(246,224,183,.035) 18%, transparent 38%),
      radial-gradient(circle at 16% 76%, rgba(37,189,185,.14) 0, rgba(19,112,128,.055) 24%, transparent 48%),
      linear-gradient(125deg, rgba(9,24,37,.72), rgba(10,33,43,.46) 48%, rgba(7,20,31,.74)),
      image-set(
        url("img/dialoglab_dashboard_background_v16688.webp") type("image/webp") 1x,
        url("img/dialoglab_dashboard_background_v16688.jpg") type("image/jpeg") 1x
      )!important;
  }
}

/* A thin frosted atmosphere softens the old detailed fantasy artwork without touching UI layers. */
html body.app-body.dashboard-theme-v16716.user-mode:not(.auth-page)::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  width:auto!important;
  height:auto!important;
  background:linear-gradient(180deg,rgba(4,17,27,.10),rgba(5,22,31,.18))!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:blur(4px) saturate(.82)!important;
  -webkit-backdrop-filter:blur(4px) saturate(.82)!important;
  pointer-events:none!important;
}

/* Subtle site signature belongs to the background layer; it does not participate in layout. */
html body.app-body.dashboard-theme-v16716.user-mode:not(.auth-page)::after{
  content:"DialogLab.ir"!important;
  display:block!important;
  position:fixed!important;
  left:22px!important;
  bottom:18px!important;
  right:auto!important;
  top:auto!important;
  z-index:0!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:rgba(225,240,241,.38)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(18px,1.5vw,28px)!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
  line-height:1!important;
  text-shadow:0 2px 18px rgba(2,12,19,.55)!important;
  pointer-events:none!important;
}
html body.app-body.dashboard-theme-v16716.user-mode:not(.auth-page) > .site-header,
html body.app-body.dashboard-theme-v16716.user-mode:not(.auth-page) > main.content-shell,
html body.app-body.dashboard-theme-v16716.user-mode:not(.auth-page) > .mobile-bottom-nav-v16628{
  position:relative;
  z-index:2;
}

/* Lower area under the video only: exact requested deep slate at ~90% opacity. */
html body.user-mode .player-layout-v16716 .pro-player-card:not(.max-view) .video-bottom-ui.dl-bottom-ui-v16614{
  background:rgba(30,41,59,.90)!important;
  background-color:rgba(30,41,59,.90)!important;
  background-image:none!important;
}

/* Clip result cards: color only. Layout, dimensions, typography and icon placement stay untouched. */
@media (min-width:821px){
  html body.user-mode .player-layout-v16716 .pro-playlist-list .playlist-item{
    background:
      linear-gradient(
        to right,
        hsl(var(--clip-card-hue,174) 48% 50% / .70) 0%,
        hsl(var(--clip-card-hue,174) 52% 36% / .78) 48%,
        hsl(var(--clip-card-hue-dark,181) 58% 20% / .92) 100%
      )!important;
    border-color:hsl(var(--clip-card-hue,174) 54% 61% / .28)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 14px rgba(0,0,0,.12)!important;
    color:#f4fbfc!important;
  }
  html body.user-mode .player-layout-v16716 .pro-playlist-list .playlist-item:hover{
    background:
      linear-gradient(
        to right,
        hsl(var(--clip-card-hue,174) 52% 55% / .76) 0%,
        hsl(var(--clip-card-hue,174) 57% 40% / .84) 48%,
        hsl(var(--clip-card-hue-dark,181) 62% 23% / .96) 100%
      )!important;
  }
  html body.user-mode .player-layout-v16716 .pro-playlist-list .playlist-item.active{
    background:
      linear-gradient(
        to right,
        hsl(var(--clip-card-hue,174) 63% 60% / .86) 0%,
        hsl(var(--clip-card-hue,174) 68% 43% / .91) 46%,
        hsl(var(--clip-card-hue-dark,181) 72% 24% / .98) 100%
      )!important;
    border-color:rgba(67,231,226,.84)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 0 1px rgba(36,218,216,.18),0 7px 18px rgba(0,0,0,.16)!important;
  }
  html body.user-mode .player-layout-v16716 .pro-playlist-list .playlist-item .playlist-text,
  html body.user-mode .player-layout-v16716 .pro-playlist-list .playlist-item .playlist-sub,
  html body.user-mode .player-layout-v16716 .pro-playlist-list .playlist-item .playlist-time-v16705{
    color:#f3fbfc!important;
  }
  html body.user-mode .player-layout-v16716 .pro-playlist-list .playlist-item .playlist-sub{
    opacity:.84!important;
  }
  html body.user-mode .player-layout-v16716 .pro-playlist-list .playlist-item .playlist-num{
    background:rgba(4,28,35,.24)!important;
    border-color:rgba(185,250,246,.32)!important;
    color:#eafffd!important;
  }
}

@media (max-width:820px){
  /* Keep the same softened dashboard background on mobile. No clip list is shown on mobile. */
  html body.app-body.dashboard-theme-v16716.user-mode:not(.auth-page){
    background-attachment:scroll,scroll,scroll,scroll!important;
    background-position:center,center,center,center top!important;
  }
  html body.app-body.dashboard-theme-v16716.user-mode:not(.auth-page)::after{
    left:14px!important;
    bottom:88px!important;
    font-size:16px!important;
    color:rgba(225,240,241,.28)!important;
  }
}


/* DialogLab v1.67.17 — true multi-color clip cards, softer cinematic dashboard background,
   and a strict no-scale clip transition. No element sizing/positioning changes. */

/* Background: the existing fantasy artwork is now only a distant photographic layer.
   It is deliberately blurred/desaturated behind soft mist and volumetric color so the
   result reads as a calm, cinematic backdrop rather than a detailed illustration. */
html body.app-body.dashboard-theme-v16717.user-mode:not(.auth-page){
  position:relative!important;
  background:
    radial-gradient(ellipse at 72% 15%, rgba(225,211,178,.16) 0%, rgba(225,211,178,.045) 24%, transparent 52%),
    radial-gradient(ellipse at 16% 72%, rgba(65,185,183,.16) 0%, rgba(33,107,125,.08) 30%, transparent 58%),
    linear-gradient(145deg,#0b1822 0%,#10252d 44%,#0c1822 100%)!important;
  background-attachment:fixed!important;
}
html body.app-body.dashboard-theme-v16717.user-mode:not(.auth-page)::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:-18px!important;
  z-index:0!important;
  pointer-events:none!important;
  background-image:url("img/dialoglab_dashboard_background_v16688.jpg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  opacity:.48!important;
  filter:blur(10px) saturate(.58) contrast(.88) brightness(.70)!important;
  transform:scale(1.035)!important;
  transform-origin:center!important;
}
html body.app-body.dashboard-theme-v16717.user-mode:not(.auth-page)::after{
  content:"DialogLab.ir"!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
  box-sizing:border-box!important;
  padding:0 20px 18px!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 82% 11%, rgba(255,239,204,.20) 0 1px, transparent 2px),
    radial-gradient(circle at 75% 24%, rgba(216,246,244,.12) 0 1px, transparent 2px),
    radial-gradient(circle at 10% 61%, rgba(201,244,241,.11) 0 1px, transparent 2px),
    radial-gradient(ellipse at 68% 8%, rgba(242,226,193,.15), transparent 32%),
    radial-gradient(ellipse at 22% 78%, rgba(50,183,181,.13), transparent 38%),
    linear-gradient(180deg,rgba(8,21,30,.18),rgba(7,20,29,.34))!important;
  color:rgba(235,242,237,.40)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(18px,1.55vw,28px)!important;
  font-weight:500!important;
  letter-spacing:.045em!important;
  line-height:1!important;
  text-shadow:0 3px 20px rgba(0,0,0,.72)!important;
}
html body.app-body.dashboard-theme-v16717.user-mode:not(.auth-page) > .site-header,
html body.app-body.dashboard-theme-v16717.user-mode:not(.auth-page) > main.content-shell,
html body.app-body.dashboard-theme-v16717.user-mode:not(.auth-page) > .mobile-bottom-nav-v16628{
  position:relative!important;
  z-index:2!important;
}

/* Keep the requested lower control surface. */
html body.user-mode .player-layout-v16717 .pro-player-card:not(.max-view) .video-bottom-ui.dl-bottom-ui-v16614{
  background:rgba(30,41,59,.90)!important;
  background-color:rgba(30,41,59,.90)!important;
  background-image:none!important;
}

/* Clip cards are now genuinely multi-color. Only color changes; geometry stays untouched. */
@media (min-width:821px){
  html body.user-mode .player-layout-v16717 .pro-playlist-list .playlist-item{
    background:linear-gradient(to right,
      var(--clip-card-start,#a5dce7) 0%,
      var(--clip-card-mid,#55a7bb) 52%,
      var(--clip-card-end,#2a5e70) 100%)!important;
    border-color:var(--clip-card-border,#9fd7e3)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 5px 14px rgba(0,0,0,.13)!important;
    color:#fff!important;
  }
  html body.user-mode .player-layout-v16717 .pro-playlist-list .playlist-item:hover{
    background:linear-gradient(to right,
      var(--clip-card-start,#a5dce7) 0%,
      var(--clip-card-mid,#55a7bb) 48%,
      var(--clip-card-end,#2a5e70) 100%)!important;
  }
  html body.user-mode .player-layout-v16717 .pro-playlist-list .playlist-item.active{
    background:linear-gradient(to right,
      var(--clip-card-start,#a5dce7) 0%,
      var(--clip-card-mid,#55a7bb) 50%,
      var(--clip-card-end,#2a5e70) 100%)!important;
    border-color:var(--clip-card-border,#9fd7e3)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(255,255,255,.07),0 7px 18px rgba(0,0,0,.18)!important;
  }
  html body.user-mode .player-layout-v16717 .pro-playlist-list .playlist-item .playlist-text,
  html body.user-mode .player-layout-v16717 .pro-playlist-list .playlist-item .playlist-sub,
  html body.user-mode .player-layout-v16717 .pro-playlist-list .playlist-item .playlist-time-v16705{
    color:#fff!important;
  }
  html body.user-mode .player-layout-v16717 .pro-playlist-list .playlist-item .playlist-sub{opacity:.82!important;}
  html body.user-mode .player-layout-v16717 .pro-playlist-list .playlist-item .playlist-num{
    background:rgba(8,20,28,.22)!important;
    border-color:rgba(255,255,255,.28)!important;
    color:#fff!important;
  }
}

/* Hard geometry lock for clip changes: no scale on the live video or outgoing frame.
   Direction is translate-only on the frozen frame; the live video only fades/defocuses. */
html body.user-mode .player-layout-v16717 .video-media-area.clip-motion-switch-v16698 > #phrase-video{
  transform:translate3d(0,0,0)!important;
  scale:1!important;
  transform-origin:center center!important;
  width:100%!important;
  height:100%!important;
}
html body.user-mode .player-layout-v16717 .video-media-area.clip-motion-switch-v16698 > .clip-transition-old-frame-v16698{
  scale:1!important;
  transform-origin:center center!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
}

@media(max-width:820px){
  html body.app-body.dashboard-theme-v16717.user-mode:not(.auth-page){background-attachment:scroll!important;}
  html body.app-body.dashboard-theme-v16717.user-mode:not(.auth-page)::before{
    background-position:center top!important;
    filter:blur(8px) saturate(.60) contrast(.90) brightness(.70)!important;
  }
  html body.app-body.dashboard-theme-v16717.user-mode:not(.auth-page)::after{
    padding-bottom:96px!important;
    font-size:16px!important;
    color:rgba(235,242,237,.30)!important;
  }
}


/* DialogLab v1.67.18 — desktop header clearance, calmer clip palette, zero-geometry clip transition. */
@media (min-width:821px){
  /* Keep the entire dashboard content physically below the top navigation. */
  html body.app-body.dashboard-theme-v16718.user-mode:not(.auth-page) > main.content-shell{
    padding-top:24px!important;
  }
  html body.app-body.dashboard-theme-v16718.user-mode:not(.auth-page) > .site-header{
    z-index:60!important;
  }

  /* Calm sidebar colors: still varied, but all in one cinematic teal / aqua / blue-green family. */
  html body.user-mode .player-layout-v16718 .pro-playlist-list .playlist-item{
    background:linear-gradient(to right,
      var(--clip-card-start,#86b8bd) 0%,
      var(--clip-card-mid,#57878e) 54%,
      var(--clip-card-end,#2e525b) 100%)!important;
    border-color:color-mix(in srgb,var(--clip-card-border,#8fbfc4) 48%,rgba(255,255,255,.10))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 4px 12px rgba(0,0,0,.12)!important;
  }
  html body.user-mode .player-layout-v16718 .pro-playlist-list .playlist-item:hover{
    filter:brightness(1.035) saturate(1.02)!important;
  }
  html body.user-mode .player-layout-v16718 .pro-playlist-list .playlist-item.active{
    border-color:rgba(72,215,218,.68)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(50,199,204,.14),0 6px 16px rgba(0,0,0,.14)!important;
  }
}

/* During a clip switch, geometry is immutable. Direction comes from clip-path only. */
html body.user-mode .player-layout-v16718 .video-media-area.clip-motion-switch-v16698 > #phrase-video,
html body.user-mode .player-layout-v16718 .video-media-area.clip-motion-switch-v16698 > .clip-transition-old-frame-v16698{
  transform:none!important;
  scale:1!important;
  transform-origin:center center!important;
}


/* DialogLab v1.67.19 — more desktop header clearance + darker restrained clip-list palette.
   Intentionally limited to desktop dashboard/player/sidebar; mobile geometry is untouched. */
@media (min-width:821px){
  /* Move the player AND the clip sidebar visibly farther below the sticky header. */
  html body.app-body.dashboard-theme-v16719.user-mode:not(.auth-page) > main.content-shell{
    padding-top:32px!important;
  }
  html body.user-mode .player-layout-v16719.player-home.player-home-wide.pro-user-shell{
    margin-top:34px!important;
  }

  /* Cards: dark/premium rather than pale or rainbow. Geometry is deliberately untouched. */
  html body.user-mode .player-layout-v16719 .pro-playlist-list .playlist-item{
    background:linear-gradient(to right,
      var(--clip-card-start,#315f67) 0%,
      var(--clip-card-mid,#24464f) 54%,
      var(--clip-card-end,#17333b) 100%)!important;
    border-color:color-mix(in srgb,var(--clip-card-border,#5f9096) 58%,rgba(255,255,255,.08))!important;
    color:#f5fbfc!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 4px 11px rgba(0,0,0,.14)!important;
    filter:none!important;
  }
  html body.user-mode .player-layout-v16719 .pro-playlist-list .playlist-item:hover{
    filter:brightness(1.07)!important;
  }
  html body.user-mode .player-layout-v16719 .pro-playlist-list .playlist-item.active{
    background:linear-gradient(to right,
      color-mix(in srgb,var(--clip-card-start,#315f67) 88%,#54d7d2 12%) 0%,
      var(--clip-card-mid,#24464f) 52%,
      var(--clip-card-end,#17333b) 100%)!important;
    border-color:rgba(69,216,215,.72)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(52,196,199,.11),0 6px 15px rgba(0,0,0,.16)!important;
  }
  html body.user-mode .player-layout-v16719 .pro-playlist-list .playlist-item .playlist-text{
    color:#f8fcfd!important;
  }
  html body.user-mode .player-layout-v16719 .pro-playlist-list .playlist-item .playlist-sub,
  html body.user-mode .player-layout-v16719 .pro-playlist-list .playlist-item .playlist-time-v16705{
    color:rgba(224,241,243,.78)!important;
  }
  html body.user-mode .player-layout-v16719 .pro-playlist-list .playlist-item .playlist-num{
    background:rgba(5,23,30,.28)!important;
    border-color:rgba(205,244,244,.22)!important;
    color:#f4ffff!important;
  }
}


/* DialogLab v1.67.20 — transparent calm user-shell background across Search, Favorites,
   Daily Review and Support pages, with a softer fantasy+nature backdrop and visible brand. */
html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page){
  position:relative!important;
  background:
    radial-gradient(ellipse at 18% 22%, rgba(94,181,156,.16) 0%, rgba(94,181,156,.05) 26%, transparent 56%),
    radial-gradient(ellipse at 82% 16%, rgba(250,216,157,.12) 0%, rgba(250,216,157,.04) 20%, transparent 48%),
    linear-gradient(145deg,#08151f 0%,#0b1e28 48%,#091821 100%)!important;
  background-attachment:fixed!important;
}
html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background-image:url("img/dialoglab_dashboard_background_v16720.jpg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  opacity:.80!important;
  filter:saturate(.92) contrast(.96) brightness(.90)!important;
}
html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::after{
  content:"DialogLab.ir"!important;
  position:fixed!important;
  right:26px!important;
  bottom:18px!important;
  z-index:1!important;
  pointer-events:none!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  border:1px solid rgba(230,247,244,.18)!important;
  background:rgba(8,18,26,.18)!important;
  backdrop-filter:blur(8px)!important;
  color:rgba(238,247,244,.70)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(15px,1.2vw,22px)!important;
  font-weight:600!important;
  letter-spacing:.045em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.18)!important;
}
html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page) > .site-header,
html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page) > main.content-shell,
html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page) > .mobile-bottom-nav-v16628{
  position:relative!important;
  z-index:2!important;
}

/* Search / favorites player shell: make the glass much more transparent so the backdrop stays visible. */
html body.user-mode .shell-backdrop-v16720 .pro-player-card,
html body.app-body.shell-backdrop-v16720.user-mode .pro-player-card,
html body.user-mode .favorites-player-shell .pro-player-card,
html body.user-mode .player-layout-v16719 .pro-player-card{
  background:linear-gradient(145deg,rgba(6,19,28,.20),rgba(9,26,38,.14))!important;
  border:1px solid rgba(225,246,242,.16)!important;
  box-shadow:0 26px 80px rgba(4,12,18,.24)!important;
  backdrop-filter:blur(10px) saturate(1.06)!important;
}
html body.app-body.shell-backdrop-v16720.user-mode .pro-results-panel,
html body.app-body.shell-backdrop-v16720.user-mode .playlist-panel.compact-playlist.pro-results-panel,
html body.app-body.shell-backdrop-v16720.user-mode .favorites-results-panel{
  background:linear-gradient(180deg,rgba(7,20,30,.24),rgba(9,24,34,.18))!important;
  border:1px solid rgba(229,247,244,.16)!important;
  box-shadow:0 24px 72px rgba(4,12,18,.22)!important;
  backdrop-filter:blur(10px) saturate(1.06)!important;
}
html body.app-body.shell-backdrop-v16720.user-mode .pro-video-shell,
html body.app-body.shell-backdrop-v16720.user-mode .player-frame.pro-player-frame,
html body.app-body.shell-backdrop-v16720.user-mode .live-stage-wide .player-frame.pro-player-frame{
  background:rgba(4,12,18,.26)!important;
  border-color:rgba(231,247,244,.14)!important;
  box-shadow:0 18px 55px rgba(2,8,12,.28)!important;
}
html body.app-body.shell-backdrop-v16720.user-mode .video-bottom-ui.dl-bottom-ui-v16614,
html body.app-body.shell-backdrop-v16720.user-mode .content-compliance-note-v16625,
html body.app-body.shell-backdrop-v16720.user-mode .content-compliance-note-v16626,
html body.app-body.shell-backdrop-v16720.user-mode .content-compliance-note-v16628{
  background:rgba(6,18,27,.22)!important;
  border:1px solid rgba(231,247,244,.14)!important;
  backdrop-filter:blur(10px) saturate(1.04)!important;
}
html body.app-body.shell-backdrop-v16720.user-mode .top-movie-pill,
html body.app-body.shell-backdrop-v16720.user-mode .pro-counter-pill,
html body.app-body.shell-backdrop-v16720.user-mode .player-settings-toggle-v16705,
html body.app-body.shell-backdrop-v16720.user-mode .setting-control-v16705,
html body.app-body.shell-backdrop-v16720.user-mode .clip-speed-menu-v16705,
html body.app-body.shell-backdrop-v16720.user-mode .maximize-player-btn,
html body.app-body.shell-backdrop-v16720.user-mode .clip-jump-input,
html body.app-body.shell-backdrop-v16720.user-mode .caption-copy-btn,
html body.app-body.shell-backdrop-v16720.user-mode .smart-caption-wrap,
html body.app-body.shell-backdrop-v16720.user-mode .subtitle-switch-v16714,
html body.app-body.shell-backdrop-v16720.user-mode .icon-control.action-icon-control,
html body.app-body.shell-backdrop-v16720.user-mode .genre-filter-wrap,
html body.app-body.shell-backdrop-v16720.user-mode .player-message{
  background:rgba(7,18,28,.24)!important;
  border-color:rgba(231,247,244,.16)!important;
  backdrop-filter:blur(10px) saturate(1.04)!important;
}
html body.app-body.shell-backdrop-v16720.user-mode .dl-search-row-v16614,
html body.app-body.shell-backdrop-v16720.user-mode .search-input-stack input,
html body.app-body.shell-backdrop-v16720.user-mode .genre-filter,
html body.app-body.shell-backdrop-v16720.user-mode .phrase-search-submit{
  background:rgba(244,251,249,.10)!important;
  border-color:rgba(232,247,244,.18)!important;
  color:#f7ffff!important;
  backdrop-filter:blur(10px) saturate(1.05)!important;
}
html body.app-body.shell-backdrop-v16720.user-mode .search-input-stack input::placeholder{
  color:rgba(235,248,247,.68)!important;
}

/* Calmer clip-list palette with a soft teal/forest tint. */
html body.user-mode .player-layout-v16719 .pro-playlist-list .playlist-item,
html body.user-mode .favorites-player-shell .pro-playlist-list .playlist-item{
  background:linear-gradient(135deg,rgba(196,233,227,.18),rgba(101,153,146,.15))!important;
  border:1px solid rgba(205,241,235,.20)!important;
  color:#f7fdfc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 12px rgba(0,0,0,.12)!important;
}
html body.user-mode .player-layout-v16719 .pro-playlist-list .playlist-item:hover,
html body.user-mode .favorites-player-shell .pro-playlist-list .playlist-item:hover{
  background:linear-gradient(135deg,rgba(205,240,234,.22),rgba(111,164,156,.19))!important;
}
html body.user-mode .player-layout-v16719 .pro-playlist-list .playlist-item.active,
html body.user-mode .favorites-player-shell .pro-playlist-list .playlist-item.active{
  background:linear-gradient(135deg,rgba(68,198,197,.34),rgba(108,166,126,.22))!important;
  border-color:rgba(116,238,220,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(73,210,201,.10),0 6px 15px rgba(0,0,0,.15)!important;
}
html body.user-mode .player-layout-v16719 .pro-playlist-list .playlist-item .playlist-sub,
html body.user-mode .player-layout-v16719 .pro-playlist-list .playlist-item .playlist-time-v16705,
html body.user-mode .favorites-player-shell .pro-playlist-list .playlist-item .playlist-sub,
html body.user-mode .favorites-player-shell .pro-playlist-list .playlist-item .playlist-time-v16705{
  color:rgba(232,247,245,.82)!important;
}
html body.user-mode .player-layout-v16719 .pro-playlist-list .playlist-item .playlist-num,
html body.user-mode .favorites-player-shell .pro-playlist-list .playlist-item .playlist-num{
  background:rgba(6,20,28,.24)!important;
  border-color:rgba(213,244,238,.20)!important;
  color:#f7ffff!important;
}

/* Review / support pages: same transparent calm glass language. */
html body.app-body.shell-backdrop-v16720.user-mode .admin-hero-pro,
html body.app-body.shell-backdrop-v16720.user-mode .glass-card,
html body.app-body.shell-backdrop-v16720.user-mode .tickets-v150-hero,
html body.app-body.shell-backdrop-v16720.user-mode .tickets-v150-row,
html body.app-body.shell-backdrop-v16720.user-mode .tickets-v150-empty,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-v150-hero,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-v150-info,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-v150-form-card,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-detail-hero,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-thread-v150,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-message-v150,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-file-inline-v150,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-v150-tips div{
  background:rgba(6,18,27,.24)!important;
  border:1px solid rgba(230,247,244,.16)!important;
  color:#eef8f8!important;
  box-shadow:0 20px 60px rgba(2,8,12,.18)!important;
  backdrop-filter:blur(10px) saturate(1.05)!important;
}
html body.app-body.shell-backdrop-v16720.user-mode .ticket-v150-field input,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-v150-field select,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-v150-field textarea,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-reply-v150 textarea,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-reply-v150 select{
  background:rgba(244,251,249,.10)!important;
  border-color:rgba(230,247,244,.18)!important;
  color:#f7ffff!important;
}
html body.app-body.shell-backdrop-v16720.user-mode .ticket-v150-field input::placeholder,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-v150-field textarea::placeholder,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-reply-v150 textarea::placeholder{
  color:rgba(231,247,244,.62)!important;
}
html body.app-body.shell-backdrop-v16720.user-mode .section-kicker,
html body.app-body.shell-backdrop-v16720.user-mode .tickets-v150-kicker,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-v150-kicker,
html body.app-body.shell-backdrop-v16720.user-mode .support-badge{
  color:#9ff1e7!important;
}
html body.app-body.shell-backdrop-v16720.user-mode .muted,
html body.app-body.shell-backdrop-v16720.user-mode .tickets-v150-subject span,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-detail-hero p,
html body.app-body.shell-backdrop-v16720.user-mode .ticket-v150-info p{
  color:rgba(230,247,244,.76)!important;
}

@media (min-width:821px){
  html body.app-body.shell-backdrop-v16720.user-mode > main.content-shell{
    padding-top:32px!important;
  }
  html body.app-body.shell-backdrop-v16720.user-mode .player-home.player-home-wide.pro-user-shell{
    margin-top:34px!important;
  }
}
@media (max-width:820px){
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page){
    background-attachment:scroll!important;
  }
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::before{
    background-image:url("img/dialoglab_dashboard_background_v16720_ultrawide.jpg")!important;
    background-position:center top!important;
    opacity:.84!important;
  }
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::after{
    right:14px!important;
    bottom:88px!important;
    font-size:14px!important;
    padding:8px 12px!important;
  }
  html body.app-body.shell-backdrop-v16720.user-mode .pro-player-card,
  html body.app-body.shell-backdrop-v16720.user-mode .pro-results-panel,
  html body.app-body.shell-backdrop-v16720.user-mode .playlist-panel.compact-playlist.pro-results-panel,
  html body.app-body.shell-backdrop-v16720.user-mode .glass-card,
  html body.app-body.shell-backdrop-v16720.user-mode .tickets-v150-hero,
  html body.app-body.shell-backdrop-v16720.user-mode .tickets-v150-row,
  html body.app-body.shell-backdrop-v16720.user-mode .ticket-v150-hero,
  html body.app-body.shell-backdrop-v16720.user-mode .ticket-v150-info,
  html body.app-body.shell-backdrop-v16720.user-mode .ticket-v150-form-card,
  html body.app-body.shell-backdrop-v16720.user-mode .ticket-detail-hero,
  html body.app-body.shell-backdrop-v16720.user-mode .ticket-thread-v150{
    background:rgba(6,18,27,.28)!important;
    backdrop-filter:blur(9px) saturate(1.03)!important;
  }
}


/* DialogLab v1.67.21 — replace site backgrounds with a new clean fantasy-nature scene, no text. */
html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::before{
  background-image:url("img/dialoglab_dashboard_background_v16721.jpg")!important;
  opacity:.88!important;
  filter:saturate(.96) contrast(.98) brightness(.92)!important;
}
html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::after{
  content:none!important;
  display:none!important;
}
@media (max-width:820px){
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::before{
    background-image:url("img/dialoglab_dashboard_background_v16721_ultrawide.jpg")!important;
    opacity:.90!important;
    background-position:center top!important;
  }
}


/* DialogLab v1.67.22 — upgraded graphic/cinematic background set */
html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::before{
  background-image:url("img/dialoglab_dashboard_background_v16722.jpg")!important;
  opacity:.94!important;
  filter:saturate(1.04) contrast(1.03) brightness(.94)!important;
}
@media (max-width:820px){
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::before{
    background-image:url("img/dialoglab_dashboard_background_v16722_ultrawide.jpg")!important;
    background-position:center top!important;
  }
}


/* DialogLab v1.67.24 — MOBILE-ONLY visual harmony + low-GPU stability.
   Desktop rules are intentionally untouched. */
@media (max-width:820px){
  /* Use a dedicated small portrait asset on phones. Avoid a filtered 2560px fixed texture. */
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::before{
    background-image:url("img/dialoglab_dashboard_background_v16724_mobile.jpg")!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    opacity:.96!important;
    filter:none!important;
    transform:none!important;
  }

  /* Large glass layers: same geometry, cheaper and calmer dark-blue surface. */
  html body.app-body.shell-backdrop-v16720.user-mode .pro-player-card:not(.max-view),
  html body.app-body.shell-backdrop-v16720.user-mode .video-bottom-ui.dl-bottom-ui-v16614,
  html body.app-body.shell-backdrop-v16720.user-mode .content-compliance-note-v16625,
  html body.app-body.shell-backdrop-v16720.user-mode .content-compliance-note-v16626,
  html body.app-body.shell-backdrop-v16720.user-mode .content-compliance-note-v16628{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html body.app-body.shell-backdrop-v16720.user-mode .video-bottom-ui.dl-bottom-ui-v16614{
    background:linear-gradient(180deg,rgba(6,22,34,.90),rgba(5,17,28,.94))!important;
    border-color:rgba(79,188,205,.19)!important;
  }

  /* FA / EN: keep the requested no-outer-box layout, only harmonize the inner switch. */
  html.is-mobile-layout body.user-mode section.player-home .stable-action-row #toggle-fa.subtitle-switch-v16714,
  html.is-mobile-layout body.user-mode section.player-home .stable-action-row #toggle-en.subtitle-switch-v16714,
  html body.user-mode section.player-home .stable-action-row #toggle-fa.subtitle-switch-v16714,
  html body.user-mode section.player-home .stable-action-row #toggle-en.subtitle-switch-v16714{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    color:#f2fbfd!important;
  }
  html.is-mobile-layout body.user-mode section.player-home .stable-action-row #toggle-fa.subtitle-switch-v16714 > i,
  html.is-mobile-layout body.user-mode section.player-home .stable-action-row #toggle-en.subtitle-switch-v16714 > i,
  html body.user-mode section.player-home .stable-action-row #toggle-fa.subtitle-switch-v16714 > i,
  html body.user-mode section.player-home .stable-action-row #toggle-en.subtitle-switch-v16714 > i{
    background:#173746!important;
    border-color:rgba(118,203,216,.28)!important;
    box-shadow:inset 0 1px 4px rgba(0,0,0,.42)!important;
  }
  html.is-mobile-layout body.user-mode section.player-home .stable-action-row #toggle-fa.subtitle-switch-v16714 > i::before,
  html.is-mobile-layout body.user-mode section.player-home .stable-action-row #toggle-en.subtitle-switch-v16714 > i::before,
  html body.user-mode section.player-home .stable-action-row #toggle-fa.subtitle-switch-v16714 > i::before,
  html body.user-mode section.player-home .stable-action-row #toggle-en.subtitle-switch-v16714 > i::before{
    background:linear-gradient(180deg,#43d7d2,#209db2)!important;
  }
  html.is-mobile-layout body.user-mode section.player-home .stable-action-row #toggle-fa.subtitle-switch-v16714 > i::after,
  html.is-mobile-layout body.user-mode section.player-home .stable-action-row #toggle-en.subtitle-switch-v16714 > i::after,
  html body.user-mode section.player-home .stable-action-row #toggle-fa.subtitle-switch-v16714 > i::after,
  html body.user-mode section.player-home .stable-action-row #toggle-en.subtitle-switch-v16714 > i::after{
    background:#eef8fa!important;
    box-shadow:0 1px 4px rgba(0,0,0,.34)!important;
  }

  /* Seek/gauge: dark ocean-blue instead of black, with restrained cyan progress. */
  html.is-mobile-layout body.user-mode .video-bottom-ui > .video-seek-row-v16652,
  html body.user-mode .video-bottom-ui > .video-seek-row-v16652{
    background:linear-gradient(180deg,rgba(11,37,51,.94),rgba(7,25,38,.94))!important;
    border-top:1px solid rgba(75,181,201,.22)!important;
    border-bottom:1px solid rgba(47,119,145,.18)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html.is-mobile-layout body.user-mode .video-seek-slider-v16652::-webkit-slider-runnable-track,
  html body.user-mode .video-seek-slider-v16652::-webkit-slider-runnable-track{
    background:linear-gradient(90deg,#28b9c7 0%,#4ccfd2 var(--seek-progress),#1b4052 var(--seek-progress),#1b4052 100%)!important;
    border-color:rgba(105,203,216,.22)!important;
    box-shadow:inset 0 1px 3px rgba(0,0,0,.40)!important;
  }
  html.is-mobile-layout body.user-mode .video-seek-slider-v16652::-webkit-slider-thumb,
  html body.user-mode .video-seek-slider-v16652::-webkit-slider-thumb{
    background:#39c4cd!important;
    border-color:#d8f6f7!important;
    box-shadow:0 0 0 3px rgba(57,196,205,.14),0 0 10px rgba(57,196,205,.30)!important;
  }
  html.is-mobile-layout body.user-mode .video-seek-slider-v16652::-moz-range-track,
  html body.user-mode .video-seek-slider-v16652::-moz-range-track{background:#1b4052!important;}
  html.is-mobile-layout body.user-mode .video-seek-slider-v16652::-moz-range-progress,
  html body.user-mode .video-seek-slider-v16652::-moz-range-progress{background:linear-gradient(90deg,#28b9c7,#4ccfd2)!important;}
  html.is-mobile-layout body.user-mode .video-seek-slider-v16652::-moz-range-thumb,
  html body.user-mode .video-seek-slider-v16652::-moz-range-thumb{background:#39c4cd!important;border-color:#d8f6f7!important;box-shadow:none!important;}

  /* Previous / Play / Next: same positions/sizes, only a wallpaper-matched palette. */
  html.is-mobile-layout body.user-mode .mobile-transport-docked-v16640 #prev-clip,
  html.is-mobile-layout body.user-mode .mobile-transport-docked-v16640 #next-clip,
  html body.user-mode .mobile-transport-docked-v16640 #prev-clip,
  html body.user-mode .mobile-transport-docked-v16640 #next-clip{
    background:linear-gradient(180deg,#16394a,#102b3a)!important;
    border-color:rgba(75,170,190,.42)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 5px 14px rgba(0,0,0,.16)!important;
    color:#f4fbfc!important;
  }
  html.is-mobile-layout body.user-mode .mobile-transport-docked-v16640 #big-play-button,
  html body.user-mode .mobile-transport-docked-v16640 #big-play-button{
    background:linear-gradient(145deg,#31bac3,#19889f)!important;
    border-color:rgba(112,221,224,.52)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 6px 18px rgba(0,0,0,.18)!important;
  }

  /* Mobile English subtitle: text only, no glass/capsule behind it. Persian is untouched. */
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en,
  html body.user-mode #caption-wrap.smart-caption-en,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en #caption-bar,
  html body.user-mode #caption-wrap.smart-caption-en #caption-bar,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en .smart-caption-text,
  html body.user-mode #caption-wrap.smart-caption-en .smart-caption-text{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en::before,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en::after,
  html body.user-mode #caption-wrap.smart-caption-en::before,
  html body.user-mode #caption-wrap.smart-caption-en::after,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en #caption-bar::before,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en #caption-bar::after,
  html body.user-mode #caption-wrap.smart-caption-en #caption-bar::before,
  html body.user-mode #caption-wrap.smart-caption-en #caption-bar::after{
    content:none!important;
    display:none!important;
  }
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en #copy-en-caption,
  html body.user-mode #caption-wrap.smart-caption-en #copy-en-caption{display:none!important;}
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en #caption-bar,
  html body.user-mode #caption-wrap.smart-caption-en #caption-bar{
    color:#fff!important;
    text-shadow:0 2px 4px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.72)!important;
  }

  /* Mobile login crash hardening: no full-screen GPU blur while the modal is open. */
  html body .auth-modal-v16649{
    background:rgba(2,9,17,.91)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html body .auth-popup-card-v16649{
    background:linear-gradient(180deg,rgba(10,29,41,.98),rgba(7,20,31,.98))!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:0 18px 48px rgba(0,0,0,.40)!important;
    contain:layout paint!important;
  }
  html body.auth-popup-open-v16626.shell-backdrop-v16720::before{
    opacity:.70!important;
    filter:none!important;
  }
  html body.auth-popup-open-v16626 .player-home,
  html body.auth-popup-open-v16626 .pro-player-card,
  html body.auth-popup-open-v16626 .video-bottom-ui,
  html body.auth-popup-open-v16626 .content-compliance-note-v16625,
  html body.auth-popup-open-v16626 .content-compliance-note-v16626,
  html body.auth-popup-open-v16626 .content-compliance-note-v16628{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:none!important;
  }
  html body.auth-popup-open-v16626 .player-home *{
    animation-play-state:paused!important;
  }
}


/* DialogLab v1.67.25 — targeted polish only: all-resolution branded backgrounds,
   mobile EN caption box removal, red Favorite state, desktop top-nav halo fix. */
html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::before{
  background-image:url("img/dialoglab_dashboard_background_v16725.jpg")!important;
}
@media (min-width:1800px) and (min-aspect-ratio:2/1){
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::before{
    background-image:url("img/dialoglab_dashboard_background_v16725_ultrawide.jpg")!important;
    background-position:center center!important;
  }
}
@media (max-width:820px){
  html body.app-body.shell-backdrop-v16720.user-mode:not(.auth-page)::before{
    background-image:url("img/dialoglab_dashboard_background_v16725_mobile.jpg")!important;
    background-position:center top!important;
  }

  /* English subtitle on phones: shrink the wrapper to the actual text only.
     No invisible wide capsule remains over the video; drag position is preserved. */
  html body.user-mode #caption-wrap.smart-caption-en,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en{
    width:max-content!important;
    max-width:calc(100% - 30px)!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    gap:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    outline:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
  }
  html body.user-mode #caption-wrap.smart-caption-en #caption-bar,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en #caption-bar,
  html body.user-mode #caption-wrap.smart-caption-en .smart-caption-text,
  html.is-mobile-layout body.user-mode #caption-wrap.smart-caption-en .smart-caption-text{
    display:inline-block!important;
    width:auto!important;
    max-width:calc(100vw - 48px)!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
  }
}

/* Favorite: active state is red everywhere, never turquoise/blue. Geometry is unchanged. */
html body.user-mode #favorite-clip.is-favorite{
  background:rgba(255,57,86,.12)!important;
  border-color:rgba(255,76,101,.48)!important;
  box-shadow:none!important;
  color:#ff3d5e!important;
}
html body.user-mode #favorite-clip.is-favorite .heart-icon{
  color:#ff3658!important;
  -webkit-text-fill-color:#ff3658!important;
  text-shadow:0 0 10px rgba(255,54,88,.34)!important;
  filter:none!important;
}

/* Desktop only: remove the transient glow/halo behind Home/Search/Favorites/Review/Support.
   Position, size, border, colors and hover behavior stay intact. */
@media (min-width:821px){
  html body.user-mode .site-header .top-nav > a,
  html body.user-mode .site-header .top-nav > a:hover,
  html body.user-mode .site-header .top-nav > a:focus,
  html body.user-mode .site-header .top-nav > a:active,
  html body.user-mode .site-header .top-nav > a.active{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    will-change:auto!important;
  }
  html body.user-mode .site-header .top-nav > a.active::before,
  html body.user-mode .site-header .top-nav > a.active::after,
  html body.user-mode .site-header .top-nav > a.library-nav-link.active::before,
  html body.user-mode .site-header .top-nav > a.library-nav-link.active::after{
    box-shadow:none!important;
  }
}


/* DialogLab v1.67.26 — targeted caption-copy + favorite state corrections.
   Mobile caption geometry only; no player/layout/desktop positioning changes. */
@media (max-width:820px){
  /* EN caption: absolutely no caption capsule/background. The wrapper shrinks to
     the visible text + copy button, so no invisible wide overlay blocks the video. */
  html.is-mobile-layout body.user-mode .player-home #caption-wrap.smart-caption-en,
  html body.user-mode .player-home #caption-wrap.smart-caption-en{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    max-width:calc(100% - 22px)!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    gap:7px!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
  }
  html.is-mobile-layout body.user-mode .player-home #caption-wrap.smart-caption-en #caption-bar,
  html.is-mobile-layout body.user-mode .player-home #caption-wrap.smart-caption-en .smart-caption-text,
  html body.user-mode .player-home #caption-wrap.smart-caption-en #caption-bar,
  html body.user-mode .player-home #caption-wrap.smart-caption-en .smart-caption-text{
    flex:0 1 auto!important;
    display:inline!important;
    width:auto!important;
    max-width:calc(100vw - 78px)!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
    white-space:normal!important;
    color:#fff!important;
    text-shadow:0 2px 4px rgba(0,0,0,.96),0 0 10px rgba(0,0,0,.70)!important;
  }
  html.is-mobile-layout body.user-mode .player-home #caption-wrap.smart-caption-en::before,
  html.is-mobile-layout body.user-mode .player-home #caption-wrap.smart-caption-en::after,
  html.is-mobile-layout body.user-mode .player-home #caption-wrap.smart-caption-en #caption-bar::before,
  html.is-mobile-layout body.user-mode .player-home #caption-wrap.smart-caption-en #caption-bar::after,
  html body.user-mode .player-home #caption-wrap.smart-caption-en::before,
  html body.user-mode .player-home #caption-wrap.smart-caption-en::after,
  html body.user-mode .player-home #caption-wrap.smart-caption-en #caption-bar::before,
  html body.user-mode .player-home #caption-wrap.smart-caption-en #caption-bar::after{
    content:none!important;
    display:none!important;
  }

  /* Restore the English copy control. Keep it beside the sentence, never over it. */
  html.is-mobile-layout body.user-mode .player-home #caption-wrap.smart-caption-en #copy-en-caption,
  html body.user-mode .player-home #caption-wrap.smart-caption-en #copy-en-caption{
    display:inline-grid!important;
    place-items:center!important;
    position:static!important;
    inset:auto!important;
    order:2!important;
    flex:0 0 26px!important;
    width:26px!important;
    min-width:26px!important;
    max-width:26px!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    z-index:2!important;
    pointer-events:auto!important;
  }

  /* FA copy control: retain the existing Persian caption appearance and position,
     but take the copy button out of absolute positioning so it cannot cover text. */
  html.is-mobile-layout body.user-mode .player-home #fa-caption-wrap.smart-caption-fa,
  html body.user-mode .player-home #fa-caption-wrap.smart-caption-fa{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  html.is-mobile-layout body.user-mode .player-home #fa-caption-wrap.smart-caption-fa #fa-caption,
  html body.user-mode .player-home #fa-caption-wrap.smart-caption-fa #fa-caption{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100% - 33px)!important;
    margin:0!important;
  }
  html.is-mobile-layout body.user-mode .player-home #fa-caption-wrap.smart-caption-fa #copy-fa-caption,
  html body.user-mode .player-home #fa-caption-wrap.smart-caption-fa #copy-fa-caption{
    display:inline-grid!important;
    place-items:center!important;
    position:static!important;
    inset:auto!important;
    order:2!important;
    flex:0 0 26px!important;
    width:26px!important;
    min-width:26px!important;
    max-width:26px!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    z-index:2!important;
    pointer-events:auto!important;
  }
}

/* Favorite selected state: the button itself stays visually identical to its
   normal state. Only the heart turns red. Applies to desktop + mobile. */
html body.user-mode #favorite-clip.heart-control.is-favorite,
html body.user-mode #favorite-clip.heart-control.is-favorite:hover,
html body.user-mode #favorite-clip.heart-control[aria-pressed="true"],
html body.user-mode #favorite-clip.heart-control[data-state="on"]{
  background:rgba(7,18,28,.24)!important;
  background-image:none!important;
  border:1px solid rgba(231,247,244,.16)!important;
  box-shadow:none!important;
  color:#fff!important;
  outline:0!important;
}
html body.user-mode #favorite-clip.heart-control.is-favorite .control-label,
html body.user-mode #favorite-clip.heart-control[aria-pressed="true"] .control-label,
html body.user-mode #favorite-clip.heart-control[data-state="on"] .control-label{
  color:#fff!important;
}
html body.user-mode #favorite-clip.heart-control.is-favorite .heart-icon,
html body.user-mode #favorite-clip.heart-control[aria-pressed="true"] .heart-icon,
html body.user-mode #favorite-clip.heart-control[data-state="on"] .heart-icon{
  color:#ff3658!important;
  -webkit-text-fill-color:#ff3658!important;
  text-shadow:0 0 10px rgba(255,54,88,.34)!important;
  transform:none!important;
  filter:none!important;
}


/* DialogLab v1.67.27 — phone landscape usability + truly boxless EN caption.
   Desktop rules are intentionally untouched. */
@media (max-width:820px){
  html body.user-mode .player-home #caption-wrap.mobile-en-plain-v16727,
  html.is-mobile-layout body.user-mode .player-home #caption-wrap.mobile-en-plain-v16727{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    padding:0!important;
    margin:0!important;
    width:max-content!important;
    max-width:calc(100% - 18px)!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
  }
  html body.user-mode .player-home #caption-wrap.mobile-en-plain-v16727 #caption-bar,
  html.is-mobile-layout body.user-mode .player-home #caption-wrap.mobile-en-plain-v16727 #caption-bar{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    padding:0!important;
    margin:0!important;
    min-height:0!important;
    height:auto!important;
  }
}

/* CSS width is large in phone landscape, so use the JS-set class instead of max-width. */
html.phone-landscape-v16727,
html.phone-landscape-v16727 body{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
}
html.phone-landscape-v16727 body.user-mode > main.content-shell{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:4px 8px 16px!important;
  overflow:visible!important;
}
html.phone-landscape-v16727 body.user-mode .player-home.player-home-wide.pro-user-shell{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html.phone-landscape-v16727 body.user-mode .player-home > aside.pro-results-panel,
html.phone-landscape-v16727 body.user-mode .player-home > aside.playlist-panel{
  display:none!important;
}
html.phone-landscape-v16727 body.user-mode .player-home .live-stage,
html.phone-landscape-v16727 body.user-mode .player-home .player-content-stack-v16628{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
html.phone-landscape-v16727 body.user-mode .player-home .pro-player-card:not(.max-view){
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:4px!important;
  border-radius:16px!important;
  overflow:visible!important;
}
html.phone-landscape-v16727 body.user-mode .player-home .pro-player-card:not(.max-view) .player-frame,
html.phone-landscape-v16727 body.user-mode .player-home .pro-player-card:not(.max-view) .pro-player-frame{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  overflow:visible!important;
}
html.phone-landscape-v16727 body.user-mode .player-home .pro-video-shell{
  display:grid!important;
  grid-template-rows:38px auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  overflow:visible!important;
}
html.phone-landscape-v16727 body.user-mode .player-home .pro-video-topbar{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-height:38px!important;
  height:38px!important;
  margin:0!important;
  padding:4px 8px!important;
}
html.phone-landscape-v16727 body.user-mode .player-home .video-media-area{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:min(58svh,390px)!important;
  min-height:220px!important;
  max-height:62svh!important;
  aspect-ratio:auto!important;
  margin:0!important;
  overflow:hidden!important;
}
html.phone-landscape-v16727 body.user-mode .player-home #phrase-video{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:contain!important;
  background:#02070b!important;
}
html.phone-landscape-v16727 body.user-mode .player-home .video-bottom-ui.mobile-bottom-ui-external-v16632,
html.phone-landscape-v16727 body.user-mode .player-home .video-bottom-ui{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  grid-template-rows:auto auto auto auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:6px 0 0!important;
  padding:6px 8px 8px!important;
  gap:5px!important;
  border-radius:14px!important;
  overflow:visible!important;
}
html.phone-landscape-v16727 body.user-mode .player-home .video-seek-row-v16652{
  order:1!important;
  width:100%!important;
  height:30px!important;
  min-height:30px!important;
  padding:2px 8px!important;
  margin:0!important;
}
html.phone-landscape-v16727 body.user-mode .player-home .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:52px!important;
  min-height:52px!important;
  padding:0 8px!important;
  margin:0!important;
  overflow:visible!important;
}
html.phone-landscape-v16727 body.user-mode .player-home #phrase-search-form{
  order:3!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
html.phone-landscape-v16727 body.user-mode .player-home .stable-action-row{
  order:4!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
html.phone-landscape-v16727 body.user-mode .content-compliance-note-v16625,
html.phone-landscape-v16727 body.user-mode .content-compliance-note-v16626,
html.phone-landscape-v16727 body.user-mode .content-compliance-note-v16628{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  margin:6px 0 0!important;
}
html.phone-landscape-v16727 body.user-mode .mobile-bottom-nav-v16628{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:calc(100% - 16px)!important;
  max-width:none!important;
  margin:8px auto 6px!important;
  z-index:20!important;
}
html.phone-landscape-v16727 body.user-mode #caption-wrap.mobile-en-plain-v16727{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* DialogLab v1.67.28 — mobile-only English caption drag + no-scroll landscape theater.
   Portrait and desktop geometry are intentionally untouched. */
@media (max-width:820px){
  html.is-mobile-layout body.user-mode .player-home #caption-wrap.mobile-en-plain-v16727,
  html body.user-mode .player-home #caption-wrap.mobile-en-plain-v16727{
    touch-action:none!important;
    cursor:grab!important;
    pointer-events:auto!important;
  }
  html.is-mobile-layout body.user-mode .player-home #caption-wrap.mobile-en-plain-v16727.caption-dragging,
  html body.user-mode .player-home #caption-wrap.mobile-en-plain-v16727.caption-dragging{
    cursor:grabbing!important;
  }
  html.is-mobile-layout body.user-mode .player-home #caption-wrap.mobile-en-plain-v16727 #caption-bar,
  html body.user-mode .player-home #caption-wrap.mobile-en-plain-v16727 #caption-bar{
    pointer-events:auto!important;
    touch-action:none!important;
  }
}

/* Phone landscape: one-screen theater layout. The player stays entirely inside
   the viewport, video is on the left, controls live in a compact right column,
   and the mobile bottom navigation is hidden only while the phone is horizontal. */
html.phone-landscape-v16728,
html.phone-landscape-v16728 body{
  width:100%!important;
  height:100svh!important;
  min-height:100svh!important;
  max-height:100svh!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
html.phone-landscape-v16728 body.user-mode > .site-header{
  display:none!important;
}
html.phone-landscape-v16728 body.user-mode > main.content-shell{
  width:100%!important;
  height:100svh!important;
  min-height:0!important;
  max-height:100svh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html.phone-landscape-v16728 body.user-mode .player-home.player-home-wide.pro-user-shell,
html.phone-landscape-v16728 body.user-mode .player-home .live-stage,
html.phone-landscape-v16728 body.user-mode .player-home .player-content-stack-v16628{
  width:100%!important;
  height:100svh!important;
  min-height:0!important;
  max-height:100svh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html.phone-landscape-v16728 body.user-mode .player-home > aside.pro-results-panel,
html.phone-landscape-v16728 body.user-mode .player-home > aside.playlist-panel,
html.phone-landscape-v16728 body.user-mode .content-compliance-note-v16625,
html.phone-landscape-v16728 body.user-mode .content-compliance-note-v16626,
html.phone-landscape-v16728 body.user-mode .content-compliance-note-v16628,
html.phone-landscape-v16728 body.user-mode .player-message-shell-v16683,
html.phone-landscape-v16728 body.user-mode .mobile-bottom-nav-v16628{
  display:none!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .pro-player-card:not(.max-view),
html.phone-landscape-v16728 body.user-mode .player-home .player-frame,
html.phone-landscape-v16728 body.user-mode .player-home .pro-player-frame{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  overflow:hidden!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .pro-player-card:not(.max-view){
  padding:2px!important;
  border-radius:12px!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .pro-video-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(245px,31vw,360px)!important;
  grid-template-rows:34px minmax(0,1fr)!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .pro-video-topbar{
  grid-column:1 / -1!important;
  grid-row:1!important;
  position:relative!important;
  inset:auto!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:3px 8px!important;
  border-radius:10px 10px 0 0!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .top-movie-pill,
html.phone-landscape-v16728 body.user-mode .player-home .pro-counter-pill{
  height:28px!important;
  min-height:28px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .video-media-area{
  grid-column:1!important;
  grid-row:2!important;
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  overflow:hidden!important;
  background:#02070b!important;
}
html.phone-landscape-v16728 body.user-mode .player-home #phrase-video{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  object-fit:contain!important;
  background:#02070b!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .video-bottom-ui.landscape-control-deck-v16728{
  grid-column:2!important;
  grid-row:2!important;
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:7px 8px!important;
  gap:6px!important;
  overflow:hidden!important;
  border-radius:0 0 10px 0!important;
  background:rgba(10,27,40,.96)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .desktop-video-controls-row-v16653,
html.phone-landscape-v16728 body.user-mode .player-home .desktop-video-controls-row-v16655{
  display:none!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .video-seek-row-v16652{
  order:1!important;
  flex:0 0 30px!important;
  width:100%!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:2px 4px!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  gap:4px!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .video-time-label-v16652{
  font-size:9px!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .mobile-controls-row-v16643{
  order:2!important;
  flex:0 0 58px!important;
  position:relative!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html.phone-landscape-v16728 body.user-mode .player-home #phrase-search-form{
  order:3!important;
  flex:0 0 48px!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 62px!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
}
html.phone-landscape-v16728 body.user-mode .player-home #phrase-search-form .phrase-search-submit,
html.phone-landscape-v16728 body.user-mode .player-home #phrase-search-form input,
html.phone-landscape-v16728 body.user-mode .player-home #phrase-search-form .genre-filter{
  height:42px!important;
  min-height:42px!important;
  border-radius:11px!important;
}
html.phone-landscape-v16728 body.user-mode .player-home #phrase-search-form .genre-filter-wrap{
  width:62px!important;
  min-width:62px!important;
  margin:0!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .stable-action-row{
  order:4!important;
  flex:0 0 58px!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  gap:4px!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .stable-action-row > button{
  min-width:0!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  padding:3px!important;
  margin:0!important;
  border-radius:13px!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .stable-action-row .control-label{
  display:none!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .stable-action-row .control-icon{
  font-size:22px!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .subtitle-switch-v16714{
  gap:4px!important;
  justify-content:center!important;
}
html.phone-landscape-v16728 body.user-mode .player-home .subtitle-switch-v16714 > span{
  font-size:12px!important;
}
html.phone-landscape-v16728 body.user-mode .player-home #caption-wrap.mobile-en-plain-v16727{
  touch-action:none!important;
  pointer-events:auto!important;
  max-width:calc(100% - 18px)!important;
  z-index:15!important;
}
html.phone-landscape-v16728 body.user-mode .player-home #caption-wrap.mobile-en-plain-v16727 #caption-bar{
  max-width:calc(100% - 34px)!important;
  font-size:clamp(14px,2vw,20px)!important;
  line-height:1.24!important;
}
html.phone-landscape-v16728 body.user-mode .player-home #fa-caption-wrap.smart-caption-fa{
  max-width:calc(100% - 18px)!important;
  z-index:15!important;
}


/* DialogLab v1.67.29 — final phone-landscape viewport fit.
   Hide the ACTUAL v16630 mobile tabbar and product title, and size the theater
   to Chrome's visual viewport so browser chrome does not force overflow. */
html.phone-landscape-v16729,
html.phone-landscape-v16729 body{
  width:100%!important;
  height:var(--dl-phone-landscape-vh,100dvh)!important;
  min-height:var(--dl-phone-landscape-vh,100dvh)!important;
  max-height:var(--dl-phone-landscape-vh,100dvh)!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
html.phone-landscape-v16729 body.user-mode > .site-product-title-v16625,
html.phone-landscape-v16729 body.user-mode > .site-header,
html.phone-landscape-v16729 body.user-mode > .mobile-app-tabbar-v16630,
html.phone-landscape-v16729 body.user-mode > .mobile-app-tabbar,
html.phone-landscape-v16729 body.user-mode > .site-trust-footer,
html.phone-landscape-v16729 body.user-mode .content-compliance-note-v16625,
html.phone-landscape-v16729 body.user-mode .content-compliance-note-v16626,
html.phone-landscape-v16729 body.user-mode .content-compliance-note-v16628,
html.phone-landscape-v16729 body.user-mode .player-message-shell-v16683,
html.phone-landscape-v16729 body.user-mode .player-home > aside.pro-results-panel,
html.phone-landscape-v16729 body.user-mode .player-home > aside.playlist-panel{
  display:none!important;
}
html.phone-landscape-v16729 body.user-mode > main.content-shell,
html.phone-landscape-v16729 body.user-mode .player-home.player-home-wide.pro-user-shell,
html.phone-landscape-v16729 body.user-mode .player-home .live-stage,
html.phone-landscape-v16729 body.user-mode .player-home .player-content-stack-v16628,
html.phone-landscape-v16729 body.user-mode .player-home .pro-player-card:not(.max-view),
html.phone-landscape-v16729 body.user-mode .player-home .player-frame,
html.phone-landscape-v16729 body.user-mode .player-home .pro-player-frame{
  height:var(--dl-phone-landscape-vh,100dvh)!important;
  min-height:0!important;
  max-height:var(--dl-phone-landscape-vh,100dvh)!important;
  margin:0!important;
  overflow:hidden!important;
}
html.phone-landscape-v16729 body.user-mode > main.content-shell{
  width:100%!important;
  padding:0!important;
}
html.phone-landscape-v16729 body.user-mode .player-home.player-home-wide.pro-user-shell,
html.phone-landscape-v16729 body.user-mode .player-home .live-stage,
html.phone-landscape-v16729 body.user-mode .player-home .player-content-stack-v16628{
  width:100%!important;
  padding:0!important;
}
html.phone-landscape-v16729 body.user-mode .player-home .pro-player-card:not(.max-view){
  width:100%!important;
  padding:2px!important;
  border-radius:10px!important;
}
html.phone-landscape-v16729 body.user-mode .player-home .pro-video-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(205px,26vw,250px)!important;
  grid-template-rows:30px minmax(0,1fr)!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
html.phone-landscape-v16729 body.user-mode .player-home .pro-video-topbar{
  grid-column:1 / -1!important;
  grid-row:1!important;
  height:30px!important;
  min-height:30px!important;
  padding:2px 7px!important;
  margin:0!important;
}
html.phone-landscape-v16729 body.user-mode .player-home .top-movie-pill,
html.phone-landscape-v16729 body.user-mode .player-home .pro-counter-pill{
  height:25px!important;
  min-height:25px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  font-size:12px!important;
}
html.phone-landscape-v16729 body.user-mode .player-home .video-media-area{
  grid-column:1!important;
  grid-row:2!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
html.phone-landscape-v16729 body.user-mode .player-home #phrase-video{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  object-fit:contain!important;
}
html.phone-landscape-v16729 body.user-mode .player-home .video-bottom-ui.landscape-control-deck-v16728{
  grid-column:2!important;
  grid-row:2!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:5px 6px!important;
  gap:4px!important;
  overflow:hidden!important;
}
html.phone-landscape-v16729 body.user-mode .player-home .video-seek-row-v16652{
  flex:0 0 25px!important;
  height:25px!important;
  min-height:25px!important;
  padding:0 3px!important;
  margin:0!important;
}
html.phone-landscape-v16729 body.user-mode .player-home .mobile-controls-row-v16643{
  flex:0 0 52px!important;
  height:52px!important;
  min-height:52px!important;
}
html.phone-landscape-v16729 body.user-mode .player-home .mobile-transport-docked-v16640,
html.phone-landscape-v16729 body.user-mode .player-home .center-transport{
  width:132px!important;
  min-width:132px!important;
  max-width:132px!important;
}
html.phone-landscape-v16729 body.user-mode .player-home .video-side-tools{
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
}
html.phone-landscape-v16729 body.user-mode .player-home #phrase-search-form{
  flex:0 0 42px!important;
  height:42px!important;
  min-height:42px!important;
  grid-template-columns:38px minmax(0,1fr) 56px!important;
  gap:4px!important;
}
html.phone-landscape-v16729 body.user-mode .player-home #phrase-search-form .phrase-search-submit,
html.phone-landscape-v16729 body.user-mode .player-home #phrase-search-form input,
html.phone-landscape-v16729 body.user-mode .player-home #phrase-search-form .genre-filter{
  height:38px!important;
  min-height:38px!important;
  border-radius:10px!important;
}
html.phone-landscape-v16729 body.user-mode .player-home #phrase-search-form .genre-filter-wrap{
  width:56px!important;
  min-width:56px!important;
}
html.phone-landscape-v16729 body.user-mode .player-home .stable-action-row{
  flex:0 0 48px!important;
  height:48px!important;
  min-height:48px!important;
  gap:3px!important;
}
html.phone-landscape-v16729 body.user-mode .player-home .stable-action-row > button{
  height:44px!important;
  min-height:44px!important;
  border-radius:11px!important;
}
html.phone-landscape-v16729 body.user-mode .player-home #caption-wrap.mobile-en-plain-v16727,
html.phone-landscape-v16729 body.user-mode .player-home #fa-caption-wrap.smart-caption-fa{
  max-width:calc(100% - 14px)!important;
}
html.phone-landscape-v16729 body.user-mode .player-home #caption-wrap.mobile-en-plain-v16727 #caption-bar{
  max-width:calc(100% - 32px)!important;
  font-size:clamp(13px,1.7vw,18px)!important;
  line-height:1.18!important;
}


/* DialogLab v1.67.30 — mobile landscape: video first, full-width seek directly below it,
   then centered transport/settings. No page scroll and no bottom navigation overlay. */
html.phone-landscape-v16730,
html.phone-landscape-v16730 body{
  width:100%!important;
  height:var(--dl-phone-landscape-vh,100dvh)!important;
  min-height:var(--dl-phone-landscape-vh,100dvh)!important;
  max-height:var(--dl-phone-landscape-vh,100dvh)!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
html.phone-landscape-v16730 body.user-mode .mobile-app-tabbar-v16630,
html.phone-landscape-v16730 body.user-mode .mobile-app-tabbar,
html.phone-landscape-v16730 body.user-mode .mobile-bottom-nav-v16628,
html.phone-landscape-v16730 body.user-mode > .site-product-title-v16625,
html.phone-landscape-v16730 body.user-mode > .site-header,
html.phone-landscape-v16730 body.user-mode > .site-trust-footer,
html.phone-landscape-v16730 body.user-mode .content-compliance-note-v16625,
html.phone-landscape-v16730 body.user-mode .content-compliance-note-v16626,
html.phone-landscape-v16730 body.user-mode .content-compliance-note-v16628,
html.phone-landscape-v16730 body.user-mode .player-message-shell-v16683,
html.phone-landscape-v16730 body.user-mode .player-home > aside.pro-results-panel,
html.phone-landscape-v16730 body.user-mode .player-home > aside.playlist-panel{
  display:none!important;
}
html.phone-landscape-v16730 body.user-mode > main.content-shell,
html.phone-landscape-v16730 body.user-mode .player-home.player-home-wide.pro-user-shell,
html.phone-landscape-v16730 body.user-mode .player-home .live-stage,
html.phone-landscape-v16730 body.user-mode .player-home .player-content-stack-v16628,
html.phone-landscape-v16730 body.user-mode .player-home .pro-player-card:not(.max-view),
html.phone-landscape-v16730 body.user-mode .player-home .player-frame,
html.phone-landscape-v16730 body.user-mode .player-home .pro-player-frame{
  width:100%!important;
  height:var(--dl-phone-landscape-vh,100dvh)!important;
  min-height:0!important;
  max-height:var(--dl-phone-landscape-vh,100dvh)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html.phone-landscape-v16730 body.user-mode > main.content-shell,
html.phone-landscape-v16730 body.user-mode .player-home.player-home-wide.pro-user-shell,
html.phone-landscape-v16730 body.user-mode .player-home .live-stage,
html.phone-landscape-v16730 body.user-mode .player-home .player-content-stack-v16628{
  max-width:none!important;
}
html.phone-landscape-v16730 body.user-mode .player-home .pro-player-card:not(.max-view){
  border-radius:0!important;
  border:0!important;
}
html.phone-landscape-v16730 body.user-mode .player-home .pro-video-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:34px minmax(0,1fr) 112px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html.phone-landscape-v16730 body.user-mode .player-home .pro-video-topbar{
  grid-column:1!important;
  grid-row:1!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:3px 12px!important;
}
html.phone-landscape-v16730 body.user-mode .player-home .video-media-area{
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#02070b!important;
}
html.phone-landscape-v16730 body.user-mode .player-home #phrase-video{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  object-fit:contain!important;
}
html.phone-landscape-v16730 body.user-mode .player-home .video-bottom-ui.landscape-control-deck-v16730{
  grid-column:1!important;
  grid-row:3!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:52px 60px!important;
  width:100%!important;
  height:112px!important;
  min-height:112px!important;
  max-height:112px!important;
  margin:0!important;
  padding:0 16px 6px!important;
  gap:0!important;
  overflow:hidden!important;
  background:rgba(5,18,28,.94)!important;
  border:0!important;
  border-radius:0!important;
}
html.phone-landscape-v16730 body.user-mode .player-home .video-seek-row-v16652{
  grid-row:1!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:5px 4px 0!important;
  display:flex!important;
  align-items:center!important;
}
html.phone-landscape-v16730 body.user-mode .player-home .video-seek-row-v16652 input[type="range"],
html.phone-landscape-v16730 body.user-mode .player-home #video-seek{
  width:100%!important;
  min-width:0!important;
  height:12px!important;
}
html.phone-landscape-v16730 body.user-mode .player-home .video-seek-row-v16652 input[type="range"]::-webkit-slider-thumb,
html.phone-landscape-v16730 body.user-mode .player-home #video-seek::-webkit-slider-thumb{
  width:26px!important;
  height:26px!important;
}
html.phone-landscape-v16730 body.user-mode .player-home .mobile-controls-row-v16643{
  grid-row:2!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  direction:ltr!important;
  width:100%!important;
  height:60px!important;
  min-height:60px!important;
  margin:0!important;
  padding:0!important;
  gap:14px!important;
}
html.phone-landscape-v16730 body.user-mode .player-home .mobile-transport-docked-v16640,
html.phone-landscape-v16730 body.user-mode .player-home .center-transport{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:196px!important;
  min-width:196px!important;
  max-width:196px!important;
  margin:0!important;
}
html.phone-landscape-v16730 body.user-mode .player-home .mobile-transport-docked-v16640 button,
html.phone-landscape-v16730 body.user-mode .player-home .center-transport button{
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  min-height:52px!important;
}
html.phone-landscape-v16730 body.user-mode .player-home .video-side-tools{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  margin:0!important;
}
html.phone-landscape-v16730 body.user-mode .player-home #phrase-search-form,
html.phone-landscape-v16730 body.user-mode .player-home .stable-action-row{
  display:none!important;
}


/* DialogLab v1.67.31 — phone landscape: seek only under video; command controls left; FA/EN right. */
html.phone-landscape-v16730 body.user-mode .player-home .pro-video-shell{grid-template-rows:30px minmax(0,1fr) 96px!important;}
html.phone-landscape-v16730 body.user-mode .player-home .pro-video-topbar{height:30px!important;min-height:30px!important;padding:2px 10px!important;}
html.phone-landscape-v16730 body.user-mode .player-home .video-bottom-ui.landscape-control-deck-v16730{grid-template-columns:minmax(0,1fr) 152px!important;grid-template-rows:46px 50px!important;height:96px!important;min-height:96px!important;max-height:96px!important;padding:0 12px 4px!important;column-gap:8px!important;row-gap:0!important;overflow:hidden!important;}
html.phone-landscape-v16730 body.user-mode .player-home .video-seek-row-v16652{grid-column:1 / -1!important;grid-row:1!important;width:100%!important;height:46px!important;min-height:46px!important;padding:4px 2px 0!important;margin:0!important;}
html.phone-landscape-v16730 body.user-mode .player-home .video-seek-row-v16652 input[type="range"],html.phone-landscape-v16730 body.user-mode .player-home #video-seek-slider{width:100%!important;height:12px!important;flex:1 1 auto!important;}
html.phone-landscape-v16730 body.user-mode .player-home .video-seek-row-v16652 input[type="range"]::-webkit-slider-thumb,html.phone-landscape-v16730 body.user-mode .player-home #video-seek-slider::-webkit-slider-thumb{width:26px!important;height:26px!important;}
html.phone-landscape-v16730 body.user-mode .player-home .mobile-controls-row-v16643{grid-column:1!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;direction:ltr!important;width:100%!important;height:50px!important;min-height:50px!important;padding:0 0 0 8px!important;margin:0!important;gap:8px!important;overflow:visible!important;}
html.phone-landscape-v16730 body.user-mode .player-home .mobile-transport-docked-v16640,html.phone-landscape-v16730 body.user-mode .player-home .center-transport{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:150px!important;min-width:150px!important;max-width:150px!important;height:46px!important;margin:0!important;gap:4px!important;}
html.phone-landscape-v16730 body.user-mode .player-home .mobile-transport-docked-v16640 button,html.phone-landscape-v16730 body.user-mode .player-home .center-transport button{width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;margin:0!important;border-radius:13px!important;}
html.phone-landscape-v16730 body.user-mode .player-home .video-side-tools{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:98px!important;min-width:98px!important;max-width:98px!important;height:46px!important;gap:6px!important;margin:0!important;}
html.phone-landscape-v16730 body.user-mode .player-home #player-settings-toggle,html.phone-landscape-v16730 body.user-mode .player-home #clip-jump-input{width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;margin:0!important;border-radius:13px!important;}
html.phone-landscape-v16730 body.user-mode .player-home #maximize-player{display:none!important;}
html.phone-landscape-v16730 body.user-mode .player-home .stable-action-row{grid-column:2!important;grid-row:2!important;position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:152px!important;height:50px!important;min-height:50px!important;padding:0!important;margin:0!important;gap:4px!important;overflow:visible!important;}
html.phone-landscape-v16730 body.user-mode .player-home .stable-action-row #favorite-clip,html.phone-landscape-v16730 body.user-mode .player-home .stable-action-row #share-clip,html.phone-landscape-v16730 body.user-mode .player-home .stable-action-row #report-clip{display:none!important;}
html.phone-landscape-v16730 body.user-mode .player-home .stable-action-row #toggle-fa.subtitle-switch-v16714,html.phone-landscape-v16730 body.user-mode .player-home .stable-action-row #toggle-en.subtitle-switch-v16714{display:flex!important;flex:0 0 72px!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 4px!important;gap:4px!important;align-items:center!important;justify-content:center!important;overflow:visible!important;}
html.phone-landscape-v16730 body.user-mode .player-home .stable-action-row #toggle-fa > span,html.phone-landscape-v16730 body.user-mode .player-home .stable-action-row #toggle-en > span{display:inline-block!important;font-size:12px!important;line-height:1!important;}
html.phone-landscape-v16730 body.user-mode .player-home #phrase-search-form{display:none!important;}
@media (max-height:430px) and (orientation:landscape){html.phone-landscape-v16730 body.user-mode .player-home .pro-video-shell{grid-template-rows:28px minmax(0,1fr) 90px!important;}html.phone-landscape-v16730 body.user-mode .player-home .pro-video-topbar{height:28px!important;min-height:28px!important;}html.phone-landscape-v16730 body.user-mode .player-home .video-bottom-ui.landscape-control-deck-v16730{grid-template-rows:42px 48px!important;height:90px!important;min-height:90px!important;max-height:90px!important;}html.phone-landscape-v16730 body.user-mode .player-home .video-seek-row-v16652{height:42px!important;min-height:42px!important;}}


/* DialogLab v1.67.32 — phone landscape: large LEFT video + seek below, controls RIGHT. */
html.phone-landscape-v16732,
html.phone-landscape-v16732 body{
  width:100%!important;
  height:var(--dl-phone-landscape-vh,100dvh)!important;
  min-height:var(--dl-phone-landscape-vh,100dvh)!important;
  max-height:var(--dl-phone-landscape-vh,100dvh)!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
html.phone-landscape-v16732 body.user-mode .mobile-app-tabbar-v16630,
html.phone-landscape-v16732 body.user-mode .mobile-app-tabbar,
html.phone-landscape-v16732 body.user-mode .mobile-bottom-nav-v16628,
html.phone-landscape-v16732 body.user-mode > .site-product-title-v16625,
html.phone-landscape-v16732 body.user-mode > .site-header,
html.phone-landscape-v16732 body.user-mode > .site-trust-footer,
html.phone-landscape-v16732 body.user-mode .content-compliance-note-v16625,
html.phone-landscape-v16732 body.user-mode .content-compliance-note-v16626,
html.phone-landscape-v16732 body.user-mode .content-compliance-note-v16628,
html.phone-landscape-v16732 body.user-mode .player-message-shell-v16683,
html.phone-landscape-v16732 body.user-mode .player-home > aside.pro-results-panel,
html.phone-landscape-v16732 body.user-mode .player-home > aside.playlist-panel{
  display:none!important;
}
html.phone-landscape-v16732 body.user-mode > main.content-shell,
html.phone-landscape-v16732 body.user-mode .player-home.player-home-wide.pro-user-shell,
html.phone-landscape-v16732 body.user-mode .player-home .live-stage,
html.phone-landscape-v16732 body.user-mode .player-home .player-content-stack-v16628,
html.phone-landscape-v16732 body.user-mode .player-home .pro-player-card:not(.max-view),
html.phone-landscape-v16732 body.user-mode .player-home .player-frame,
html.phone-landscape-v16732 body.user-mode .player-home .pro-player-frame{
  width:100%!important;
  height:var(--dl-phone-landscape-vh,100dvh)!important;
  min-height:0!important;
  max-height:var(--dl-phone-landscape-vh,100dvh)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html.phone-landscape-v16732 body.user-mode > main.content-shell,
html.phone-landscape-v16732 body.user-mode .player-home.player-home-wide.pro-user-shell,
html.phone-landscape-v16732 body.user-mode .player-home .live-stage,
html.phone-landscape-v16732 body.user-mode .player-home .player-content-stack-v16628{max-width:none!important;}
html.phone-landscape-v16732 body.user-mode > main.content-shell,
html.phone-landscape-v16732 body.user-mode .player-home.player-home-wide.pro-user-shell,
html.phone-landscape-v16732 body.user-mode .player-home .live-stage,
html.phone-landscape-v16732 body.user-mode .player-home .player-content-stack-v16628{display:block!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;}
html.phone-landscape-v16732 body.user-mode .player-home .pro-video-shell{direction:ltr!important;}
html.phone-landscape-v16732 body.user-mode .player-home .pro-player-card:not(.max-view){border:0!important;border-radius:0!important;}
html.phone-landscape-v16732 body.user-mode .player-home .pro-video-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(210px,22vw,280px)!important;
  grid-template-rows:34px minmax(0,1fr) 64px!important;
  width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;
}
html.phone-landscape-v16732 body.user-mode .player-home .pro-video-topbar{grid-column:1 / -1!important;grid-row:1!important;height:34px!important;min-height:34px!important;margin:0!important;padding:3px 12px!important;}
html.phone-landscape-v16732 body.user-mode .player-home .video-media-area{grid-column:1!important;grid-row:2!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;overflow:hidden!important;background:#02070b!important;}
html.phone-landscape-v16732 body.user-mode .player-home #phrase-video{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;object-fit:contain!important;margin:0!important;}
html.phone-landscape-v16732 body.user-mode .player-home .video-bottom-ui.landscape-control-deck-v16732{display:contents!important;}
html.phone-landscape-v16732 body.user-mode .player-home .video-seek-row-v16652{
  grid-column:1!important;grid-row:3!important;display:flex!important;align-items:center!important;width:100%!important;height:64px!important;min-height:64px!important;margin:0!important;padding:7px 16px 5px!important;background:rgba(5,18,28,.94)!important;overflow:visible!important;
}
html.phone-landscape-v16732 body.user-mode .player-home #video-seek-slider{width:100%!important;min-width:0!important;height:14px!important;flex:1 1 auto!important;}
html.phone-landscape-v16732 body.user-mode .player-home #video-seek-slider::-webkit-slider-thumb{width:28px!important;height:28px!important;}
html.phone-landscape-v16732 body.user-mode .player-home .mobile-controls-row-v16643{
  grid-column:2!important;grid-row:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;direction:ltr!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:12px 10px!important;gap:14px!important;background:rgba(5,18,28,.90)!important;border-left:1px solid rgba(70,213,222,.18)!important;overflow:hidden!important;
}
html.phone-landscape-v16732 body.user-mode .player-home .mobile-transport-docked-v16640,
html.phone-landscape-v16732 body.user-mode .player-home .center-transport{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:190px!important;min-width:190px!important;max-width:190px!important;height:58px!important;margin:0!important;gap:7px!important;}
html.phone-landscape-v16732 body.user-mode .player-home .mobile-transport-docked-v16640 button,
html.phone-landscape-v16732 body.user-mode .player-home .center-transport button{width:54px!important;min-width:54px!important;height:54px!important;min-height:54px!important;margin:0!important;border-radius:14px!important;}
html.phone-landscape-v16732 body.user-mode .player-home .video-side-tools{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:120px!important;min-width:120px!important;max-width:120px!important;height:52px!important;margin:0!important;gap:8px!important;}
html.phone-landscape-v16732 body.user-mode .player-home #player-settings-toggle,
html.phone-landscape-v16732 body.user-mode .player-home #clip-jump-input{width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;margin:0!important;border-radius:13px!important;}
html.phone-landscape-v16732 body.user-mode .player-home #maximize-player{display:none!important;}
html.phone-landscape-v16732 body.user-mode .player-home #phrase-search-form{display:none!important;}
html.phone-landscape-v16732 body.user-mode .player-home .stable-action-row{
  grid-column:2!important;grid-row:3!important;position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:64px!important;min-height:64px!important;margin:0!important;padding:6px 8px!important;gap:8px!important;background:rgba(5,18,28,.94)!important;border-left:1px solid rgba(70,213,222,.18)!important;overflow:hidden!important;
}
html.phone-landscape-v16732 body.user-mode .player-home .stable-action-row #favorite-clip,
html.phone-landscape-v16732 body.user-mode .player-home .stable-action-row #share-clip,
html.phone-landscape-v16732 body.user-mode .player-home .stable-action-row #report-clip{display:none!important;}
html.phone-landscape-v16732 body.user-mode .player-home .stable-action-row #toggle-fa.subtitle-switch-v16714,
html.phone-landscape-v16732 body.user-mode .player-home .stable-action-row #toggle-en.subtitle-switch-v16714{display:flex!important;flex:0 0 82px!important;width:82px!important;min-width:82px!important;max-width:82px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 5px!important;gap:5px!important;align-items:center!important;justify-content:center!important;overflow:visible!important;}
@media (max-height:390px) and (orientation:landscape){
  html.phone-landscape-v16732 body.user-mode .player-home .pro-video-shell{grid-template-columns:minmax(0,1fr) 205px!important;grid-template-rows:30px minmax(0,1fr) 56px!important;}
  html.phone-landscape-v16732 body.user-mode .player-home .pro-video-topbar{height:30px!important;min-height:30px!important;padding:2px 10px!important;}
  html.phone-landscape-v16732 body.user-mode .player-home .video-seek-row-v16652{height:56px!important;min-height:56px!important;padding:5px 12px 3px!important;}
  html.phone-landscape-v16732 body.user-mode .player-home .mobile-controls-row-v16643{padding:8px 6px!important;gap:8px!important;}
  html.phone-landscape-v16732 body.user-mode .player-home .mobile-transport-docked-v16640,
  html.phone-landscape-v16732 body.user-mode .player-home .center-transport{width:174px!important;min-width:174px!important;max-width:174px!important;height:52px!important;gap:5px!important;}
  html.phone-landscape-v16732 body.user-mode .player-home .mobile-transport-docked-v16640 button,
  html.phone-landscape-v16732 body.user-mode .player-home .center-transport button{width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;}
  html.phone-landscape-v16732 body.user-mode .player-home .video-side-tools{height:46px!important;}
  html.phone-landscape-v16732 body.user-mode .player-home #player-settings-toggle,
  html.phone-landscape-v16732 body.user-mode .player-home #clip-jump-input{width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;}
  html.phone-landscape-v16732 body.user-mode .player-home .stable-action-row{height:56px!important;min-height:56px!important;padding:4px 6px!important;}
  html.phone-landscape-v16732 body.user-mode .player-home .stable-action-row #toggle-fa.subtitle-switch-v16714,
  html.phone-landscape-v16732 body.user-mode .player-home .stable-action-row #toggle-en.subtitle-switch-v16714{flex-basis:76px!important;width:76px!important;min-width:76px!important;max-width:76px!important;height:40px!important;min-height:40px!important;}
}


/* v1.67.32 geometry hardening: neutralize legacy absolute seek/action sizing in landscape. */
html.phone-landscape-v16732 body.user-mode .player-home .video-bottom-ui.landscape-control-deck-v16732 > .video-seek-row-v16652{
  position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
}
html.phone-landscape-v16732 body.user-mode .player-home .video-bottom-ui.landscape-control-deck-v16732 > .stable-action-row{
  position:relative!important;inset:auto!important;transform:none!important;display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
}


/* DialogLab v1.67.33 — FINAL phone landscape geometry. Later + more specific than legacy rules. */
html.phone-landscape-v16733,
html.phone-landscape-v16733 body{width:100%!important;height:var(--dl-phone-landscape-vh,100dvh)!important;min-height:var(--dl-phone-landscape-vh,100dvh)!important;max-height:var(--dl-phone-landscape-vh,100dvh)!important;overflow:hidden!important;overscroll-behavior:none!important;}
html.phone-landscape-v16733 body.user-mode .mobile-app-tabbar-v16630,
html.phone-landscape-v16733 body.user-mode .mobile-app-tabbar,
html.phone-landscape-v16733 body.user-mode .mobile-bottom-nav-v16628,
html.phone-landscape-v16733 body.user-mode > .site-product-title-v16625,
html.phone-landscape-v16733 body.user-mode > .site-header,
html.phone-landscape-v16733 body.user-mode > .site-trust-footer,
html.phone-landscape-v16733 body.user-mode .content-compliance-note-v16625,
html.phone-landscape-v16733 body.user-mode .content-compliance-note-v16626,
html.phone-landscape-v16733 body.user-mode .content-compliance-note-v16628,
html.phone-landscape-v16733 body.user-mode .player-message-shell-v16683,
html.phone-landscape-v16733 body.user-mode .player-home > aside.pro-results-panel,
html.phone-landscape-v16733 body.user-mode .player-home > aside.playlist-panel{display:none!important;}
html.phone-landscape-v16733 body.user-mode > main.content-shell,
html.phone-landscape-v16733 body.user-mode .player-home.player-home-wide.pro-user-shell,
html.phone-landscape-v16733 body.user-mode .player-home .live-stage,
html.phone-landscape-v16733 body.user-mode .player-home .player-content-stack-v16628,
html.phone-landscape-v16733 body.user-mode .player-home .pro-player-card:not(.max-view),
html.phone-landscape-v16733 body.user-mode .player-home .player-frame,
html.phone-landscape-v16733 body.user-mode .player-home .pro-player-frame{width:100%!important;height:var(--dl-phone-landscape-vh,100dvh)!important;min-height:0!important;max-height:var(--dl-phone-landscape-vh,100dvh)!important;margin:0!important;padding:0!important;overflow:hidden!important;max-width:none!important;}
html.phone-landscape-v16733 body.user-mode .player-home .pro-player-card:not(.max-view){border:0!important;border-radius:0!important;}
html.phone-landscape-v16733 body.user-mode .player-home .pro-video-shell{display:grid!important;grid-template-columns:minmax(0,1fr) clamp(230px,23vw,280px)!important;grid-template-rows:38px minmax(0,1fr) 60px!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;direction:ltr!important;}
html.phone-landscape-v16733 body.user-mode .player-home .pro-video-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) clamp(230px,23vw,280px)!important;grid-column:1 / -1!important;grid-row:1!important;direction:ltr!important;height:38px!important;min-height:38px!important;padding:3px 10px!important;margin:0!important;gap:8px!important;overflow:hidden!important;}
html.phone-landscape-v16733 body.user-mode .player-home .pro-video-topbar .top-movie-pill{grid-column:1!important;justify-self:start!important;align-self:center!important;position:relative!important;width:min(420px,calc(100% - 10px))!important;min-width:0!important;max-width:420px!important;height:30px!important;min-height:30px!important;padding:0 12px!important;margin:0!important;overflow:hidden!important;}
html.phone-landscape-v16733 body.user-mode .player-home .top-movie-pill .movie-title-viewport{position:relative!important;inset:auto!important;display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
html.phone-landscape-v16733 body.user-mode .player-home .top-movie-pill #top-movie-title{position:static!important;inset:auto!important;transform:none!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html.phone-landscape-v16733 body.user-mode .player-home .pro-video-topbar .top-clip-tools{grid-column:2!important;justify-self:end!important;align-self:center!important;position:relative!important;width:auto!important;min-width:0!important;max-width:100%!important;margin:0!important;overflow:hidden!important;}
html.phone-landscape-v16733 body.user-mode .player-home .video-media-area{grid-column:1!important;grid-row:2!important;position:relative!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:hidden!important;background:#02070b!important;}
html.phone-landscape-v16733 body.user-mode .player-home #phrase-video{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;object-fit:contain!important;margin:0!important;}
html.phone-landscape-v16733 body.user-mode .player-home .video-bottom-ui.landscape-control-deck-v16733{display:contents!important;}
html.phone-landscape-v16733 body.user-mode .player-home .video-seek-row-v16652{grid-column:1!important;grid-row:3!important;position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;width:100%!important;height:60px!important;min-height:60px!important;margin:0!important;padding:6px 16px 5px!important;background:rgba(5,18,28,.94)!important;overflow:visible!important;box-sizing:border-box!important;}
html.phone-landscape-v16733 body.user-mode .player-home #video-seek-slider{width:100%!important;min-width:0!important;height:14px!important;flex:1 1 auto!important;}
html.phone-landscape-v16733 body.user-mode .player-home #video-seek-slider::-webkit-slider-thumb{width:28px!important;height:28px!important;}
html.phone-landscape-v16733 body.user-mode .player-home .mobile-controls-row-v16643{grid-column:2!important;grid-row:2 / 4!important;position:relative!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:66px 56px minmax(0,1fr) 58px!important;align-items:center!important;justify-items:center!important;direction:ltr!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:8px 10px!important;gap:6px!important;background:rgba(5,18,28,.94)!important;border-left:1px solid rgba(70,213,222,.18)!important;overflow:hidden!important;box-sizing:border-box!important;}
html.phone-landscape-v16733 body.user-mode .player-home .mobile-controls-row-v16643.settings-panel-open-v16709{height:100%!important;min-height:0!important;}
html.phone-landscape-v16733 body.user-mode .player-home .mobile-transport-docked-v16640,
html.phone-landscape-v16733 body.user-mode .player-home .center-transport{grid-row:1!important;position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:196px!important;min-width:196px!important;max-width:196px!important;height:60px!important;margin:0!important;gap:7px!important;}
html.phone-landscape-v16733 body.user-mode .player-home .mobile-transport-docked-v16640 button,
html.phone-landscape-v16733 body.user-mode .player-home .center-transport button{width:58px!important;min-width:58px!important;height:58px!important;min-height:58px!important;margin:0!important;border-radius:14px!important;}
html.phone-landscape-v16733 body.user-mode .player-home .video-side-tools{grid-row:2!important;position:static!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:132px!important;min-width:132px!important;max-width:132px!important;height:52px!important;margin:0!important;gap:10px!important;overflow:visible!important;}
html.phone-landscape-v16733 body.user-mode .player-home #player-settings-cluster.player-settings-cluster-v16705{position:static!important;inset:auto!important;transform:none!important;overflow:visible!important;z-index:20!important;}
html.phone-landscape-v16733 body.user-mode .player-home #player-settings-toggle,
html.phone-landscape-v16733 body.user-mode .player-home #clip-jump-input{width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;margin:0!important;border-radius:14px!important;}
html.phone-landscape-v16733 body.user-mode .player-home #maximize-player{display:none!important;}
html.phone-landscape-v16733 body.user-mode .player-home #player-settings-menu.player-settings-menu-v16705{position:absolute!important;left:10px!important;right:10px!important;top:130px!important;bottom:auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:126px!important;min-height:126px!important;max-height:126px!important;grid-template-columns:1fr!important;grid-template-rows:repeat(3,36px)!important;gap:4px!important;padding:5px!important;margin:0!important;border-radius:14px!important;z-index:40!important;transform-origin:top center!important;box-sizing:border-box!important;}
html.phone-landscape-v16733 body.user-mode .player-home #player-settings-menu.player-settings-menu-v16705.is-open{display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;}
html.phone-landscape-v16733 body.user-mode .player-home #player-settings-menu .setting-control-v16705{width:100%!important;min-width:0!important;max-width:100%!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0 8px!important;margin:0!important;font-size:10px!important;justify-content:center!important;gap:5px!important;overflow:hidden!important;}
html.phone-landscape-v16733 body.user-mode .player-home #clip-speed-menu.clip-speed-menu-v16705{position:absolute!important;left:10px!important;right:10px!important;top:260px!important;bottom:auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:44px!important;min-height:44px!important;max-height:44px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;padding:3px!important;margin:0!important;z-index:45!important;box-sizing:border-box!important;}
html.phone-landscape-v16733 body.user-mode .player-home #clip-speed-menu.clip-speed-menu-v16705:not(.hidden){display:grid!important;}
html.phone-landscape-v16733 body.user-mode .player-home #clip-speed-menu.clip-speed-menu-v16705 button{width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:0 2px!important;margin:0!important;}
html.phone-landscape-v16733 body.user-mode .player-home #phrase-search-form{display:none!important;}
html.phone-landscape-v16733 body.user-mode .player-home .stable-action-row{grid-row:4!important;position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;padding:2px 4px!important;gap:16px!important;background:transparent!important;border:0!important;overflow:visible!important;}
html.phone-landscape-v16733 body.user-mode .player-home .stable-action-row #favorite-clip,
html.phone-landscape-v16733 body.user-mode .player-home .stable-action-row #share-clip,
html.phone-landscape-v16733 body.user-mode .player-home .stable-action-row #report-clip{display:none!important;}
html.phone-landscape-v16733 body.user-mode .player-home .stable-action-row #toggle-fa.subtitle-switch-v16714,
html.phone-landscape-v16733 body.user-mode .player-home .stable-action-row #toggle-en.subtitle-switch-v16714{display:flex!important;flex:0 0 82px!important;width:82px!important;min-width:82px!important;max-width:82px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 5px!important;gap:5px!important;align-items:center!important;justify-content:center!important;overflow:visible!important;}
@media(max-height:400px) and (orientation:landscape){
  html.phone-landscape-v16733 body.user-mode .player-home .pro-video-shell{grid-template-columns:minmax(0,1fr) 230px!important;grid-template-rows:34px minmax(0,1fr) 56px!important;}
  html.phone-landscape-v16733 body.user-mode .player-home .pro-video-topbar{grid-template-columns:minmax(0,1fr) 230px!important;height:34px!important;min-height:34px!important;padding:2px 8px!important;}
  html.phone-landscape-v16733 body.user-mode .player-home .mobile-controls-row-v16643{grid-template-rows:58px 50px minmax(0,1fr) 52px!important;padding:6px 8px!important;gap:4px!important;}
  html.phone-landscape-v16733 body.user-mode .player-home .mobile-transport-docked-v16640,
  html.phone-landscape-v16733 body.user-mode .player-home .center-transport{width:178px!important;min-width:178px!important;max-width:178px!important;height:54px!important;gap:5px!important;}
  html.phone-landscape-v16733 body.user-mode .player-home .mobile-transport-docked-v16640 button,
  html.phone-landscape-v16733 body.user-mode .player-home .center-transport button{width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;}
  html.phone-landscape-v16733 body.user-mode .player-home .video-side-tools{height:48px!important;}
  html.phone-landscape-v16733 body.user-mode .player-home #player-settings-toggle,
  html.phone-landscape-v16733 body.user-mode .player-home #clip-jump-input{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;}
  html.phone-landscape-v16733 body.user-mode .player-home #player-settings-menu.player-settings-menu-v16705{top:112px!important;height:118px!important;min-height:118px!important;max-height:118px!important;grid-template-rows:repeat(3,34px)!important;}
  html.phone-landscape-v16733 body.user-mode .player-home #player-settings-menu .setting-control-v16705{height:34px!important;min-height:34px!important;max-height:34px!important;}
  html.phone-landscape-v16733 body.user-mode .player-home #clip-speed-menu.clip-speed-menu-v16705{top:234px!important;height:40px!important;min-height:40px!important;max-height:40px!important;}
  html.phone-landscape-v16733 body.user-mode .player-home #clip-speed-menu.clip-speed-menu-v16705 button{height:32px!important;min-height:32px!important;}
  html.phone-landscape-v16733 body.user-mode .player-home .stable-action-row{height:50px!important;min-height:50px!important;gap:12px!important;}
  html.phone-landscape-v16733 body.user-mode .player-home .video-seek-row-v16652{height:56px!important;min-height:56px!important;padding:5px 12px 4px!important;}
}
/* v1.67.33 title/counter final guard for phone landscape. */
html.phone-landscape-v16733 body.user-mode .player-home .pro-video-topbar .top-movie-pill .movie-title-icon{display:none!important;}
html.phone-landscape-v16733 body.user-mode .player-home .pro-video-topbar .top-movie-pill{padding-left:10px!important;padding-right:10px!important;}
html.phone-landscape-v16733 body.user-mode .player-home .pro-video-topbar .top-clip-tools .pro-counter-pill{max-width:calc(100% - 4px)!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important;}
@media(max-height:400px) and (orientation:landscape){
  html.phone-landscape-v16733 body.user-mode .player-home #player-settings-menu.player-settings-menu-v16705{top:124px!important;}
  html.phone-landscape-v16733 body.user-mode .player-home #clip-speed-menu.clip-speed-menu-v16705{top:246px!important;}
}

/* DialogLab v1.67.34 — single final owner for phone-landscape. */
html.phone-landscape-v16734,
html.phone-landscape-v16734 body{width:100%!important;height:var(--dl-phone-landscape-vh,100dvh)!important;min-height:var(--dl-phone-landscape-vh,100dvh)!important;max-height:var(--dl-phone-landscape-vh,100dvh)!important;overflow:hidden!important;overscroll-behavior:none!important;}
html.phone-landscape-v16734 body.user-mode .mobile-app-tabbar-v16630,
html.phone-landscape-v16734 body.user-mode .mobile-app-tabbar,
html.phone-landscape-v16734 body.user-mode .mobile-bottom-nav-v16628,
html.phone-landscape-v16734 body.user-mode > .site-product-title-v16625,
html.phone-landscape-v16734 body.user-mode > .site-header,
html.phone-landscape-v16734 body.user-mode > .site-trust-footer{display:none!important;}
html.phone-landscape-v16734 body.user-mode .landscape-control-rail-v16734{isolation:isolate!important;}
html.phone-landscape-v16734 body.user-mode #player-settings-menu,
html.phone-landscape-v16734 body.user-mode #clip-speed-menu{left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;}
html.phone-landscape-v16734 body.user-mode #player-settings-menu[hidden]{display:none!important;}
html.phone-landscape-v16734 body.user-mode #player-settings-menu:not([hidden]){display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
html.phone-landscape-v16734 body.user-mode #clip-speed-menu.hidden{display:none!important;}
html.phone-landscape-v16734 body.user-mode #clip-speed-menu:not(.hidden){display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
@media (orientation:landscape) and (max-height:390px){
  html.phone-landscape-v16734 body.user-mode .landscape-control-rail-v16734{grid-template-rows:54px 62px minmax(0,1fr) 50px!important;padding:6px!important;gap:4px!important;}
  html.phone-landscape-v16734 body.user-mode .player-home .center-transport{width:178px!important;min-width:178px!important;max-width:178px!important;height:54px!important;gap:5px!important;}
  html.phone-landscape-v16734 body.user-mode .player-home .center-transport button{width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;}
  html.phone-landscape-v16734 body.user-mode .player-home .video-side-tools{height:48px!important;}
  html.phone-landscape-v16734 body.user-mode .player-home #player-settings-toggle,
  html.phone-landscape-v16734 body.user-mode .player-home #clip-jump-input{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;}
  html.phone-landscape-v16734 body.user-mode .player-home .stable-action-row{height:48px!important;min-height:48px!important;gap:8px!important;}
  html.phone-landscape-v16734 body.user-mode .player-home .stable-action-row #toggle-fa,
  html.phone-landscape-v16734 body.user-mode .player-home .stable-action-row #toggle-en{width:82px!important;min-width:82px!important;max-width:82px!important;height:40px!important;min-height:40px!important;}
}

/* DialogLab v1.67.41 — Admin Users: education max-level column */
.simple-user-list-head,
.simple-user-row{
  grid-template-columns:
    minmax(155px,1.25fr)
    minmax(112px,.85fr)
    minmax(76px,.58fr)
    minmax(82px,.62fr)
    minmax(105px,.84fr)
    minmax(72px,.50fr)
    minmax(94px,.68fr)
    minmax(76px,.54fr)
    minmax(105px,.75fr)
    minmax(112px,.78fr)!important;
}
.education-level-select{min-width:0!important;width:100%!important}
@media(max-width:1024px){
  .simple-user-form .education-level-select{grid-column:auto!important}
}


/* DialogLab v1.67.51 — Home/Search/Favorites UI cleanup and live header stats. */
.dialog-home-trust-v16751{position:relative;z-index:3;width:100%;margin:12px auto 0;display:flex;justify-content:center;align-items:center}
.dialog-home-enamad-link-v16751{width:82px;height:82px;display:grid;place-items:center;border:0!important;border-radius:16px;background:rgba(4,15,25,.34);box-shadow:0 8px 24px rgba(0,0,0,.20);transition:transform .18s ease,background .18s ease}
.dialog-home-enamad-link-v16751:hover{transform:translateY(-2px);background:rgba(7,27,41,.52)}
.dialog-home-enamad-logo-v16751{display:block;width:72px!important;height:72px!important;object-fit:contain!important}
.dialog-home-close-v16704{display:none!important}
.dialog-home-free-search-v16751{min-width:224px!important}.dialog-home-education-btn-v16751{min-width:126px!important}.dialog-home-label-mobile-v16751{display:none}
html body:not(.auth-page) .header-center-stats .stat-words-v16751,html body:not(.auth-page) .header-center-stats.stats-count-1 .stat-words-v16751{width:auto!important;min-width:142px!important;max-width:none!important;height:auto!important;min-height:0!important;padding:2px 7px!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body:not(.auth-page) .header-center-stats .stat-words-v16751 b{color:#70eff1!important;font-size:15px!important;line-height:1.05!important;font-variant-numeric:tabular-nums}
html body:not(.auth-page) .header-center-stats .stat-words-v16751 small{color:rgba(232,251,251,.86)!important;font-size:9px!important;white-space:nowrap!important;text-transform:none!important;letter-spacing:0!important}
.profile-modal-footer-v16693.profile-simple-footer-v16695{display:block!important}.profile-modal-footer-v16693 .profile-logout-btn-v16751{width:100%;min-height:45px;display:flex!important;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,104,124,.42)!important;border-radius:12px;background:rgba(116,18,35,.20)!important;color:#ff9aaa!important;text-decoration:none!important;font-weight:900!important;transition:background .18s,border-color .18s,transform .18s}.profile-modal-footer-v16693 .profile-logout-btn-v16751:hover{background:rgba(155,28,50,.30)!important;border-color:rgba(255,118,138,.68)!important;transform:translateY(-1px)}
.subtitle-label-mobile-v16751{display:none}html body.user-mode section.player-home .stable-action-row button.subtitle-switch-label-v16751{width:auto!important;min-width:154px!important;max-width:none!important;flex:0 0 auto!important;padding:0 12px!important;gap:9px!important}html body.user-mode section.player-home .stable-action-row button.subtitle-switch-label-v16751 .subtitle-label-desktop-v16751{display:inline-block!important;min-width:0!important;font-size:12px!important;white-space:nowrap!important}
html body.user-mode .report-control,html body.user-mode .pro-player-card:not(.max-view) .report-control{--control-accent:#23d7d7!important}html body.user-mode .report-control .control-icon,html body.user-mode .report-control .control-label,html body.user-mode .pro-player-card:not(.max-view) .report-control .control-icon,html body.user-mode .pro-player-card:not(.max-view) .report-control .control-label{color:#54ece8!important;-webkit-text-fill-color:#54ece8!important}html body.user-mode .report-control:hover{border-color:rgba(84,236,232,.50)!important;background:rgba(16,119,122,.17)!important}
html body.user-mode #favorite-clip.heart-control.is-favorite .heart-icon,html body.user-mode #favorite-clip.heart-control[aria-pressed="true"] .heart-icon,html body.user-mode #favorite-clip.heart-control[data-state="on"] .heart-icon{color:#2fe4df!important;-webkit-text-fill-color:#2fe4df!important;text-shadow:0 0 11px rgba(47,228,223,.38)!important}
.xp-chip-v16751{--xp-live-hue:45;border-color:hsl(var(--xp-live-hue) 74% 58% / .32)!important;background:linear-gradient(135deg,hsl(var(--xp-live-hue) 65% 18% / .42),rgba(8,20,31,.72))!important;box-shadow:0 8px 24px hsl(var(--xp-live-hue) 75% 42% / .11)!important;transition:border-color .32s ease,background .32s ease,box-shadow .32s ease,transform .2s ease!important}.xp-chip-v16751 .xp-coin{background:linear-gradient(135deg,hsl(var(--xp-live-hue) 94% 82%),hsl(var(--xp-live-hue) 82% 53%))!important;color:hsl(var(--xp-live-hue) 70% 12%)!important;box-shadow:0 4px 13px hsl(var(--xp-live-hue) 80% 54% / .32)!important}.xp-chip-v16751 b{color:hsl(var(--xp-live-hue) 92% 90%)!important}.xp-chip-v16751 small{color:hsl(var(--xp-live-hue) 88% 73%)!important}.xp-chip-v16751.xp-awarded-v16751{animation:xpChipPulseV16751 .72s ease}@keyframes xpChipPulseV16751{0%{transform:scale(1)}32%{transform:scale(1.08);filter:brightness(1.18)}100%{transform:scale(1);filter:none}}
@media(max-width:820px){.dialog-home-label-desktop-v16751{display:none}.dialog-home-label-mobile-v16751{display:inline}.dialog-home-free-search-v16751{min-width:96px!important}.dialog-home-education-btn-v16751{min-width:88px!important}.dialog-home-auth-v16704{max-width:calc(100vw - 28px);flex-wrap:nowrap}.dialog-home-auth-v16704 button,.dialog-home-auth-v16704 a{min-width:0!important;padding-inline:8px!important;font-size:11px!important}.dialog-home-trust-v16751{margin-top:3px!important;height:48px!important}.dialog-home-enamad-link-v16751{width:48px;height:48px;border-radius:11px}.dialog-home-enamad-logo-v16751{width:44px!important;height:44px!important}html body:not(.auth-page) .header-center-stats .stat-words-v16751,html body:not(.auth-page) .header-center-stats.stats-count-1 .stat-words-v16751{min-width:78px!important;padding:1px 3px!important}html body:not(.auth-page) .header-center-stats .stat-words-v16751 b{font-size:10px!important}html body:not(.auth-page) .header-center-stats .stat-words-v16751 small{font-size:6px!important}.subtitle-label-desktop-v16751{display:none!important}.subtitle-label-mobile-v16751{display:inline!important}html.is-mobile-layout body.user-mode section.player-home .stable-action-row button.subtitle-switch-label-v16751,html body.user-mode section.player-home .stable-action-row button.subtitle-switch-label-v16751{min-width:0!important;width:auto!important;padding:0 4px!important}html.is-mobile-layout body.user-mode section.player-home .stable-action-row button.subtitle-switch-label-v16751 .subtitle-label-mobile-v16751,html body.user-mode section.player-home .stable-action-row button.subtitle-switch-label-v16751 .subtitle-label-mobile-v16751{display:inline!important;min-width:18px!important;font-size:12px!important}}
@media(max-width:720px){html body.user-mode:has(.dialog-home-v16704) .dialog-home-features-v16704{height:min(31dvh,214px)!important;min-height:174px!important}html body.user-mode:has(.dialog-home-v16704) .dialog-home-feature-v16704{grid-template-rows:42% 58%!important}html body.user-mode:has(.dialog-home-v16704) .dialog-home-tagline-v16704{margin-top:2px!important}}
/* v1.67.51 — exact Home trust placement: below the main Home box on desktop, inside on phones. */
@media(min-width:821px){
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-modal-v16704{overflow:visible!important;margin-bottom:92px!important}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-trust-v16751{position:absolute!important;left:50%!important;right:auto!important;bottom:-86px!important;width:82px!important;height:82px!important;margin:0!important;transform:translateX(-50%)!important}
}
/* A rotated phone may be wider than 820px; it must still keep compact EN/FA labels. */
html.is-mobile-layout body.user-mode section.player-home .subtitle-label-desktop-v16751,
html.phone-landscape-v16732 body.user-mode section.player-home .subtitle-label-desktop-v16751,
html.phone-landscape-v16734 body.user-mode section.player-home .subtitle-label-desktop-v16751{display:none!important}
html.is-mobile-layout body.user-mode section.player-home .subtitle-label-mobile-v16751,
html.phone-landscape-v16732 body.user-mode section.player-home .subtitle-label-mobile-v16751,
html.phone-landscape-v16734 body.user-mode section.player-home .subtitle-label-mobile-v16751{display:inline!important;min-width:18px!important;font-size:12px!important}
html.is-mobile-layout body.user-mode section.player-home .stable-action-row button.subtitle-switch-label-v16751,
html.phone-landscape-v16732 body.user-mode section.player-home .stable-action-row button.subtitle-switch-label-v16751,
html.phone-landscape-v16734 body.user-mode section.player-home .stable-action-row button.subtitle-switch-label-v16751{min-width:0!important;width:auto!important;padding:0 4px!important}
@media(max-width:820px){
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-trust-v16751{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important}
}


/* v1.67.52 — Home auth spacing, stronger words counter, clearer subtitle switches, and better settings icon. */
html body.user-mode:has(.dialog-home-v16704) .dialog-home-modal-v16704{padding-top:clamp(88px,8.5vw,116px)!important}
html body.user-mode:has(.dialog-home-v16704) .dialog-home-hero-v16704{margin-top:0!important}
html body.user-mode:has(.dialog-home-v16704) .dialog-home-auth-v16704{top:24px!important;left:26px!important;right:auto!important;max-width:min(560px,calc(100% - 52px))!important;flex-wrap:wrap!important;row-gap:10px!important}
html body.user-mode:has(.dialog-home-v16704) .dialog-home-auth-v16704.dialog-home-auth-user-v16752{max-width:min(640px,calc(100% - 54px))!important}
html body.user-mode:has(.dialog-home-v16704) .dialog-home-auth-v16704 button,html body.user-mode:has(.dialog-home-v16704) .dialog-home-auth-v16704 a{position:relative!important;z-index:3!important}
html body:not(.auth-page) .header-center-stats .stat-words-v16751,html body:not(.auth-page) .header-center-stats.stats-count-1 .stat-words-v16751{min-width:176px!important;padding:3px 9px!important}
html body:not(.auth-page) .header-center-stats .stat-words-v16751 b{font-size:23px!important;font-weight:900!important;line-height:1.05!important;letter-spacing:.01em!important;text-shadow:0 0 18px rgba(112,239,241,.16)!important}
html body:not(.auth-page) .header-center-stats .stat-words-v16751 small{font-size:11px!important;font-weight:700!important;opacity:.96!important}
.player-layout-v16705 .player-settings-toggle-v16705 svg,html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705 svg,html body.user-mode .pro-player-card.max-view-v16708 #player-settings-toggle.player-settings-toggle-v16705 svg{fill:none!important;stroke:currentColor!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body.user-mode section.player-home .stable-action-row button.subtitle-switch-label-v16751{min-width:186px!important;padding:0 14px!important;gap:10px!important;justify-content:space-between!important;align-items:center!important}
html body.user-mode section.player-home .stable-action-row button.subtitle-switch-label-v16751 > span{flex:1 1 auto!important;display:inline-block!important;min-width:0!important;text-align:right!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-size:13px!important;font-weight:900!important;color:#f6fdff!important;text-shadow:0 1px 10px rgba(0,0,0,.34)!important}
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714:disabled{opacity:.84!important}
html body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-v16714 > i{flex:0 0 52px!important;width:52px!important;min-width:52px!important}
@media(max-width:820px){
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-modal-v16704{padding-top:68px!important}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-auth-v16704{top:14px!important;left:12px!important;max-width:calc(100% - 24px)!important;flex-wrap:nowrap!important}
  html body:not(.auth-page) .header-center-stats .stat-words-v16751,html body:not(.auth-page) .header-center-stats.stats-count-1 .stat-words-v16751{min-width:98px!important;padding:2px 5px!important}
  html body:not(.auth-page) .header-center-stats .stat-words-v16751 b{font-size:13px!important}
  html body:not(.auth-page) .header-center-stats .stat-words-v16751 small{font-size:7px!important}
}


/* DialogLab v1.67.54 — desktop subtitle toggle readability fix.
   Keep full English labels on real desktop; phone/rotated-phone rules continue to use EN / FA. */
@media (min-width:821px){
  html:not(.is-mobile-layout):not(.phone-landscape-v16732):not(.phone-landscape-v16734) body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-label-v16751{
    display:inline-flex!important;
    flex:0 0 200px!important;
    width:200px!important;
    min-width:200px!important;
    max-width:200px!important;
    height:48px!important;
    padding:0 10px!important;
    gap:8px!important;
    align-items:center!important;
    justify-content:center!important;
    direction:ltr!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  html:not(.is-mobile-layout):not(.phone-landscape-v16732):not(.phone-landscape-v16734) body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-label-v16751 .subtitle-label-desktop-v16751{
    display:block!important;
    flex:0 0 120px!important;
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    text-align:center!important;
    direction:ltr!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  html:not(.is-mobile-layout):not(.phone-landscape-v16732):not(.phone-landscape-v16734) body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-label-v16751 .subtitle-label-mobile-v16751{
    display:none!important;
  }
  html:not(.is-mobile-layout):not(.phone-landscape-v16732):not(.phone-landscape-v16734) body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-label-v16751 > i{
    position:relative!important;
    flex:0 0 52px!important;
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    margin:0!important;
  }
}

/* DialogLab v1.67.57 — mobile XP visibility + definitive outline gear. */
@media (max-width:820px){
  html.is-mobile-layout body:not(.auth-page) .xp-chip,
  html.is-mobile-layout body:not(.auth-page) .xp-chip-v16751,
  html body.is-mobile-layout:not(.auth-page) .xp-chip,
  html body.is-mobile-layout:not(.auth-page) .xp-chip-v16751{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    flex:0 0 auto!important;
    min-width:0!important;
    padding:4px 6px!important;
    gap:4px!important;
  }
  html.is-mobile-layout body:not(.auth-page) .xp-chip small,
  html.is-mobile-layout body:not(.auth-page) .xp-chip-v16751 small{display:none!important}
}
.player-settings-toggle-v16705 svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* ===== DialogLab v1.67.58 — admin analytics/accounting polish + account subscription status ===== */
/* Profile: add subscription remaining-days card without changing the modal shell. */
.profile-fixed-info-v16695{grid-template-columns:repeat(3,minmax(0,1fr));}
.profile-subscription-info-v16758 b{color:#bff7e0!important;}

/* User manager: prevent the master limits checkbox from inheriting full-width text-input geometry. */
.simple-user-admin-grid .admin-limit-toggle-v16758{display:flex!important;align-items:flex-start!important;gap:9px!important;line-height:1.65!important;cursor:pointer;}
.simple-user-admin-grid .admin-limit-toggle-v16758 input[type="checkbox"]{width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;padding:0!important;margin:3px 0 0!important;border-radius:4px!important;box-shadow:none!important;accent-color:#1fc8d5!important;flex:0 0 18px!important;}
.simple-user-admin-grid .admin-limit-toggle-v16758 span{font-size:.86rem;font-weight:850;color:#e8f5f7;}

/* Analytics: four equally-sized, readable cards. Tables scroll inside; card headers remain visible. */
.analytics-pair-v16758{align-items:stretch!important;}
.analytics-stat-box-v16758{height:390px!important;min-height:390px!important;max-height:390px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
.analytics-stat-box-v16758>h3{flex:0 0 auto;margin-bottom:10px!important;}
.analytics-card-note-v16758{flex:0 0 auto;margin:0 0 8px!important;font-size:.82rem!important;line-height:1.7!important;}
.analytics-table-scroll-v16758{flex:1 1 auto;min-height:0;overflow:auto;border-radius:12px;scrollbar-gutter:stable;}
.analytics-table-scroll-v16758 .table{margin:0!important;width:100%!important;}
.analytics-table-scroll-v16758 .table thead th{position:sticky;top:0;z-index:2;background:rgba(8,23,38,.97);backdrop-filter:blur(6px);}
.analytics-table-scroll-v16758::-webkit-scrollbar{width:8px;height:8px;}
.analytics-table-scroll-v16758::-webkit-scrollbar-thumb{background:rgba(37,211,218,.35);border-radius:999px;}

/* Accounting transactions: valid non-nested forms, stable columns and inline actions. */
.accounting-v16758{padding:18px!important;}
.accounting-head-v16758{align-items:center!important;gap:14px!important;margin-bottom:12px!important;}
.accounting-title-actions-v16758{display:flex;align-items:center;gap:12px;min-width:0;}
.accounting-title-actions-v16758>div{display:flex;align-items:baseline;gap:9px;}
.accounting-title-actions-v16758 h3{margin:0!important;}
.accounting-filter-v16758 label{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.66);font-size:.82rem;font-weight:800;}
.accounting-filter-v16758 select{min-width:160px!important;height:38px!important;min-height:38px!important;}
.accounting-bulk-v16758{display:flex;align-items:center;gap:8px;margin:4px 0 12px;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025);}
.accounting-bulk-v16758>span{font-size:.8rem;font-weight:900;color:#b9cfd6;}
.accounting-bulk-v16758 select{height:36px;min-width:180px;}
.accounting-table-wrap-v16758{max-height:590px!important;overflow:auto!important;border:1px solid rgba(255,255,255,.07);border-radius:14px;scrollbar-gutter:stable;}
.accounting-table-v16758{min-width:1120px!important;margin:0!important;}
.accounting-table-v16758 thead th{position:sticky;top:0;z-index:4;background:#0b2130!important;color:#cce2e8!important;white-space:nowrap;}
.accounting-table-v16758 th,.accounting-table-v16758 td{padding:11px 10px!important;vertical-align:middle!important;}
.accounting-table-v16758 tbody tr{background:rgba(255,255,255,.018);}
.accounting-table-v16758 tbody tr:nth-child(even){background:rgba(255,255,255,.035);}
.accounting-table-v16758 tbody tr:hover{background:rgba(34,211,218,.055);}
.accounting-table-v16758 .tx-check-col{width:34px;text-align:center!important;}
.accounting-table-v16758 .tx-check-col input[type="checkbox"]{width:16px!important;height:16px!important;margin:0!important;accent-color:#1fc8d5;}
.accounting-table-v16758 .tx-order-cell{min-width:155px;}
.accounting-table-v16758 .tx-date-cell{min-width:120px;white-space:nowrap;}
.accounting-table-v16758 .tx-actions-col{min-width:390px;}
.accounting-table-v16758 .tx-actions-cell{min-width:390px;}
.transaction-actions-v16758{display:flex;align-items:center;gap:7px;min-width:0;}
.transaction-status-form-v16758{display:grid!important;grid-template-columns:150px 150px 58px!important;align-items:center;gap:6px!important;flex:1 1 auto;}
.transaction-status-form-v16758 select,.transaction-status-form-v16758 input{height:36px!important;min-height:36px!important;padding:6px 8px!important;font-size:.78rem!important;}
.transaction-status-form-v16758 .btn,.transaction-delete-form-v16758 .btn{height:34px!important;min-height:34px!important;padding:6px 10px!important;margin:0!important;}
.transaction-delete-form-v16758{display:flex!important;align-items:center!important;margin:0!important;flex:0 0 auto;}
.accounting-table-wrap-v16758::-webkit-scrollbar{width:9px;height:9px;}
.accounting-table-wrap-v16758::-webkit-scrollbar-thumb{background:rgba(37,211,218,.32);border-radius:999px;}

@media(max-width:900px){
  .profile-fixed-info-v16695{grid-template-columns:1fr!important;}
  .analytics-stat-box-v16758{height:360px!important;min-height:360px!important;max-height:360px!important;}
  .accounting-head-v16758{align-items:flex-start!important;flex-direction:column!important;}
  .accounting-title-actions-v16758{width:100%;justify-content:space-between;}
  .accounting-filter-v16758{width:100%;}
  .accounting-filter-v16758 label{justify-content:space-between;}
  .accounting-bulk-v16758{flex-wrap:wrap;}
}


/* ===== DialogLab v1.67.59 — profile subscription, subtitle spacing, full precise tour ===== */
.profile-fixed-info-v16695{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.08fr)!important;gap:9px!important}
.profile-subscription-info-v16759{min-width:0!important;padding-inline:10px!important}
.profile-subscription-info-v16759>span{white-space:normal!important;line-height:1.35!important;font-size:10px!important;overflow-wrap:anywhere!important}
.profile-subscription-info-v16759>b{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important;color:#bff7e0!important}

@media (min-width:821px){
  html:not(.is-mobile-layout):not(.phone-landscape-v16732):not(.phone-landscape-v16734) body.user-mode section.player-home .stable-action-row{
    grid-template-columns:184px 184px repeat(3,minmax(0,1fr))!important;
    column-gap:4px!important;
  }
  html:not(.is-mobile-layout):not(.phone-landscape-v16732):not(.phone-landscape-v16734) body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-label-v16751{
    width:184px!important;min-width:184px!important;max-width:184px!important;
    padding:0 7px!important;gap:6px!important;
  }
  html:not(.is-mobile-layout):not(.phone-landscape-v16732):not(.phone-landscape-v16734) body.user-mode section.player-home.player-layout-v16714 .stable-action-row button.subtitle-switch-label-v16751 .subtitle-label-desktop-v16751{
    flex:0 0 112px!important;width:112px!important;min-width:112px!important;max-width:112px!important;
  }
}

html body .tour-highlight-v16676{
  border:3px solid #ffd75e!important;
  box-shadow:0 0 0 9999px rgba(0,0,0,.14),0 0 0 3px rgba(255,215,94,.18),0 0 30px rgba(255,215,94,.72)!important;
}
html body.tour-active .tour-focus-target{
  outline:2px solid rgba(255,215,94,.98)!important;
  outline-offset:3px!important;
}
@media(max-width:620px){
  .profile-fixed-info-v16695{grid-template-columns:1fr 1fr!important}
  .profile-subscription-info-v16759{grid-column:1/-1!important}
  .profile-subscription-info-v16759>span{font-size:11px!important}
  .profile-subscription-info-v16759>b{font-size:13px!important}
}

/* ========================================================================
   DialogLab v1.67.95 — Home routing + polished Settings active state
   ======================================================================== */

/* Home: the lower two cards are intentionally informational-only for now. */
.dialog-home-feature-static-v16795{cursor:default!important;user-select:none}
.dialog-home-feature-static-v16795:hover{transform:none!important;box-shadow:0 16px 34px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035)!important}
.dialog-home-feature-static-v16795:hover img{transform:none!important;filter:none!important}

/* Settings inactive state is intentionally untouched. Only the open/active state changes. */
.player-layout-v16705 .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 20px rgba(34,215,199,.18),0 12px 28px rgba(0,0,0,.26)!important;
  transform:translateY(-1px) scale(1.035)!important;
  animation:dialogGearActiveV16795 .34s cubic-bezier(.2,.82,.2,1) both!important;
}
.player-layout-v16705 .player-settings-toggle-v16705.is-open::after{
  content:"";
  position:absolute;
  inset:-4px;
  border:1px solid rgba(69,236,227,.42);
  border-radius:50%;
  pointer-events:none;
  opacity:.88;
}
.player-layout-v16705 .player-settings-toggle-v16705.is-open svg{
  color:#fff!important;
  filter:drop-shadow(0 0 5px rgba(116,255,247,.24));
  transform:rotate(38deg)!important;
}
@keyframes dialogGearActiveV16795{
  0%{transform:scale(.94);box-shadow:0 0 0 0 rgba(34,215,199,0),0 8px 20px rgba(0,0,0,.2)}
  70%{transform:translateY(-1px) scale(1.06)}
  100%{transform:translateY(-1px) scale(1.035)}
}
@media(prefers-reduced-motion:reduce){
  .player-layout-v16705 .player-settings-toggle-v16705.is-open{animation:none!important}
}
/* v1.67.95 Home physical placement: auth controls on the right; search top-left, education top-right. */
.dialog-home-auth-v16704{right:28px!important;left:auto!important}
.dialog-home-features-v16795{direction:ltr!important}
.dialog-home-features-v16795 .dialog-home-feature-v16704{direction:ltr}
@media(max-width:720px){.dialog-home-auth-v16704{right:14px!important;left:auto!important}}

/* v1.67.95 Settings active-state final specificity override (desktop/max-view). */
html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705.is-open,
html body.user-mode .pro-player-card.max-view-v16708 #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 20px rgba(34,215,199,.18),0 12px 28px rgba(0,0,0,.26)!important;
  transform:translateY(-1px) scale(1.035)!important;
  animation:dialogGearActiveV16795 .34s cubic-bezier(.2,.82,.2,1) both!important;
}
html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705.is-open::after,
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-toggle.player-settings-toggle-v16705.is-open::after{
  content:"";position:absolute;inset:-4px;border:1px solid rgba(69,236,227,.42);border-radius:50%;pointer-events:none;opacity:.88;
}
html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705.is-open svg,
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-toggle.player-settings-toggle-v16705.is-open svg{
  fill:#fff!important;color:#fff!important;filter:drop-shadow(0 0 5px rgba(116,255,247,.24))!important;transform:rotate(38deg)!important;
}
@media(prefers-reduced-motion:reduce){
  html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705.is-open,
  html body.user-mode .pro-player-card.max-view-v16708 #player-settings-toggle.player-settings-toggle-v16705.is-open{animation:none!important}
}
/* v1.67.95 Home auth final placement: override legacy v1.67.52 left anchoring. */
html body.user-mode:has(.dialog-home-v16704) .dialog-home-auth-v16704{
  right:26px!important;left:auto!important;
}
@media(max-width:820px){
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-auth-v16704{
    right:12px!important;left:auto!important;
  }
}

/* ========================================================================
   DialogLab v1.67.96 — requested Home + Settings micro-polish
   ======================================================================== */
/* Keep the shorter search-card title on one line on desktop. */
@media (min-width:721px){
  .dialog-home-feature-search-v16795 h2{white-space:nowrap!important}
}

/* Active Settings: preserve the exact inactive gear drawing. Only the button
   surface changes and the same outline gear rotates softly. */
.player-layout-v16705 .player-settings-toggle-v16705.is-open,
html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705.is-open,
html body.user-mode .pro-player-card.max-view-v16708 #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;
  box-shadow:0 0 16px rgba(34,215,199,.13),0 10px 24px rgba(0,0,0,.24)!important;
  border-radius:14px!important;
}
.player-layout-v16705 .player-settings-toggle-v16705.is-open::after,
html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705.is-open::after,
html body.user-mode .pro-player-card.max-view-v16708 #player-settings-toggle.player-settings-toggle-v16705.is-open::after{
  display:none!important;
}
.player-layout-v16705 .player-settings-toggle-v16705.is-open svg,
html body.user-mode .player-layout-v16709 #player-settings-toggle.player-settings-toggle-v16705.is-open svg,
html body.user-mode .pro-player-card.max-view-v16708 #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;
}

/* ========================================================================
   DialogLab v1.67.98 — Desktop compact header + active/open nav affordance
   ======================================================================== */
@media (min-width:821px){
  html:not(.is-mobile-layout) body .site-product-title-v16625{
    display:none!important;
  }
  html:not(.is-mobile-layout) body:not(.auth-page) .site-header.clean-header.pro-top-header{
    position:sticky!important;
    top:0!important;
    margin-top:0!important;
  }
  html:not(.is-mobile-layout) body.user-mode .site-header .top-nav>a{
    min-height:38px!important;
    height:38px!important;
    padding-inline:12px!important;
    font-size:12.4px!important;
    transform:scale(.97)!important;
    transition:min-height .18s ease,height .18s ease,padding .18s ease,transform .18s ease,box-shadow .18s ease!important;
  }
  html:not(.is-mobile-layout) body.user-mode .site-header .top-nav>a.active{
    min-height:46px!important;
    height:46px!important;
    padding-inline:18px!important;
    font-size:13.1px!important;
    transform:scale(1.02)!important;
    z-index:2!important;
  }
  html:not(.is-mobile-layout) body.user-mode .site-header .top-nav>a.search-nav-link-v16798{
    min-width:132px!important;
    white-space:nowrap!important;
  }
}

/* ========================================================================
   DialogLab v1.67.98 — Admin Education + full Plan copy editor
   ======================================================================== */
.plan-manager-v16798{margin-top:18px!important;padding:18px!important}
.plan-manager-head-v16798{align-items:flex-start!important;gap:12px!important}
.plan-manager-head-v16798 p{margin:5px 0 0!important}
.plan-manager-list-v16798{display:grid;gap:16px;margin-top:14px}
.plan-editor-v16798,.plan-create-v16798 form{
  display:grid;gap:14px;padding:16px;border:1px solid rgba(116,215,217,.16);
  background:rgba(5,26,34,.52);border-radius:16px;
}
.plan-editor-title-v16798{display:flex;align-items:center;justify-content:space-between;gap:10px}
.plan-editor-title-v16798 code{direction:ltr;color:#8fd9dc;background:rgba(6,37,46,.85);padding:5px 8px;border-radius:8px}
.plan-editor-grid-v16798,.plan-copy-grid-v16798,.plan-limit-grid-v16798{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
}
.plan-copy-grid-v16798{grid-template-columns:repeat(2,minmax(0,1fr))}
.plan-limit-grid-v16798{grid-template-columns:repeat(2,minmax(0,1fr))}
.plan-editor-v16798 label,.plan-create-v16798 label{display:grid;gap:6px;min-width:0}
.plan-editor-v16798 label>span:first-child,.plan-create-v16798 label>span:first-child{font-size:12px;color:#a9c6cd;font-weight:800}
.plan-editor-v16798 input,.plan-editor-v16798 textarea,.plan-editor-v16798 select,
.plan-create-v16798 input,.plan-create-v16798 textarea,.plan-create-v16798 select{
  width:100%;min-width:0;border:1px solid rgba(111,202,204,.2);background:rgba(3,21,28,.75);color:#eaf8f8;border-radius:10px;padding:10px 11px;
}
.plan-editor-v16798 textarea,.plan-create-v16798 textarea{resize:vertical}
.plan-wide-field-v16798{grid-column:1/-1!important}
.plan-inline-toggle-v16798>span:last-child{min-height:40px;display:flex;align-items:center;gap:7px;padding:0 8px}
.plan-editor-actions-v16798{display:flex;gap:8px;flex-wrap:wrap}
.plan-create-v16798{margin-top:15px;border:1px dashed rgba(79,216,208,.24);border-radius:14px;padding:12px}
.plan-create-v16798>summary{cursor:pointer;font-weight:900;color:#7de5df;padding:5px 3px 12px}
.plan-max-note-v16798{margin:14px 0 0!important}
.education-switches-v16798{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
.education-policy-note-v16798{margin-top:12px!important;padding:10px 12px;border-inline-start:3px solid rgba(54,213,204,.45);background:rgba(4,32,40,.36);border-radius:9px}
@media(max-width:1100px){
  .plan-editor-grid-v16798{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .plan-editor-grid-v16798,.plan-copy-grid-v16798,.plan-limit-grid-v16798,.education-switches-v16798{grid-template-columns:1fr}
  .plan-manager-v16798{padding:12px!important}
}


/* =========================================================================
   DialogLab v1.67.99 — header / otp / nav interaction polish
   ========================================================================= */
@media(min-width:981px){
  body.user-mode .pro-top-nav a, body.admin-mode .pro-top-nav a{transform:scale(.94);padding:10px 14px!important;transition:transform .18s ease,padding .18s ease,box-shadow .18s ease,background .18s ease}
  body.user-mode .pro-top-nav a.active, body.admin-mode .pro-top-nav a.active{transform:scale(1.04);padding:12px 18px!important;box-shadow:0 10px 28px rgba(34,215,199,.12), inset 0 1px 0 rgba(255,255,255,.08)}
}
.auth-page .content-shell{padding-top:24px}
.otp-auth-shell-v16799{max-width:min(100%,980px);margin-inline:auto;padding:24px 16px 36px}
.otp-auth-card-v16799{max-width:560px;width:min(100%,560px);margin:0 auto;padding:28px 28px 24px;border-radius:30px;background:linear-gradient(160deg,rgba(8,20,28,.94),rgba(9,29,36,.88));border:1px solid rgba(110,226,217,.16);box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)}
.otp-auth-hero-v16799{text-align:center;margin-bottom:16px}.otp-auth-hero-v16799 h3{margin:6px 0 10px;font-size:1.9rem;color:#f7fbff}.otp-auth-hero-v16799 p{margin:0;color:#bdd2d7;line-height:1.95}.otp-auth-tabs-v16799{margin:0 0 18px}.otp-auth-note-v16799{margin-top:16px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);color:#b7cdd1;line-height:1.85;text-align:center}.otp-verify-meta-v16799{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 18px}.otp-verify-meta-v16799 span{padding:8px 12px;border-radius:999px;background:rgba(34,215,199,.08);border:1px solid rgba(34,215,199,.16);color:#cfeeed;font-size:.88rem}.otp-code-field-v16799 input,.sms-code-field input{letter-spacing:.38em;text-align:center;font-size:1.35rem;font-weight:900;direction:ltr}.otp-actions-v16799{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.otp-actions-v16799 .btn{width:100%;justify-content:center}.otp-back-link-v16799{text-decoration:none}
@media(max-width:760px){.otp-auth-shell-v16799{padding:12px 8px 26px}.otp-auth-card-v16799{width:100%;padding:20px 16px 18px;border-radius:24px}.otp-auth-hero-v16799 h3{font-size:1.45rem}.otp-code-field-v16799 input,.sms-code-field input{font-size:1.18rem;letter-spacing:.3em}.otp-actions-v16799{grid-template-columns:1fr}}


/* =========================================================================
   DialogLab v1.68.04 — Admin Settings readability + compact plan controls
   ========================================================================= */
html body.admin-mode .settings-page,
html body.admin-mode .plan-manager-v16798{
  font-family:"Vazirmatn","Segoe UI",Tahoma,sans-serif!important;
  max-width:1560px!important;
  margin-inline:auto!important;
  color:#eaf7f8!important;
}
html body.admin-mode .settings-page{padding:22px!important}
html body.admin-mode .settings-page .settings-block{
  margin-top:20px!important;padding:18px!important;border:1px solid rgba(95,205,210,.16)!important;
  border-radius:16px!important;background:rgba(4,26,34,.34)!important;
}
html body.admin-mode .settings-page .settings-block:first-child{margin-top:0!important}
html body.admin-mode .settings-page .card-header h3,
html body.admin-mode .plan-manager-v16798 .card-header h3{
  margin:0!important;font-size:18px!important;line-height:1.55!important;font-weight:950!important;color:#f4ffff!important;
}
html body.admin-mode .settings-page .muted,
html body.admin-mode .plan-manager-v16798 .muted{
  color:#a9c6cc!important;font-size:13.2px!important;line-height:1.8!important;
}
html body.admin-mode .settings-page label,
html body.admin-mode .plan-manager-v16798 label{
  font-size:13.5px!important;color:#d7eaec!important;font-weight:800!important;line-height:1.6!important;
}
html body.admin-mode .settings-page label>span:first-child,
html body.admin-mode .plan-manager-v16798 label>span:first-child{
  font-size:13.2px!important;color:#c6dde1!important;font-weight:850!important;
}
html body.admin-mode .settings-page label small,
html body.admin-mode .plan-manager-v16798 label small{
  display:block!important;margin-top:2px!important;color:#8eafb6!important;font-size:11.8px!important;line-height:1.65!important;font-weight:650!important;
}
html body.admin-mode .settings-page input:not([type="checkbox"]):not([type="range"]),
html body.admin-mode .settings-page select,
html body.admin-mode .settings-page textarea,
html body.admin-mode .plan-manager-v16798 input:not([type="checkbox"]),
html body.admin-mode .plan-manager-v16798 select,
html body.admin-mode .plan-manager-v16798 textarea{
  min-height:43px!important;border-radius:10px!important;padding:8px 11px!important;
  font-family:"Vazirmatn","Segoe UI",Tahoma,sans-serif!important;font-size:14px!important;font-weight:650!important;
  background:rgba(255,255,255,.075)!important;border:1px solid rgba(125,205,211,.20)!important;color:#f2fbfc!important;
}
html body.admin-mode .settings-page textarea,
html body.admin-mode .plan-manager-v16798 textarea{line-height:1.75!important;min-height:72px!important}
html body.admin-mode .settings-page input:focus,
html body.admin-mode .settings-page select:focus,
html body.admin-mode .settings-page textarea:focus,
html body.admin-mode .plan-manager-v16798 input:focus,
html body.admin-mode .plan-manager-v16798 select:focus,
html body.admin-mode .plan-manager-v16798 textarea:focus{
  border-color:rgba(54,220,211,.55)!important;box-shadow:0 0 0 3px rgba(34,215,199,.08)!important;outline:none!important;
}
/* The global admin input rule used to turn checkboxes into ~48px white squares. */
html body.admin-mode .settings-page input[type="checkbox"],
html body.admin-mode .plan-manager-v16798 input[type="checkbox"]{
  appearance:auto!important;-webkit-appearance:checkbox!important;
  width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;
  max-width:17px!important;max-height:17px!important;padding:0!important;margin:0!important;
  border-radius:4px!important;box-shadow:none!important;accent-color:#25d1c6!important;vertical-align:middle!important;
  flex:0 0 17px!important;
}
html body.admin-mode .settings-page .switch-line,
html body.admin-mode .plan-manager-v16798 .plan-compact-toggle-v16804>span:last-child,
html body.admin-mode .plan-manager-v16798 .plan-limit-card-v16804>span{
  display:flex!important;align-items:center!important;gap:8px!important;
}
html body.admin-mode .settings-page .switch-line{
  min-height:44px!important;padding:9px 11px!important;border:1px solid rgba(110,199,204,.13)!important;
  border-radius:11px!important;background:rgba(255,255,255,.035)!important;
}
html body.admin-mode .plan-manager-v16798{padding:18px!important}
html body.admin-mode .plan-manager-v16798 .plan-manager-list-v16798{gap:13px!important}
html body.admin-mode .plan-manager-v16798 .plan-editor-v16798,
html body.admin-mode .plan-manager-v16798 .plan-create-v16798 form{
  gap:12px!important;padding:15px!important;border-radius:15px!important;background:rgba(4,25,33,.55)!important;
}
html body.admin-mode .plan-manager-v16798 .plan-editor-grid-v16798{
  grid-template-columns:repeat(4,minmax(180px,1fr))!important;gap:9px!important;
}
html body.admin-mode .plan-manager-v16798 .plan-copy-grid-v16798{gap:9px!important}
html body.admin-mode .plan-manager-v16798 .plan-inline-toggle-v16798{
  align-content:end!important;
}
html body.admin-mode .plan-manager-v16798 .plan-inline-toggle-v16798>span:last-child{
  min-height:43px!important;padding:0 11px!important;border-radius:10px!important;
  border:1px solid rgba(112,203,207,.16)!important;background:rgba(255,255,255,.035)!important;
  font-size:13px!important;color:#dbecee!important;
}
html body.admin-mode .plan-manager-v16798 .plan-limit-grid-v16798{
  gap:9px!important;
}
html body.admin-mode .plan-manager-v16798 .plan-limit-card-v16804{
  padding:10px!important;border:1px solid rgba(112,203,207,.14)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;
}
html body.admin-mode .plan-manager-v16798 .plan-limit-card-v16804>span{
  min-height:24px!important;font-size:13px!important;color:#d5e9eb!important;
}
html body.admin-mode .plan-manager-v16798 .plan-editor-actions-v16798{padding-top:2px!important}
html body.admin-mode .plan-manager-v16798 .plan-editor-actions-v16798 .btn{min-height:42px!important}
/* Education settings: denser, clearer, and explain the recommended strict profile. */
html body.admin-mode .education-settings-v16798 .education-switches-v16798{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important;
}
html body.admin-mode .education-placement-profile-v16804{
  display:grid!important;grid-template-columns:auto repeat(4,minmax(0,1fr))!important;align-items:center!important;gap:7px!important;
  margin:0 0 12px!important;padding:10px!important;border:1px solid rgba(42,219,207,.18)!important;border-radius:12px!important;
  background:linear-gradient(90deg,rgba(34,215,199,.07),rgba(255,255,255,.018))!important;
}
html body.admin-mode .education-placement-profile-v16804>b{color:#7cf3e9!important;font-size:13px!important;white-space:nowrap!important}
html body.admin-mode .education-placement-profile-v16804>span{
  padding:6px 8px!important;border-radius:8px!important;background:rgba(255,255,255,.04)!important;color:#c9e2e4!important;font-size:11.8px!important;text-align:center!important;
}
html body.admin-mode .education-settings-grid-v16798{
  grid-template-columns:repeat(3,minmax(210px,1fr))!important;gap:10px!important;
}
html body.admin-mode .education-settings-grid-v16798>label{
  padding:10px!important;border:1px solid rgba(111,202,204,.12)!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important;
}
html body.admin-mode .education-policy-note-v16798{font-size:12.5px!important;line-height:1.9!important;color:#a9c9cd!important}
@media(max-width:1180px){
  html body.admin-mode .plan-manager-v16798 .plan-editor-grid-v16798{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body.admin-mode .education-settings-v16798 .education-switches-v16798{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body.admin-mode .education-placement-profile-v16804{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body.admin-mode .education-placement-profile-v16804>b{grid-column:1/-1!important}
  html body.admin-mode .education-settings-grid-v16798{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  html body.admin-mode .settings-page{padding:12px!important}
  html body.admin-mode .settings-page .settings-block{padding:13px!important}
  html body.admin-mode .plan-manager-v16798{padding:12px!important}
  html body.admin-mode .plan-manager-v16798 .plan-editor-grid-v16798,
  html body.admin-mode .plan-manager-v16798 .plan-copy-grid-v16798,
  html body.admin-mode .plan-manager-v16798 .plan-limit-grid-v16798,
  html body.admin-mode .education-settings-v16798 .education-switches-v16798,
  html body.admin-mode .education-settings-grid-v16798,
  html body.admin-mode .education-placement-profile-v16804{grid-template-columns:1fr!important}
  html body.admin-mode .education-placement-profile-v16804>b{grid-column:auto!important}
}


/* ==========================================================================
   DialogLab v1.68.05 — UI/UX polish: modal close alignment, auth password eye, XP clarity
   ========================================================================== */
/* Keep the multiplication sign optically centered, independent of font baseline/RTL. */
html body .auth-modal-close,
html body .edu-placement-close,
html body .policy-modal-close,
html body .dl78-sheet-close,
html body .dl77-sheet-close,
html body .dl76-sheet-close{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  text-indent:0!important;
  font-size:0!important;
  overflow:hidden!important;
}
html body .auth-modal-close::before,
html body .edu-placement-close::before,
html body .policy-modal-close::before,
html body .dl78-sheet-close::before,
html body .dl77-sheet-close::before,
html body .dl76-sheet-close::before{
  content:'×';
  display:block;
  width:1em;
  height:1em;
  line-height:1em;
  font:400 24px/1 Arial,Vazirmatn,sans-serif;
  text-align:center;
  transform:translateY(-.5px);
}
html body .toast-close{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  font-size:0!important;
}
html body .toast-close::before{content:'×';font:400 19px/1 Arial,Vazirmatn,sans-serif;display:block;transform:translateY(-.5px)}
html body .auth-modal-close:focus-visible,
html body .edu-placement-close:focus-visible,
html body .toast-close:focus-visible,
html body .auth-password-toggle-v16805:focus-visible{outline:2px solid rgba(55,226,219,.85)!important;outline-offset:2px!important}

/* Auth password visibility: works on standalone Login/Register and the async login popup. */
.auth-password-wrap-v16805{position:relative!important;display:block!important;width:100%!important;min-width:0!important}
.auth-password-wrap-v16805>input{width:100%!important;padding-left:50px!important;box-sizing:border-box!important}
.auth-password-toggle-v16805{
  position:absolute!important;
  left:7px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(226,247,250,.82)!important;
  cursor:pointer!important;
  z-index:3!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.auth-password-toggle-v16805:hover{background:rgba(34,215,199,.11)!important;border-color:rgba(34,215,199,.28)!important;color:#ecffff!important}
.auth-password-toggle-v16805[aria-pressed="true"]{background:rgba(34,215,199,.15)!important;border-color:rgba(34,215,199,.38)!important;color:#74f4ea!important}
.auth-password-toggle-v16805 svg{width:19px!important;height:19px!important;display:block!important;pointer-events:none!important}
@media(max-width:620px){.auth-password-toggle-v16805{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;left:6px!important}.auth-password-wrap-v16805>input{padding-left:46px!important}}

/* XP feedback: one readable RTL copy block instead of three visually disconnected fragments. */
html body .xp-toast-v16805{direction:rtl!important;text-align:right!important;min-width:290px!important;max-width:min(92vw,430px)!important;gap:11px!important;align-items:center!important;justify-content:flex-start!important}
html body .xp-toast-v16805 .xp-toast-coin{flex:0 0 auto!important}
html body .xp-toast-copy-v16805{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;min-width:0!important;flex:1 1 auto!important;text-align:right!important}
html body .xp-toast-copy-v16805 b{display:block!important;margin:0!important;color:#ffe188!important;font-size:15px!important;font-weight:950!important;line-height:1.55!important;white-space:normal!important}
html body .xp-toast-copy-v16805 small{display:block!important;margin:0!important;color:rgba(240,247,255,.78)!important;font-size:11.5px!important;font-weight:750!important;line-height:1.55!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:620px){html body .xp-toast-v16805{min-width:0!important;width:min(94vw,360px)!important;padding:9px 10px!important;gap:8px!important}html body .xp-toast-copy-v16805 b{font-size:12.5px!important}html body .xp-toast-copy-v16805 small{font-size:10px!important}}

/* ==========================================================================
   DialogLab v1.68.06 — centered modal close + auth eye on right + password UX
   ========================================================================== */
/* Draw the X with two geometric strokes so it is truly centered in every font/RTL context. */
html body .auth-modal-close,
html body .edu-placement-close,
html body .policy-modal-close,
html body .dl78-sheet-close,
html body .dl77-sheet-close,
html body .dl76-sheet-close{
  position:absolute;
  display:block!important;
  padding:0!important;
  text-indent:-9999px!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
html body .auth-modal-close::before,
html body .auth-modal-close::after,
html body .edu-placement-close::before,
html body .edu-placement-close::after,
html body .policy-modal-close::before,
html body .policy-modal-close::after,
html body .dl78-sheet-close::before,
html body .dl78-sheet-close::after,
html body .dl77-sheet-close::before,
html body .dl77-sheet-close::after,
html body .dl76-sheet-close::before,
html body .dl76-sheet-close::after{
  content:''!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:15px!important;
  height:2px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:currentColor!important;
  transform-origin:center!important;
  pointer-events:none!important;
}
html body .auth-modal-close::before,
html body .edu-placement-close::before,
html body .policy-modal-close::before,
html body .dl78-sheet-close::before,
html body .dl77-sheet-close::before,
html body .dl76-sheet-close::before{transform:translate(-50%,-50%) rotate(45deg)!important}
html body .auth-modal-close::after,
html body .edu-placement-close::after,
html body .policy-modal-close::after,
html body .dl78-sheet-close::after,
html body .dl77-sheet-close::after,
html body .dl76-sheet-close::after{transform:translate(-50%,-50%) rotate(-45deg)!important}

/* Password text stays LTR/left aligned; visibility control belongs on the RIGHT. */
.auth-password-wrap-v16806{position:relative!important;display:block!important;width:100%!important;min-width:0!important}
.auth-password-wrap-v16806>input,
.auth-password-ltr-v16806{
  width:100%!important;
  box-sizing:border-box!important;
  direction:ltr!important;
  text-align:left!important;
  padding-right:50px!important;
  padding-left:14px!important;
}
.auth-password-toggle-v16806{
  position:absolute!important;
  right:7px!important;
  left:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(226,247,250,.84)!important;
  cursor:pointer!important;
  z-index:4!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease!important;
}
.auth-password-toggle-v16806:hover{background:rgba(34,215,199,.11)!important;border-color:rgba(34,215,199,.30)!important;color:#f2ffff!important}
.auth-password-toggle-v16806[aria-pressed="true"]{background:rgba(34,215,199,.15)!important;border-color:rgba(34,215,199,.40)!important;color:#75f4eb!important}
.auth-password-toggle-v16806:focus-visible{outline:2px solid rgba(55,226,219,.85)!important;outline-offset:2px!important}
.auth-password-toggle-v16806 svg{display:block!important;width:19px!important;height:19px!important;pointer-events:none!important}
@media(max-width:620px){
  .auth-password-toggle-v16806{right:6px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  .auth-password-wrap-v16806>input,.auth-password-ltr-v16806{padding-right:46px!important}
}

/* Password strength appears on registration and password reset with the same language. */
.auth-password-strength-v16806{display:grid!important;gap:6px!important;margin-top:5px!important;direction:rtl!important;text-align:right!important}
.auth-password-strength-head-v16806{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;color:#9fb9be!important;font-size:11.5px!important;font-weight:800!important}
.auth-password-strength-head-v16806 b{font-size:11.5px!important;color:#a9c1c6!important}
.auth-password-strength-bars-v16806{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;direction:ltr!important}
.auth-password-strength-bars-v16806 i{display:block!important;height:4px!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;transition:background .16s ease,box-shadow .16s ease!important}
.auth-password-strength-v16806 small{display:block!important;color:#78979e!important;font-size:10.5px!important;line-height:1.55!important;font-weight:650!important}
.auth-password-strength-v16806[data-score="1"] .auth-password-strength-bars-v16806 i.on{background:#fb7185!important}.auth-password-strength-v16806[data-score="1"] .auth-password-strength-head-v16806 b{color:#ff9aaa!important}
.auth-password-strength-v16806[data-score="2"] .auth-password-strength-bars-v16806 i.on{background:#fbbf24!important}.auth-password-strength-v16806[data-score="2"] .auth-password-strength-head-v16806 b{color:#ffd66f!important}
.auth-password-strength-v16806[data-score="3"] .auth-password-strength-bars-v16806 i.on{background:#38d6c8!important}.auth-password-strength-v16806[data-score="3"] .auth-password-strength-head-v16806 b{color:#7ef2e7!important}
.auth-password-strength-v16806[data-score="4"] .auth-password-strength-bars-v16806 i.on{background:#34d399!important;box-shadow:0 0 8px rgba(52,211,153,.2)!important}.auth-password-strength-v16806[data-score="4"] .auth-password-strength-head-v16806 b{color:#86efac!important}

/* Password recovery now uses the same polished visual system as SMS/OTP. */
.auth-recovery-page-v16806{font-family:Vazirmatn,Poppins,sans-serif!important}
.auth-recovery-card-v16806{max-width:540px!important}
.auth-recovery-icon-v16806{width:54px;height:54px;margin:0 auto 10px;display:grid;place-items:center;border-radius:17px;border:1px solid rgba(34,215,199,.24);background:rgba(34,215,199,.085);color:#78eee4;font-size:23px;font-weight:950}
.auth-recovery-form-v16806 input[type="password"]{direction:ltr!important;text-align:left!important}
.auth-recovery-actions-v16806{margin-top:12px;display:grid;grid-template-columns:1fr}
.auth-recovery-actions-v16806 a{min-height:47px!important}

/* Profile password toggle must never turn into a monkey emoji. */
.profile-password-input-v16693 [data-toggle-password].is-password-visible{color:#74f4ea!important;border-color:rgba(34,215,199,.35)!important;background:rgba(34,215,199,.1)!important}
/* Sheet close buttons remain in normal layout; only the X strokes are custom-drawn. */
html body .dl78-sheet-close,
html body .dl77-sheet-close,
html body .dl76-sheet-close{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}


/* ==========================================================================
   DialogLab v1.68.07 — registration grid repair
   ========================================================================== */
/* Password-strength content must never change the vertical position of the
   neighbouring repeat-password field in the 2-column registration layout. */
html body .auth-register-grid-v16625 > label,
html body .auth-popup-register-grid-v16649 > label{
  align-self:start!important;
  align-content:start!important;
  grid-auto-rows:max-content!important;
  min-width:0!important;
}
html body .auth-password-strength-grid-v16807{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:3px 2px 1px!important;
  box-sizing:border-box!important;
}
html body .auth-password-strength-grid-v16807 .auth-password-strength-head-v16806{
  min-height:18px!important;
}
html body .auth-password-strength-grid-v16807 small{
  margin-top:1px!important;
}
/* Keep both password controls identical in height/alignment after JS wraps them. */
html body .auth-register-grid-v16625 .auth-password-wrap-v16806,
html body .auth-popup-register-grid-v16649 .auth-password-wrap-v16806{
  height:46px!important;
}
html body .auth-popup-register-grid-v16649 .auth-password-wrap-v16806{
  height:44px!important;
}
html body .auth-register-grid-v16625 .auth-password-wrap-v16806 > input,
html body .auth-popup-register-grid-v16649 .auth-password-wrap-v16806 > input{
  height:100%!important;
  min-height:100%!important;
}
@media(max-width:820px){
  html body .auth-register-grid-v16625 .auth-password-wrap-v16806{height:44px!important}
}


/* DialogLab v1.68.10 — password recovery lives inside the login popup */
html body .auth-popup-forgot-v16649.auth-recovery-open-v16810{
  appearance:none;border:0;background:transparent;padding:4px 8px;margin:0 auto;display:block;
  color:#8feaff!important;font:inherit;font-size:12px!important;font-weight:800;cursor:pointer;text-align:center;
}
html body .auth-recovery-panel-v16810{display:grid;gap:14px;width:100%;padding-top:2px}
html body .auth-recovery-panel-v16810[hidden],html body .auth-recovery-form-v16810[hidden]{display:none!important}
html body .auth-recovery-head-v16810{text-align:center;display:grid;gap:6px;margin:2px 0 4px}
html body .auth-recovery-head-v16810 h3{margin:0;font-size:20px;color:#f7fbff}
html body .auth-recovery-head-v16810 p{margin:0;color:#abc7cf;font-size:12px;line-height:1.8}
html body .auth-recovery-form-v16810{display:grid;gap:10px}
html body .auth-recovery-form-v16810 label{display:grid;gap:6px;color:rgba(255,255,255,.86);font-weight:850;font-size:12px}
html body .auth-recovery-form-v16810 input:not([type="hidden"]){width:100%;min-height:46px;border-radius:12px;border:1px solid rgba(148,190,210,.24);background:rgba(255,255,255,.06);color:#fff;padding:0 13px;outline:0}
html body .auth-recovery-form-v16810 input:focus{border-color:rgba(45,212,191,.62);box-shadow:0 0 0 3px rgba(45,212,191,.09)}
html body .auth-recovery-captcha-v16810{display:grid;grid-template-columns:minmax(118px,138px) 1fr;gap:8px;align-items:stretch;direction:ltr}
html body .auth-recovery-captcha-v16810 .captcha-img{width:100%;height:46px;min-height:46px;object-fit:cover;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:12px!important;padding:0!important}
html body .auth-recovery-captcha-v16810 input{direction:rtl}
html body .auth-recovery-code-v16810{text-align:center!important;letter-spacing:.36em;direction:ltr;font-size:20px;font-weight:900}
html body .auth-recovery-back-v16810{margin-top:0}
html body .auth-popup-inner-v16649.auth-recovery-mode-v16810>.auth-popup-head-v16649{padding-bottom:0!important}
html body .auth-popup-inner-v16649.auth-recovery-mode-v16810>.auth-popup-head-v16649 .auth-modal-kicker{display:none!important}
@media(max-width:560px){
  html body .auth-recovery-captcha-v16810{grid-template-columns:118px minmax(0,1fr)}
  html body .auth-recovery-panel-v16810{gap:11px}
  html body .auth-recovery-head-v16810 h3{font-size:18px}
}


/* =========================================================================
   DialogLab v1.68.11 — recovery is a true single-view inside auth popup
   ========================================================================= */
html body .auth-primary-view-v16811[hidden]{display:none!important}
html body .auth-popup-inner-v16649.auth-recovery-mode-v16811{display:block!important;width:100%!important}
html body .auth-popup-inner-v16649.auth-recovery-mode-v16811 .auth-recovery-panel-v16810{display:grid!important;width:100%!important;gap:14px!important;padding:4px 0 0!important}
html body .auth-popup-inner-v16649.auth-recovery-mode-v16811 .auth-recovery-panel-v16810[hidden]{display:none!important}
html body .auth-recovery-head-v16811{margin:0 0 4px!important;padding:0 4px!important;text-align:center!important;gap:7px!important}
html body .auth-recovery-kicker-v16811{display:block!important;color:#36d9e9!important;font-size:12px!important;font-weight:900!important}
html body .auth-recovery-head-v16811 h3{font-size:27px!important;line-height:1.35!important;margin:0!important;color:#fff!important}
html body .auth-recovery-head-v16811 p{font-size:13px!important;line-height:1.9!important;color:#afc6ce!important;margin:0!important}
html body .auth-recovery-panel-v16810 .auth-recovery-form-v16810{display:grid!important;gap:12px!important}
html body .auth-recovery-panel-v16810 .auth-recovery-form-v16810[hidden]{display:none!important}
html body .auth-recovery-panel-v16810 .btn{min-height:46px!important;border-radius:13px!important}
html body .auth-recovery-panel-v16810 .auth-recovery-back-v16810{margin-top:1px!important}
html body .auth-popup-card-v16649.auth-recovery-card-mode-v16811{width:min(100% - 24px,430px)!important}
html body .auth-popup-card-v16649.auth-recovery-card-mode-v16811 #auth-modal-status:empty{display:none!important}
@media(max-width:560px){
  html body .auth-popup-card-v16649.auth-recovery-card-mode-v16811{width:calc(100vw - 16px)!important;padding:18px 13px 15px!important}
  html body .auth-recovery-head-v16811 h3{font-size:24px!important}
  html body .auth-recovery-head-v16811 p{font-size:12px!important}
}


/* DialogLab v1.68.12 — Recovery OTP resend state */
html body .auth-recovery-resend-meta-v16812{margin-top:-3px;text-align:center;color:#8eb8c2;font-size:11px;font-weight:800;line-height:1.7}
html body .auth-recovery-resend-v16810:disabled{opacity:.52;cursor:not-allowed;filter:saturate(.65)}

/* DialogLab v1.68.14 — unified auth OTP + recovery security polish */
html body .auth-otp-mobile-hint-v16814{
  display:block;
  margin:-2px 0 1px;
  padding:8px 11px;
  border:1px solid rgba(54,217,233,.16);
  border-radius:11px;
  background:rgba(54,217,233,.055);
  color:#9ddde5;
  text-align:center;
  direction:rtl;
  font-size:11px;
  font-weight:850;
  line-height:1.6;
}
html body .auth-otp-mobile-hint-v16814[hidden]{display:none!important}

/* DialogLab v1.68.19 — independent Favorites Library */
html body .favorites-library-v16819{
  width:min(1180px,calc(100vw - 32px));
  margin:18px auto 70px;
  direction:rtl;
  font-family:Vazirmatn,Poppins,sans-serif;
  color:#eefbff;
}
html body .favorites-library-hero-v16819{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  padding:26px 28px;border:1px solid rgba(125,230,224,.16);border-radius:28px;
  background:linear-gradient(145deg,rgba(5,31,42,.92),rgba(7,22,34,.86));
  box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
}
html body .favorites-library-kicker-v16819{display:block;margin-bottom:5px;color:#62e5da;font-size:.76rem;font-weight:900;letter-spacing:.04em}
html body .favorites-library-hero-v16819 h1{margin:0;color:#fff;font-size:clamp(1.65rem,3.1vw,2.55rem);line-height:1.45}
html body .favorites-library-hero-v16819 p{max-width:690px;margin:7px 0 0;color:#a9c4ca;font-size:.94rem;line-height:1.95}
html body .favorites-library-search-link-v16819{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid rgba(92,228,219,.24);border-radius:15px;background:rgba(25,172,169,.10);color:#8ff5ec;text-decoration:none;font-weight:900;font-size:.85rem}
html body .favorites-library-search-link-v16819:hover{background:rgba(25,172,169,.17);transform:translateY(-1px)}

html body .favorites-library-stats-v16819{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
html body .favorites-library-stats-v16819 article{display:flex;align-items:center;gap:13px;min-height:82px;padding:14px 18px;border:1px solid rgba(125,230,224,.14);border-radius:20px;background:rgba(5,28,39,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
html body .favorites-library-stat-icon-v16819{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;background:rgba(49,207,196,.10);font-size:1.25rem}
html body .favorites-library-stats-v16819 b{display:block;color:#fff;font-size:1.32rem;line-height:1.2;font-family:Poppins,Vazirmatn,sans-serif}
html body .favorites-library-stats-v16819 small{display:block;margin-top:3px;color:#9eb9c0;font-size:.78rem;font-weight:800}

html body .favorites-library-tabs-v16819{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;border:1px solid rgba(125,230,224,.13);border-radius:20px;background:rgba(3,23,33,.72)}
html body .favorites-library-tabs-v16819 button{min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:15px;background:transparent;color:#8faeb7;cursor:pointer;font-family:inherit;font-weight:900;transition:.18s ease}
html body .favorites-library-tabs-v16819 button.is-active{background:linear-gradient(135deg,rgba(28,187,180,.20),rgba(15,104,137,.20));color:#f7ffff;box-shadow:inset 0 0 0 1px rgba(91,235,226,.19)}
html body .favorites-library-tabs-v16819 em{min-width:28px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.065);font-style:normal;font-size:.72rem;font-family:Poppins,Vazirmatn,sans-serif}

html body .favorites-library-toolbar-v16819{display:grid;grid-template-columns:minmax(260px,1fr) 210px 180px;gap:10px;align-items:end;margin:14px 0 18px}
html body .favorites-library-search-v16819{height:48px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid rgba(125,230,224,.14);border-radius:16px;background:rgba(4,25,36,.82)}
html body .favorites-library-search-v16819>span{color:#5fded4;font-size:1.25rem}
html body .favorites-library-search-v16819 input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#f4ffff;font:700 .84rem Vazirmatn,Poppins,sans-serif}
html body .favorites-library-search-v16819 input::placeholder{color:#6f8f98}
html body .favorites-library-select-v16819{display:grid;gap:4px}
html body .favorites-library-select-v16819>span{padding-right:5px;color:#86a5ad;font-size:.69rem;font-weight:900}
html body .favorites-library-select-v16819 select{height:48px;width:100%;padding:0 12px;border:1px solid rgba(125,230,224,.14);border-radius:16px;background:#081f2b;color:#eafcff;font:800 .78rem Vazirmatn,Poppins,sans-serif;outline:0}

html body .favorites-library-panel-v16819{min-height:240px}
html body .favorites-clips-grid-v16819{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
html body .favorite-clip-card-v16819{min-width:0;display:flex;flex-direction:column;padding:16px;border:1px solid rgba(116,219,214,.13);border-radius:21px;background:linear-gradient(150deg,rgba(7,34,45,.90),rgba(6,24,35,.88));box-shadow:0 18px 46px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.03)}
html body .favorite-clip-card-head-v16819{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:11px}
html body .favorite-clip-card-head-v16819>div{min-width:0}
html body .favorite-clip-card-head-v16819 strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#effdff;font-size:.89rem;font-weight:950}
html body .favorite-clip-card-head-v16819 small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7799a3;font-size:.68rem;font-weight:800}
html body .favorite-clip-heart-v16819,html body .favorite-word-heart-v16819{color:#ff6f8d;text-shadow:0 0 14px rgba(255,82,119,.20);font-size:1.05rem}
html body .favorite-clip-en-v16819{margin:0;min-height:56px;color:#fff;font:800 .92rem/1.75 Poppins,Vazirmatn,sans-serif;text-align:left}
html body .favorite-clip-fa-v16819{margin:8px 0 14px;min-height:48px;color:#9fd7d7;font-size:.79rem;font-weight:700;line-height:1.9}
html body .is-muted-v16819{opacity:.56!important;font-weight:600!important}
html body .favorite-card-actions-v16819{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
html body .favorite-card-actions-v16819 .btn{min-height:37px;padding:7px 11px;border-radius:11px;font-size:.7rem;font-weight:900;text-decoration:none;white-space:nowrap}
html body .favorite-remove-v16819{color:#ff9aad!important;border-color:rgba(255,107,137,.18)!important}
html body .favorite-remove-v16819.is-pending-v16819{opacity:.5;cursor:wait}

html body .favorite-word-add-v16819{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(300px,1fr);gap:14px;align-items:center;margin-bottom:16px;padding:17px 18px;border:1px solid rgba(115,231,221,.15);border-radius:20px;background:rgba(5,29,40,.76)}
html body .favorite-word-add-v16819 strong{display:block;color:#f2feff;font-size:.91rem}
html body .favorite-word-add-v16819 small{display:block;margin-top:4px;color:#789aa3;font-size:.72rem;line-height:1.8}
html body .favorite-word-add-controls-v16819{display:flex;gap:8px;direction:ltr}
html body .favorite-word-add-controls-v16819 input{min-width:0;flex:1;height:44px;padding:0 13px;border:1px solid rgba(116,224,217,.16);border-radius:13px;background:#071e2a;color:#fff;outline:0;font:700 .88rem Poppins,Vazirmatn,sans-serif}
html body .favorite-word-add-controls-v16819 .btn{height:44px;border-radius:13px;white-space:nowrap}
html body .favorite-word-add-status-v16819{grid-column:1/-1;min-height:18px;color:#85e9e0;font-size:.72rem;font-weight:800}

html body .favorites-words-grid-v16819{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html body .favorite-word-card-v16819{min-width:0;display:flex;flex-direction:column;padding:17px;border:1px solid rgba(116,219,214,.13);border-radius:19px;background:linear-gradient(145deg,rgba(7,33,45,.88),rgba(5,23,34,.88));box-shadow:0 16px 42px rgba(0,0,0,.14)}
html body .favorite-word-card-top-v16819{display:flex;align-items:center;justify-content:space-between;gap:12px;direction:ltr}
html body .favorite-word-card-top-v16819 strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#fff;font:900 1.18rem Poppins,Vazirmatn,sans-serif}
html body .favorite-word-card-v16819>p{margin:11px 0 15px;min-height:46px;color:#9fd7d7;font-size:.82rem;font-weight:750;line-height:1.9}
html body .favorite-word-actions-v16819 .is-done-v16819{color:#83efe4!important;border-color:rgba(77,223,210,.22)!important}

html body .favorites-loading-v16819,html body .favorites-empty-v16819{grid-column:1/-1;min-height:220px;display:grid;place-items:center;text-align:center;padding:32px;border:1px dashed rgba(117,220,214,.15);border-radius:22px;background:rgba(3,23,33,.52);color:#8aa9b1;font-size:.83rem;font-weight:800}
html body .favorites-empty-v16819{align-content:center;gap:6px}
html body .favorites-empty-v16819>span{font-size:2rem;color:#6adfd5}
html body .favorites-empty-v16819 strong{color:#edfefe;font-size:.95rem}
html body .favorites-empty-v16819 p{max-width:460px;margin:0;color:#7898a1;font-size:.77rem;line-height:1.8}
html body .favorites-load-more-row-v16819{display:flex;justify-content:center;padding:18px 0 2px}
html body .favorites-load-more-v16819{min-width:210px;border-radius:14px}

html body .favorite-clip-modal-v16819{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px;background:rgba(1,10,16,.76);backdrop-filter:blur(10px)}
html body .favorite-clip-modal-v16819.hidden{display:none!important}
html body .favorite-clip-modal-card-v16819{position:relative;width:min(820px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:20px;border:1px solid rgba(110,230,220,.18);border-radius:24px;background:#071a25;box-shadow:0 34px 110px rgba(0,0,0,.56)}
html body .favorite-clip-modal-close-v16819{position:absolute;top:12px;left:12px;z-index:3;width:38px;height:38px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(3,18,27,.78);color:#fff;font-size:1.5rem;cursor:pointer}
html body .favorite-clip-modal-head-v16819{padding:2px 48px 13px 2px}
html body .favorite-clip-modal-head-v16819 span{color:#61e4da;font-size:.71rem;font-weight:900}
html body .favorite-clip-modal-head-v16819 h2{margin:4px 0 0;color:#fff;font-size:1.03rem}
html body .favorite-clip-modal-card-v16819 video{display:block;width:100%;max-height:min(58vh,520px);border-radius:18px;background:#000;object-fit:contain}
html body .favorite-clip-modal-copy-v16819{display:grid;gap:7px;padding-top:13px}
html body .favorite-clip-modal-copy-v16819 p{margin:0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);line-height:1.8}
html body #favorite-clip-en-v16819{color:#fff;font:800 .89rem/1.8 Poppins,Vazirmatn,sans-serif;text-align:left}
html body #favorite-clip-fa-v16819{color:#9ed6d6;font-size:.8rem;font-weight:700}
html body.favorites-modal-open-v16819{overflow:hidden!important}

/* Dictionary favorite action — v1.68.19 */
html body .phraselab-stable-word-tooltip .dictionary-meaning-v16819{display:block;direction:rtl;text-align:right;line-height:1.8}
html body .phraselab-stable-word-tooltip .dictionary-favorite-word-v16819{display:flex;width:100%;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:7px 9px;border:1px solid rgba(255,111,141,.22);border-radius:10px;background:rgba(255,81,120,.08);color:#ff9fb3;font:800 .69rem Vazirmatn,Poppins,sans-serif;cursor:pointer}
html body .phraselab-stable-word-tooltip .dictionary-favorite-word-v16819.is-saved-v16819{border-color:rgba(91,228,217,.20);background:rgba(45,195,184,.08);color:#85ede5}
html body .phraselab-stable-word-tooltip .dictionary-favorite-word-v16819:disabled{opacity:.55;cursor:wait}

@media (max-width:980px){
  html body .favorites-clips-grid-v16819,html body .favorites-words-grid-v16819{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .favorites-library-toolbar-v16819{grid-template-columns:minmax(220px,1fr) 170px 160px}
}
@media (max-width:720px){
  html body .favorites-library-v16819{width:calc(100vw - 20px);margin:10px auto 92px}
  html body .favorites-library-hero-v16819{align-items:stretch;flex-direction:column;padding:19px 17px;border-radius:22px;gap:15px}
  html body .favorites-library-hero-v16819 p{font-size:.82rem}
  html body .favorites-library-search-link-v16819{align-self:stretch}
  html body .favorites-library-stats-v16819{gap:8px;margin:10px 0}
  html body .favorites-library-stats-v16819 article{min-height:70px;padding:11px 12px;border-radius:16px}
  html body .favorites-library-stat-icon-v16819{width:40px;height:40px;border-radius:13px}
  html body .favorites-library-stats-v16819 b{font-size:1.05rem}
  html body .favorites-library-stats-v16819 small{font-size:.66rem}
  html body .favorites-library-tabs-v16819 button{min-height:47px;font-size:.78rem}
  html body .favorites-library-toolbar-v16819{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
  html body .favorites-library-search-v16819{grid-column:1/-1;height:45px}
  html body .favorites-library-select-v16819 select{height:43px}
  html body .favorites-clips-grid-v16819,html body .favorites-words-grid-v16819{grid-template-columns:1fr;gap:10px}
  html body .favorite-clip-card-v16819,html body .favorite-word-card-v16819{padding:14px;border-radius:17px}
  html body .favorite-clip-en-v16819{min-height:0;font-size:.84rem}
  html body .favorite-clip-fa-v16819{min-height:0;margin-bottom:12px;font-size:.74rem}
  html body .favorite-card-actions-v16819 .btn{flex:1 1 auto;min-height:39px}
  html body .favorite-word-add-v16819{grid-template-columns:1fr;padding:14px;border-radius:17px}
  html body .favorite-word-add-controls-v16819{display:grid;grid-template-columns:minmax(0,1fr) auto}
  html body .favorite-word-add-status-v16819{grid-column:auto}
  html body .favorite-clip-modal-v16819{padding:8px;align-items:end}
  html body .favorite-clip-modal-card-v16819{padding:15px;border-radius:22px 22px 16px 16px;max-height:88vh}
  html body .favorite-clip-modal-card-v16819 video{max-height:44vh}
}

/* v1.68.29 — Education path 2 scaffold; final UI intentionally deferred until QA data is reviewed. */
.phrase-course-scaffold-v16829{min-height:calc(100dvh - 140px);display:grid;place-items:center;padding:28px 18px 120px;direction:rtl}
.phrase-course-scaffold-card-v16829{width:min(720px,100%);padding:30px;border:1px solid rgba(73,220,210,.25);border-radius:24px;background:rgba(4,28,31,.86);box-shadow:0 24px 70px rgba(0,0,0,.24)}
.phrase-course-scaffold-card-v16829 h1{margin:8px 0 14px;direction:ltr;text-align:right}
.phrase-course-scaffold-card-v16829 p{line-height:2;color:var(--muted,#b9c4c7)}
.phrase-course-scaffold-stats-v16829{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.phrase-course-scaffold-stats-v16829 span{padding:9px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px}


/* v1.68.30 — Phrase of Verb scaffold contrast cleanup */
.phrase-course-scaffold-v16830{min-height:calc(100dvh - 140px);display:grid;place-items:center;padding:28px 18px 120px;direction:rtl}
.phrase-course-scaffold-card-v16830{width:min(620px,100%);display:grid;gap:14px;justify-items:start;padding:28px;border:1px solid rgba(83,221,210,.42);border-radius:20px;background:#08262c;box-shadow:0 20px 60px rgba(0,0,0,.28);color:#f4ffff}
.phrase-course-scaffold-card-v16830>span{color:#79eee3;font-weight:900;font-size:.82rem}
.phrase-course-scaffold-card-v16830 h1{margin:0;color:#ffffff!important;font-size:clamp(2rem,6vw,3rem);direction:ltr;text-align:left;line-height:1.2}
.phrase-course-scaffold-card-v16830>b{color:#d9eff1!important;font-size:1rem}
.phrase-course-scaffold-card-v16830 .btn{margin-top:4px;color:#ffffff!important;border-color:rgba(255,255,255,.28)!important;background:#123a42!important}

/* DialogLab v1.68.34 — stable wrapped-subtitle dictionary favorite star */
html body .phraselab-stable-word-tooltip .dictionary-tooltip-row-v16834{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
  direction:rtl;
}
html body .phraselab-stable-word-tooltip .dictionary-tooltip-row-v16834 .dictionary-meaning-v16819{
  flex:1 1 auto;
  min-width:0;
  margin:0;
}
html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834{
  flex:0 0 38px;
  width:38px;
  height:38px;
  min-width:38px;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,201,73,.42)!important;
  border-radius:11px!important;
  background:rgba(255,190,35,.07)!important;
  color:#ffc83d!important;
  font:900 1.75rem/1 Arial,sans-serif!important;
  text-shadow:0 0 12px rgba(255,190,35,.22)!important;
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:manipulation!important;
  transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834:hover,
html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834:focus-visible{
  transform:scale(1.06)!important;
  border-color:rgba(255,207,79,.72)!important;
  background:rgba(255,190,35,.13)!important;
  box-shadow:0 0 0 3px rgba(255,190,35,.08),0 8px 22px rgba(0,0,0,.20)!important;
  outline:none!important;
}
html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834.is-saved-v16819{
  color:#ffd24d!important;
  border-color:rgba(255,207,79,.72)!important;
  background:rgba(255,190,35,.15)!important;
  text-shadow:0 0 16px rgba(255,204,61,.52)!important;
}
html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834:disabled{
  opacity:.58!important;
  cursor:wait!important;
}
html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834.dictionary-favorite-error-v16834{
  animation:dictionaryFavoriteStarErrorV16834 .22s ease 0s 2 alternate;
}
@keyframes dictionaryFavoriteStarErrorV16834{
  from{transform:translateX(0)}
  to{transform:translateX(3px)}
}
@media (max-width:680px){
  html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834{
    flex-basis:42px;
    width:42px;
    height:42px;
    min-width:42px;
    font-size:1.9rem!important;
  }
}


/* DialogLab v1.68.37 — home/search/help/favorite/checkout polish */
.dialog-home-hero-v16704 h1{font-size:clamp(2.15rem,4.8vw,3.6rem)!important;line-height:1.18!important}
.dialog-home-search-v16704{max-width:820px!important;margin-top:26px!important;padding:12px 16px!important;border-width:1.5px!important;box-shadow:0 24px 55px rgba(0,0,0,.28),0 0 0 1px rgba(88,229,226,.08)!important}
.dialog-home-search-v16704 input{font-size:1.06rem!important;min-height:56px!important}
.dialog-home-search-v16704 button{width:52px!important;height:52px!important}
.dialog-home-enamad-link-v16751{width:74px!important;height:74px!important;margin-top:14px!important}
.dialog-home-trust-v16751{margin-top:28px!important}
@media(max-width:720px){.dialog-home-hero-v16704 h1{font-size:2rem!important}.dialog-home-search-v16704{max-width:100%!important;padding:10px 14px!important}.dialog-home-search-v16704 input{min-height:52px!important;font-size:.98rem!important}.dialog-home-enamad-link-v16751{width:68px!important;height:68px!important;margin-top:10px!important}.dialog-home-trust-v16751{margin-top:22px!important}}
.dictionary-favorite-star-v16834{width:38px!important;height:38px!important;font-size:1.08rem!important;padding:0!important;border-radius:12px!important;line-height:1!important}
.dictionary-favorite-star-v16834.is-saved-v16819{color:#ffd35a!important;background:rgba(255,211,90,.12)!important;border-color:rgba(255,211,90,.28)!important}
#policy-modal .plan-modal-card{padding-top:62px!important;position:relative!important}
#policy-modal .auth-modal-close{top:16px!important;left:16px!important;z-index:5!important}
@media(max-width:640px){#policy-modal .plan-modal-card{padding-top:66px!important}#policy-modal .auth-modal-close{top:14px!important;left:14px!important}}


/* DialogLab v1.68.38 — Home search gold frame + left full-height search action */
html body.user-mode:has(.dialog-home-v16704) .dialog-home-search-v16704{
  width:min(840px,94%)!important;
  height:70px!important;
  padding:0!important;
  direction:ltr!important;
  overflow:hidden!important;
  border:2px solid #d9ad43!important;
  border-radius:20px!important;
  background:#061a2a!important;
  box-shadow:0 18px 42px rgba(0,0,0,.26),0 0 0 1px rgba(217,173,67,.08),0 0 22px rgba(217,173,67,.08)!important;
}
html body.user-mode:has(.dialog-home-v16704) .dialog-home-search-v16704:focus-within{
  border-color:#f0c75d!important;
  box-shadow:0 0 0 3px rgba(240,199,93,.10),0 19px 44px rgba(0,0,0,.29),0 0 28px rgba(217,173,67,.12)!important;
}
html body.user-mode:has(.dialog-home-v16704) .dialog-home-search-v16704 button{
  order:0!important;
  flex:0 0 74px!important;
  width:74px!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  border:0!important;
  border-right:1px solid rgba(240,199,93,.35)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#0b3045,#082438)!important;
  color:#f0c75d!important;
}
html body.user-mode:has(.dialog-home-v16704) .dialog-home-search-v16704 button:hover{
  background:linear-gradient(180deg,#10405a,#0a2d43)!important;
  color:#ffe195!important;
}
html body.user-mode:has(.dialog-home-v16704) .dialog-home-search-v16704 button svg{width:30px!important;height:30px!important;stroke-width:2!important}
html body.user-mode:has(.dialog-home-v16704) .dialog-home-search-v16704 input{
  order:1!important;
  flex:1 1 auto!important;
  height:100%!important;
  min-height:0!important;
  padding:0 22px!important;
  direction:rtl!important;
  text-align:right!important;
  background:#061a2a!important;
  color:#fff!important;
  font-size:1rem!important;
}
html body.user-mode:has(.dialog-home-v16704) .dialog-home-search-v16704 input::placeholder{color:#aebbc4!important;opacity:1!important}
/* Same star footprint in both states: only empty/filled glyph changes. */
html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834,
html body .dictionary-favorite-star-v16834{
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  border-radius:9px!important;
  font:900 1.15rem/1 Arial,sans-serif!important;
  background:rgba(255,190,35,.045)!important;
  border-color:rgba(255,201,73,.26)!important;
  box-shadow:none!important;
}
html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834:hover,
html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834:focus-visible{
  transform:none!important;
  background:rgba(255,190,35,.09)!important;
  box-shadow:none!important;
}
@media(max-width:720px){
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-search-v16704{width:100%!important;height:62px!important;border-radius:17px!important}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-search-v16704 button{flex-basis:64px!important;width:64px!important}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-search-v16704 button svg{width:27px!important;height:27px!important}
  html body.user-mode:has(.dialog-home-v16704) .dialog-home-search-v16704 input{padding:0 15px!important;font-size:.86rem!important}
}


/* v1.68.38b — favorite word is a small star glyph, not a large boxed control */
html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834,
html body .dictionary-favorite-star-v16834{
  flex:0 0 26px!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f3c84f!important;
  font:900 1.18rem/1 Arial,sans-serif!important;
  text-shadow:none!important;
}
html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834:hover,
html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834:focus-visible,
html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834.is-saved-v16819{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
html body .phraselab-stable-word-tooltip .dictionary-favorite-star-v16834:focus-visible{outline:1px dashed rgba(243,200,79,.55)!important;outline-offset:2px!important}