:root{
  zoom: 0.85;
}

:root{
  --bg:#fffaf8;
  --bg-soft:#fffdfc;
  --card:#ffffff;
  --line:#eadfd8;
  --text:#3d342f;
  --muted:#8d7f77;
  --accent:#9fd4ff;
  --accent-strong:#7bbef5;
  --accent-soft:#eef7ff;
  --btn-text:#24445c;
  --shadow:0 10px 30px rgba(181, 154, 140, 0.12);
  --radius:22px;
}

*{
  box-sizing:border-box;
}

html,body{
  margin:0;
  padding:0;
  background:linear-gradient(180deg,#fffaf8 0%,#fff7f3 100%);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

body{
  min-height:100vh;
}

a{
  color:#6caee7;
  text-decoration:none;
}

.wrap{
  width:min(1100px,calc(100vw - 32px));
  margin:0 auto;
  padding:40px 0 56px;
}

.hero{
  text-align:center;
  margin-bottom:24px;
}

h1{
  margin:0;
  font-size:clamp(34px,5vw,64px);
  line-height:1.02;
  letter-spacing:-0.04em;
  color:#7ebcf0;
}

.subtitle{
  margin:12px auto 0;
  color:var(--muted);
  font-size:16px;
  max-width:680px;
}

.panel{
  background:rgba(255,255,255,0.82);
  backdrop-filter:blur(10px);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:24px;
}

.search-panel{
  max-width:820px;
  margin:0 auto 26px;
}

.searchbar{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}

.searchbar input{
  flex:1 1 360px;
  min-width:0;
  height:58px;
  padding:0 18px;
  border:1px solid #e7dcd4;
  border-radius:16px;
  background:#fff;
  color:var(--text);
  font-size:18px;
  outline:none;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.03);
}

.searchbar input::placeholder{
  color:#b3a49a;
}

.searchbar button,
.action-btn,
.movie-actions button{
  height:54px;
  padding:0 20px;
  border:0;
  border-radius:16px;
  background:var(--accent);
  color:var(--btn-text);
  font-weight:700;
  font-size:17px;
  cursor:pointer;
  box-shadow:0 6px 14px rgba(123,190,245,0.22);
}

.search-meta{
  margin-top:18px;
  text-align:center;
}

.search-meta p{
  margin:6px 0;
}

.muted{
  color:var(--muted);
}

.results-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:18px;
  align-items:start;
}

.movie-card{
  display:flex;
  flex-direction:column;
  gap:16px;
  overflow:hidden;
}

.cover-wrap{
  width:100%;
  aspect-ratio:2/3;
  border-radius:18px;
  overflow:hidden;
  background:#f7efe9;
  border:1px solid #efe2d9;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cover-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.cover-fallback{
  color:#b39f93;
  font-size:15px;
  text-align:center;
  padding:20px;
}

.movie-title{
  font-size:clamp(28px,3vw,38px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-0.04em;
}

.movie-meta{
  color:var(--muted);
  font-size:18px;
  margin-top:6px;
}

.ratings-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(72px,1fr));
  gap:10px;
  width:100%;
}

.rating-pill{
  background:var(--accent-soft);
  border:1px solid #d8ecff;
  border-radius:14px;
  padding:10px 12px;
  text-align:center;
}

.rating-label{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:4px;
}

.rating-value{
  display:block;
  font-size:16px;
  font-weight:800;
  color:var(--text);
  white-space:nowrap;
}

.movie-foot{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  padding-top:14px;
  border-top:1px solid #f0e5de;
  color:var(--text);
  font-size:16px;
}

.movie-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:2px;
}

.movie-actions form{
  margin:0;
}

.action-btn.secondary{
  background:#f4ede8;
  color:#6c5c53;
  box-shadow:none;
}

.action-btn.disabled{
  pointer-events:none;
  opacity:.65;
}

.download-panel{
  max-width:980px;
  margin:0 auto;
}

.download-options{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
  margin-top:18px;
}

.download-options form{
  margin:0;
}

.download-options button{
  width:100%;
}

.notice{
  margin-top:18px;
  color:var(--muted);
  line-height:1.5;
}

.center-link{
  margin-top:18px;
}

.home-block{
  max-width:980px;
  margin:0 auto 20px;
}

.progress-list{
  display:grid;
  gap:12px;
}

.progress-item{
  border:1px solid #efe3db;
  border-radius:16px;
  background:#fffdfa;
  padding:16px;
}

.progress-top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.progress-name{
  font-weight:700;
  font-size:18px;
}

.progress-reason{
  margin-top:8px;
  color:var(--muted);
  line-height:1.5;
}

@media (max-width:720px){
  .wrap{
    width:min(100vw - 20px,1100px);
    padding:24px 0 42px;
  }

  .panel{
    padding:18px;
    border-radius:20px;
  }

  .searchbar{
    flex-direction:column;
    align-items:stretch;
  }

  .searchbar button{
    width:100%;
  }

  .ratings-row{
    grid-template-columns:repeat(3,1fr);
  }

  .movie-title{
    font-size:34px;
  }

  .movie-meta{
    font-size:16px;
  }
}

.home-center{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:22px;
  width:min(760px,calc(100vw - 28px));
  margin:0 auto;
  padding:24px 0 40px;
}

.home-logo{
  text-align:center;
  font-size:clamp(34px,7vw,72px);
  font-weight:800;
  letter-spacing:-0.05em;
  line-height:1;
  color:#7ebcf0;
}

.home-search{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.home-search input{
  width:100%;
  height:60px;
  padding:0 20px;
  border:1px solid #e7dcd4;
  border-radius:999px;
  background:#fff;
  color:var(--text);
  font-size:22.4px;
  outline:none;
  box-shadow:0 4px 18px rgba(181,154,140,0.08);
}

.home-search button{
  align-self:center;
  min-width:180px;
  height:54px;
  padding:0 28px;
  border:0;
  border-radius:999px;
  background:var(--accent);
  color:var(--btn-text);
  font-size:20px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 6px 14px rgba(123,190,245,0.22);
}

.home-status{
  width:100%;
  max-width:760px;
  padding:18px 20px;
  text-align:center;
}

.home-status-title{
  font-size:20px;
  font-weight:700;
  margin-bottom:8px;
}

@media (max-width:720px){
  .home-center{
    width:min(100vw - 24px,760px);
  }

  .home-search input{
    font-size:18px;
    height:56px;
  }

  .home-search button{
    width:100%;
    max-width:320px;
  }
}

.home-status{
  width:100%;
  max-width:760px;
  padding:18px 18px 16px;
  text-align:left;
}

.home-status-title{
  text-align:center;
  font-size:20px;
  font-weight:700;
  margin-bottom:12px;
}

.progress-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-height:42vh;
  overflow:auto;
  padding-right:4px;
}

.progress-item{
  background:#fff;
  border:1px solid #eadfd7;
  border-radius:20px;
  padding:14px 14px 12px;
  box-shadow:0 4px 14px rgba(181,154,140,0.06);
}

.progress-name{
  font-size:16px;
  font-weight:800;
  line-height:1.35;
  color:var(--text);
  word-break:break-word;
  overflow-wrap:anywhere;
  text-align:left;
}

.progress-meta{
  margin-top:6px;
  font-size:14px;
  text-align:left;
}

.progress-reason{
  margin-top:8px;
  font-size:15px;
  line-height:1.45;
  color:#8f827a;
  text-align:left;
}

.progress-actions{
  display:flex;
  gap:8px;
  margin-top:10px;
  flex-wrap:wrap;
}

.progress-actions form{
  margin:0;
}

.mini-btn{
  border:0;
  border-radius:999px;
  padding:8px 14px;
  background:#8fc4ef;
  color:#17324a;
  font-weight:700;
  cursor:pointer;
}

.mini-btn.danger{
  background:#f2c7c7;
  color:#6a2222;
}

@media (max-width:720px){
  .progress-list{
    max-height:38vh;
  }

  .progress-item{
    padding:12px;
  }

  .progress-name{
    font-size:15px;
  }

  .progress-reason{
    font-size:14px;
  }
}

.home-toggle-row{
  width:100%;
  max-width:760px;
  display:flex;
  justify-content:center;
  margin-top:-2px;
}

.home-toggle-btn{
  display:inline-block;
  padding:12px 22px;
  border-radius:999px;
  background:#fff;
  border:1px solid #eadfd7;
  color:#6b5f58;
  text-decoration:none;
  font-weight:700;
  box-shadow:0 6px 18px rgba(181,154,140,0.08);
}

.progress-actions{
  display:flex;
  gap:8px;
  margin-top:10px;
  flex-wrap:wrap;
}

.progress-actions form{
  margin:0;
}

.progress-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.progress-item {
  width: 100%;
  box-sizing: border-box;
}

.progress-name {
  font-size: 18px;
  line-height: 1.35;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.progress-meta {
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.4;
}

.progress-reason {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.55;
  color: #8f817c;
}

.progress-actions {
  display: flex;
  gap: 10px;
  margin-top: 14px;
  flex-wrap: wrap;
}

.mini-btn,
.action-btn,
.home-toggle-btn {
  min-height: 44px;
}

@media (max-width: 640px) {
  .wrap,
  .home-center {
    padding-left: 16px;
    padding-right: 16px;
  }

  .panel {
    padding: 18px;
  }

  .home-status {
    padding: 18px;
  }

  .progress-item {
    padding: 18px;
    border-radius: 22px;
  }

  .progress-name {
    font-size: 16px;
    line-height: 1.4;
  }

  .progress-meta,
  .progress-reason {
    font-size: 14px;
  }

  .movie-title {
    font-size: 18px;
    line-height: 1.3;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .movie-meta,
  .movie-foot,
  .ratings-row {
    font-size: 14px;
    line-height: 1.45;
  }

  .movie-head {
    gap: 12px;
  }

  .movie-foot {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .movie-actions {
    flex-wrap: wrap;
  }

  .action-btn {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .home-logo {
    font-size: clamp(34px, 10vw, 56px);
  }
}

.cover-wrap{
  width:100%;
  aspect-ratio:16/9;
  border-radius:20px;
  overflow:hidden;
  background:#f3ece7;
  border:1px solid #eadfd7;
  margin-bottom:14px;
}

.cover-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.cover-fallback{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#9a8f87;
  font-weight:700;
  letter-spacing:0.02em;
}

@media (max-width:640px){
  .cover-wrap{
    border-radius:18px;
    margin-bottom:12px;
  }
}

.results-wrap{
  max-width:1200px;
}

.results-top{
  margin-bottom:22px;
}

.results-title{
  font-size:48px;
  font-weight:900;
  color:var(--accent-strong);
  line-height:1;
  text-align:center;
  margin-bottom:18px;
}

.results-summary{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
  color:var(--muted);
  margin-top:14px;
  font-size:18px;
}

.movie-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}

.result-card{
  display:flex;
  flex-direction:column;
  gap:18px;
  overflow:hidden;
}

.poster-box{
  width:100%;
  aspect-ratio:16/10;
  border-radius:20px;
  overflow:hidden;
  background:#f4ede8;
  border:1px solid var(--line);
}

.poster-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.poster-fallback{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--muted);
  font-size:24px;
  font-weight:800;
}

.result-body{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.result-name{
  font-size:22px;
  line-height:1.15;
  font-weight:900;
  color:var(--text);
}

.result-sub{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:18px;
}

.result-sub span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.result-sub span:not(:last-child)::after{
  content:"·";
  margin-left:8px;
  color:var(--muted);
}

.score-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  font-size:17px;
}

.score-row span{
  background:var(--bg-soft);
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px 10px;
  text-align:center;
  white-space:nowrap;
}

.meta-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-top:6px;
  border-top:1px solid var(--line);
}

.meta-list div{
  display:flex;
  justify-content:space-between;
  gap:16px;
  font-size:18px;
}

.meta-label{
  color:var(--muted);
}

.stacked-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.stacked-actions .action-btn,
.stacked-actions .disabled{
  width:100%;
  text-align:center;
}

.back-row{
  margin-top:20px;
  text-align:center;
}

@media (max-width:900px){
  .movie-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .results-title{
    font-size:34px;
  }

  .result-name{
    font-size:24px;
  }

  .score-row{
    grid-template-columns:1fr 1fr 1fr;
    font-size:15px;
  }

  .score-row span{
    padding:10px 8px;
  }

  .meta-list div{
    font-size:16px;
  }
}

.variant-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding-top:8px;
  border-top:1px solid var(--line);
}

.variant-row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid #f1e8e2;
}

.variant-row:last-child{
  border-bottom:0;
  padding-bottom:0;
}

.variant-main{
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
  align-items:center;
}

.variant-main span{
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border-radius:999px;
  background:var(--bg-soft);
  border:1px solid var(--line);
  color:var(--text);
  font-size:15px;
  line-height:1;
}

.variant-source{
  font-weight:800;
}

.variant-actions{
  display:flex;
  gap:10px;
  flex-shrink:0;
}

.small-btn{
  padding:10px 14px;
  min-width:104px;
}

@media (max-width:640px){
  .variant-row{
    flex-direction:column;
    align-items:stretch;
  }

  .variant-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .small-btn{
    min-width:0;
    width:100%;
    text-align:center;
  }
}

.compact-search{
  max-width: 620px;
  margin: 0 auto;
}

.compact-search input{
  height: 56px;
  font-size: 20px;
}

.compact-search button{
  height: 56px;
  padding: 0 24px;
  font-size: 20px;
}

.plot-text{
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.results-header{
  max-width: 760px;
  margin: 0 auto 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
}

.results-title{
  font-size: 42px;
  font-weight: 900;
  color: var(--accent-strong);
  line-height: 1;
  text-align: center;
}

.compact-top-search{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 140px;
  gap: 12px;
  align-items: center;
}

.compact-top-search input{
  width: 100%;
  height: 52px;
  padding: 0 18px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  font-size: 18px;
  color: var(--text);
}

.compact-top-search button{
  height: 52px;
  border: 0;
  border-radius: 999px;
  background: var(--accent);
  color: var(--btn-text);
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
}

.results-summary-line{
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  justify-content: center;
  color: var(--muted);
  font-size: 16px;
}

@media (max-width: 640px){
  .results-title{
    font-size: 34px;
  }

  .compact-top-search{
    grid-template-columns: 1fr;
  }

  .compact-top-search button{
    width: 100%;
  }
}

.plot-wrap{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.plot-text{
  color:var(--muted);
  font-size:16px;
  line-height:1.6;
}

.plot-text.is-collapsed{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.plot-toggle{
  align-self:flex-start;
  padding:0;
  border:0;
  background:transparent;
  color:var(--accent-strong);
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}

.plot-wrap{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.plot-short,
.plot-full{
  color:var(--muted);
  font-size:16px;
  line-height:1.6;
}

.plot-short{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.plot-toggle{
  align-self:flex-start;
  padding:0;
  border:0;
  background:transparent;
  color:var(--accent-strong);
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}

.results-toolbar{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

.sort-form{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--muted);
  font-size:16px;
}

.sort-form select{
  height:42px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--text);
  font-size:16px;
}

.options-toggle-row{
  padding-top:6px;
}

.options-toggle{
  width:100%;
  height:52px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--bg-soft);
  color:var(--text);
  font-size:18px;
  font-weight:800;
  cursor:pointer;
}

@media (max-width:640px){
  .results-toolbar{
    flex-direction:column;
    align-items:stretch;
  }

  .sort-form{
    justify-content:space-between;
  }

  .sort-form select{
    flex:1;
  }
}

.results-toolbar{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

.sort-form{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--muted);
  font-size:16px;
}

.sort-form select{
  height:42px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--text);
  font-size:16px;
}

.options-toggle-row{
  padding-top:6px;
}

.options-toggle{
  width:100%;
  height:52px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--bg-soft);
  color:var(--text);
  font-size:18px;
  font-weight:800;
  cursor:pointer;
}

@media (max-width:640px){
  .results-toolbar{
    flex-direction:column;
    align-items:stretch;
  }

  .sort-form{
    justify-content:space-between;
  }

  .sort-form select{
    flex:1;
  }
}

.result-top{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:20px;
  align-items:start;
}

.poster-vert-box{
  width:100%;
  aspect-ratio:2 / 3;
  border-radius:20px;
  overflow:hidden;
  background:#f4ede8;
  border:1px solid var(--line);
}

.poster-vert-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.result-info{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}

.downloads-toggle-row{
  margin-top:18px;
}

.downloads-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:8px;
}

.downloads-toolbar label{
  color:var(--muted);
  font-size:16px;
  font-weight:700;
}

.downloads-toolbar select{
  height:42px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--text);
  font-size:16px;
}

@media (max-width:640px){
  .result-top{
    grid-template-columns:110px 1fr;
    gap:14px;
  }

  .result-name{
    font-size:22px;
  }

  .score-row{
    grid-template-columns:1fr;
  }

  .downloads-toolbar{
    flex-direction:column;
    align-items:stretch;
  }

  .downloads-toolbar select{
    width:100%;
  }
}

.movie-head-2col{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:18px;
  align-items:start;
}

.poster-vert-box{
  width:100%;
  aspect-ratio:2 / 3;
  border-radius:20px;
  overflow:hidden;
  background:#f4ede8;
  border:1px solid var(--line);
}

.poster-vert-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.movie-main-copy{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}

.score-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

.score-strip span{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:56px;
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--bg-soft);
  color:var(--text);
  text-align:center;
  font-size:16px;
  line-height:1.3;
}

@media (max-width:640px){
  .movie-head-2col{
    grid-template-columns:110px 1fr;
    gap:14px;
  }

  .score-strip{
    grid-template-columns:1fr;
  }

  .score-strip span{
    justify-content:flex-start;
    text-align:left;
  }
}

.score-strip span{
  justify-content:space-between;
  text-align:left;
  gap:12px;
}

.score-strip span strong{
  margin-left:auto;
  text-align:right;
}

@media (max-width:640px){
  .score-strip span{
    justify-content:space-between;
    text-align:left;
  }

  .score-strip span strong{
    margin-left:auto;
    text-align:right;
  }
}

.score-strip span{
  justify-content:space-between;
  align-items:center;
  text-align:left;
  gap:12px;
}

.score-strip span em{
  font-style:normal;
  font-weight:700;
  color:var(--text);
}

.score-strip span strong{
  margin-left:auto;
  text-align:right;
}

.variant-main{
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
  align-items:center;
}

.variant-main span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:var(--bg-soft);
  border:1px solid var(--line);
  color:var(--text);
  font-size:15px;
  line-height:1;
  min-height:38px;
}

.variant-actions{
  display:flex;
  gap:10px;
  flex-shrink:0;
  align-items:center;
}

.action-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1;
}

.small-btn{
  padding:12px 16px;
  min-width:160px;
  min-height:52px;
}

.downloads-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:8px;
}

.downloads-toolbar label{
  color:var(--muted);
  font-size:16px;
  font-weight:700;
}

.downloads-toolbar select{
  height:44px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--text);
  font-size:16px;
}

@media (max-width:640px){
  .variant-row{
    flex-direction:column;
    align-items:stretch;
  }

  .variant-actions{
    width:100%;
  }

  .small-btn{
    width:100%;
    min-width:0;
  }

  .downloads-toolbar{
    flex-direction:column;
    align-items:stretch;
  }

  .downloads-toolbar select{
    width:100%;
  }
}

.downloads-toggle-row .options-toggle{
  background: var(--accent) !important;
  color: var(--btn-text) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 24px rgba(159, 212, 255, 0.35) !important;
}

.profile-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:18px;
  align-items:flex-start;
}

.profile-list form{
  margin:0;
  width:100%;
}

.profile-link{
  border:0;
  background:transparent;
  padding:0;
  color:var(--text);
  font-size:20px;
  font-weight:800;
  cursor:pointer;
  text-align:left;
  display:block;
}

.profile-link:hover{
  color:var(--accent-strong);
}

.profile-button-list{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:18px;
  max-width:320px;
}

.profile-button-list form{
  margin:0;
  width:100%;
}

.profile-choice-btn{
  width:100%;
  min-height:58px;
  border:0;
  border-radius:18px;
  background:var(--accent);
  color:var(--btn-text);
  font-size:22px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(159, 212, 255, 0.35);
}

.download-poster-box{
  width:100%;
  max-width:260px;
  aspect-ratio:2 / 3;
  border-radius:22px;
  overflow:hidden;
  background:#f4ede8;
  border:1px solid var(--line);
  margin:0 auto 18px auto;
}

.download-poster-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.download-back-row{
  margin-top:20px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.download-back-row a{
  text-align:center;
}

.wrap > h1{
  text-align:center !important;
}

.panel{
  text-align:center;
}

.movie-title,
.movie-meta{
  text-align:center !important;
}

.download-poster-box{
  margin:0 auto 18px auto !important;
}

.profile-button-list{
  margin:18px auto 0 auto !important;
}

.profile-button-list form{
  width:100%;
}

.download-back-row{
  justify-content:center !important;
}

.download-back-row a{
  display:inline-block;
  text-align:center !important;
}

body{
  min-height:100vh;
}

.wrap{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.wrap > h1{
  margin-top:0 !important;
  margin-bottom:18px !important;
}

@media (max-width:640px){
  .wrap{
    padding-top:24px;
    padding-bottom:24px;
  }
}

@media (max-width:640px){
  .wrap{
    padding-top:12px !important;
    padding-bottom:12px !important;
  }

  .wrap > h1{
    font-size:48px !important;
    line-height:1 !important;
    margin-bottom:12px !important;
  }

  .panel{
    padding:18px !important;
    border-radius:24px !important;
  }

  .download-poster-box{
    max-width:220px !important;
    margin:0 auto 14px auto !important;
  }

  .movie-title{
    font-size:28px !important;
    line-height:1.1 !important;
    margin-bottom:4px !important;
  }

  .movie-meta{
    font-size:18px !important;
    margin-bottom:10px !important;
  }

  .profile-button-list{
    gap:10px !important;
    margin-top:12px !important;
  }

  .profile-choice-btn{
    min-height:50px !important;
    font-size:18px !important;
    border-radius:16px !important;
  }

  .download-back-row{
    margin-top:12px !important;
  }
}

@media (max-width:640px){
  .wrap > h1{
    font-size:36px !important;
    line-height:1 !important;
    margin-bottom:10px !important;
  }

  .download-poster-box{
    max-width:190px !important;
    margin:0 auto 10px auto !important;
  }

  .movie-title{
    font-size:24px !important;
    margin-bottom:2px !important;
  }

  .movie-meta{
    font-size:16px !important;
    margin-bottom:8px !important;
  }

  .profile-button-list{
    gap:8px !important;
    margin-top:10px !important;
  }

  .profile-choice-btn{
    min-height:46px !important;
    font-size:16px !important;
    border-radius:14px !important;
  }

  .panel{
    padding:16px !important;
  }
}

.variant-file-name{
  font-size:20px;
  font-weight:800;
  line-height:1.25;
  color:var(--text);
  margin-bottom:10px;
  word-break:break-word;
  overflow-wrap:anywhere;
}

@media (max-width:640px){
  .variant-file-name{
    font-size:18px;
    margin-bottom:8px;
  }
}

.variant-file-name{
  font-size:20px;
  font-weight:800;
  line-height:1.25;
  color:var(--text);
  margin-bottom:10px;
  word-break:break-word;
  overflow-wrap:anywhere;
}

@media (max-width:640px){
  .variant-file-name{
    font-size:18px;
    margin-bottom:8px;
  }
}

.variant-file-name{
  font-size:20px;
  font-weight:800;
  line-height:1.25;
  color:var(--text);
  margin-bottom:10px;
  word-break:break-word;
  overflow-wrap:anywhere;
}

@media (max-width:640px){
  .variant-file-name{
    font-size:18px;
    margin-bottom:8px;
  }
}

.variant-file-name{
  font-size:18px;
  font-weight:800;
  line-height:1.28;
  color:var(--text);
  margin-bottom:10px;
  word-break:break-word;
  overflow-wrap:anywhere;
}

@media (max-width:640px){
  .variant-file-name{
    font-size:17px;
    margin-bottom:8px;
  }
}


.brand-home-link{
  color:inherit;
  text-decoration:none;
  display:inline-block;
}

.queue-result-panel{
  text-align:center;
}

.queue-result-message{
  margin:18px auto 0 auto;
  max-width:100%;
  font-size:20px;
  font-weight:800;
  line-height:1.35;
  word-break:break-word;
  overflow-wrap:anywhere;
}

.queue-result-message.success{
  color:var(--text);
}

.queue-result-message.error{
  color:#b04b5a;
}

.progress-name{
  word-break:break-word;
  overflow-wrap:anywhere;
}

@media (max-width:640px){
  .queue-result-message{
    font-size:16px;
    line-height:1.4;
  }
}


.home-status{
  width:min(720px, 92vw) !important;
  max-height:56vh;
  overflow:auto;
  padding-bottom:18px !important;
}

.progress-list{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.progress-item{
  width:100%;
  min-height:190px;
}

@media (max-width:640px){
  .home-status{
    width:min(760px, 94vw) !important;
    max-height:58vh;
    padding:18px !important;
  }

  .progress-item{
    min-height:210px;
  }
}


.brand-home-link,
.home-logo,
.results-title,
.wrap > h1,
.wrap > h1 a{
  color: var(--accent-strong) !important;
}

.home-status{
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scroll-behavior: smooth;
}

.progress-list{
  width: 100%;
  overflow: hidden;
}

.progress-item{
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.progress-name,
.progress-meta,
.progress-reason{
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.progress-actions{
  width: 100%;
  overflow: hidden;
}

.progress-actions form{
  margin: 0;
}

.mini-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media (max-width:640px){
  .home-logo{
    font-size: 64px !important;
    line-height: 1 !important;
  }

  .wrap > h1,
  .wrap > h1 a{
    font-size: 36px !important;
    line-height: 1 !important;
  }

  .home-status{
    max-height: 62vh !important;
  }

  .progress-item{
    min-height: 0 !important;
  }
}

.home-status{
  padding-bottom:24px !important;
}

.progress-item{
  min-height:auto !important;
  height:auto !important;
  padding-bottom:20px !important;
}

.progress-actions{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  margin-top:18px !important;
  position:relative !important;
  z-index:2 !important;
}

.progress-actions .mini-btn{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

@media (max-width:640px){
  .progress-item{
    padding-bottom:22px !important;
  }

  .progress-actions{
    margin-top:16px !important;
  }
}

.progress-item{
  min-height: 260px !important;
  height: auto !important;
  overflow: visible !important;
  padding: 22px !important;
}

.progress-name{
  min-height: 72px !important;
}

.progress-meta{
  min-height: 72px !important;
}

.progress-reason{
  min-height: 64px !important;
}

.progress-actions{
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin-top: 16px !important;
  min-height: 56px !important;
  overflow: visible !important;
}

.progress-actions form{
  display: block !important;
}

.progress-actions .mini-btn{
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width:640px){
  .progress-item{
    min-height: 280px !important;
    padding: 20px !important;
  }

  .progress-name{
    min-height: 84px !important;
  }

  .progress-meta{
    min-height: 78px !important;
  }

  .progress-reason{
    min-height: 72px !important;
  }
}

.home-status{
  max-height: 58vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

.progress-list{
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.progress-item{
  min-height: unset !important;
  height: auto !important;
  overflow: visible !important;
  padding: 22px !important;
}

.progress-name{
  min-height: 0 !important;
  margin-bottom: 14px !important;
}

.progress-meta{
  min-height: 0 !important;
  margin-bottom: 14px !important;
}

.progress-reason{
  min-height: 0 !important;
  margin-bottom: 14px !important;
}

.progress-actions{
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin-top: 14px !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.progress-actions form{
  display: block !important;
  margin: 0 !important;
}

.progress-actions .mini-btn{
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width:640px){
  .home-status{
    max-height: 60vh !important;
  }

  .progress-item{
    padding: 20px !important;
  }
}

html,
body{
  height: auto !important;
  min-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

body{
  display: block !important;
}

.wrap,
.home-center{
  min-height: auto !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.home-center{
  padding-top: 28px !important;
  padding-bottom: 48px !important;
}

.home-status{
  max-height: 56vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}

@media (max-width:640px){
  .home-center{
    padding-top: 24px !important;
    padding-bottom: 64px !important;
  }

  .home-status{
    max-height: 54vh !important;
  }
}

/* home layout restore */
html,
body{
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

body{
  display:block !important;
}

.home-center{
  min-height:100vh !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  padding:32px 20px 48px !important;
}

.home-logo{
  margin-bottom:26px !important;
}

.home-search{
  width:min(760px, 92vw) !important;
  margin:0 auto !important;
}

.home-toggle-row{
  margin-top:18px !important;
  margin-bottom:18px !important;
}

/* downloads panel only */
.home-status{
  width:min(760px, 92vw) !important;
  max-height:42vh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;
  padding:18px !important;
}

.progress-list{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
}

.progress-item{
  min-height:auto !important;
  height:auto !important;
  overflow:visible !important;
  padding:20px !important;
}

.progress-name,
.progress-meta,
.progress-reason{
  min-height:0 !important;
  margin-bottom:12px !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}

.progress-actions{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  margin-top:12px !important;
}

@media (max-width:640px){
  .home-center{
    padding:24px 16px 40px !important;
  }

  .home-status{
    width:min(760px, 94vw) !important;
    max-height:40vh !important;
  }
}

/* hard reset for home layout */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

body {
  display: block !important;
}

.home-center {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 24px 16px 40px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.home-logo,
.home-search,
.home-toggle-row,
.home-status {
  width: min(760px, 92vw) !important;
  max-width: min(760px, 92vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.home-logo {
  text-align: center !important;
}

.home-status {
  max-height: 42vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 18px !important;
  box-sizing: border-box !important;
  -webkit-overflow-scrolling: touch !important;
}

.progress-list {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  box-sizing: border-box !important;
}

.progress-item {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.progress-name,
.progress-meta,
.progress-reason,
.progress-actions {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.progress-name,
.progress-meta,
.progress-reason {
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

.progress-actions {
  display: flex !important;
  justify-content: flex-start !important;
  margin-top: 12px !important;
}

@media (max-width: 640px) {
  .home-center {
    padding: 20px 12px 32px !important;
  }

  .home-logo,
  .home-search,
  .home-toggle-row,
  .home-status {
    width: min(760px, 94vw) !important;
    max-width: min(760px, 94vw) !important;
  }

  .home-status {
    max-height: 40vh !important;
    padding: 16px !important;
  }

  .progress-item {
    padding: 16px !important;
  }
}

/* final reset for downloads panel */
.home-status{
  width:min(760px, 94vw) !important;
  max-width:min(760px, 94vw) !important;
  max-height:44vh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:18px !important;
  box-sizing:border-box !important;
  -webkit-overflow-scrolling:touch !important;
}

.progress-list{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

.progress-item{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-height:unset !important;
  height:auto !important;
  max-height:none !important;
  padding:20px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

.progress-name{
  display:block !important;
  width:100% !important;
  margin:0 0 14px 0 !important;
  padding:0 !important;
  min-height:unset !important;
  height:auto !important;
  line-height:1.3 !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}

.progress-meta{
  display:block !important;
  width:100% !important;
  margin:0 0 14px 0 !important;
  padding:0 !important;
  min-height:unset !important;
  height:auto !important;
  line-height:1.35 !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}

.progress-reason{
  display:block !important;
  width:100% !important;
  margin:0 0 14px 0 !important;
  padding:0 !important;
  min-height:unset !important;
  height:auto !important;
  line-height:1.4 !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}

.progress-actions{
  display:flex !important;
  width:100% !important;
  justify-content:flex-start !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
  min-height:unset !important;
  height:auto !important;
  overflow:visible !important;
}

.progress-actions form{
  margin:0 !important;
  padding:0 !important;
}

.progress-actions .mini-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

@media (max-width:640px){
  .home-status{
    max-height:46vh !important;
    padding:16px !important;
  }

  .progress-item{
    padding:18px !important;
  }
}

.home-status{
  width:min(760px, 94vw) !important;
  max-width:min(760px, 94vw) !important;
  max-height:78vh !important;
  min-height:420px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
}

@media (max-width:640px){
  .home-status{
    max-height:78vh !important;
    min-height:430px !important;
  }
}

/* ===== downloads final lock ===== */
.home-center .home-status{
  width:min(760px,94vw) !important;
  max-width:min(760px,94vw) !important;
  min-height:420px !important;
  max-height:78vh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;
  padding:18px !important;
  box-sizing:border-box !important;
}

.home-center .home-status .progress-list{
  width:100% !important;
  max-width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

.home-center .home-status .progress-item{
  width:100% !important;
  max-width:100% !important;
  min-height:unset !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  padding:20px !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

.home-center .home-status .progress-name,
.home-center .home-status .progress-meta,
.home-center .home-status .progress-reason,
.home-center .home-status .progress-actions{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-height:unset !important;
  height:auto !important;
  margin:0 0 14px 0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}

.home-center .home-status .progress-actions{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  margin:0 !important;
}

.home-center .home-status .progress-actions form{
  margin:0 !important;
  padding:0 !important;
  display:block !important;
}

.home-center .home-status .progress-actions .mini-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  visibility:visible !important;
  opacity:1 !important;
}

@media (max-width:640px){
  .home-center .home-status{
    min-height:430px !important;
    max-height:78vh !important;
    padding:16px !important;
  }

  .home-center .home-status .progress-item{
    padding:18px !important;
  }
}
/* ===== end downloads final lock ===== */

.queue-result-note{
  margin:12px auto 0 auto;
  font-size:16px;
  color:var(--muted);
  text-align:center;
}

@media (max-width:640px){
  .queue-result-note{
    font-size:14px;
  }
}

.notify-box{
  width:min(760px,94vw);
  max-width:min(760px,94vw);
  margin:16px auto 0 auto;
  box-sizing:border-box;
}

.notify-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:12px;
}

.notify-status{
  margin-top:12px;
  line-height:1.4;
  word-break:break-word;
  overflow-wrap:anywhere;
}

@media (max-width:640px){
  .notify-row{
    flex-direction:column;
  }
}

@media (max-width: 700px) {
  .movie-head-2col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }

  .poster-vert-box {
    width: 180px;
    max-width: 60vw;
    margin: 0 auto;
  }

  .poster-vert-img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .movie-main-copy {
    width: 100%;
    text-align: center;
  }

  .result-name {
    text-align: center;
    word-break: break-word;
  }

  .result-sub {
    text-align: center;
  }

  .plot-wrap,
  .plot-short,
  .plot-full {
    text-align: center;
    word-break: break-word;
  }

  .score-strip {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }

  .score-strip span {
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;
  }

  .plot-toggle {
    display: inline-block;
    width: auto;
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }
}

@media (max-width: 700px) {
  .result-sub,
  .result-sub span {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  .plot-toggle {
    display: block;
    margin: 12px auto 0 auto;
    text-align: center;
  }
}


.progress-extra,
.progress-files {
  margin-top: 10px;
  line-height: 1.5;
  word-break: break-word;
}

.progress-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

@media (max-width: 700px) {
  .progress-actions {
    justify-content: flex-start;
  }
}


.download-details-box {
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid rgba(120, 100, 90, 0.12);
}

.download-details-box .progress-extra,
.download-details-box .progress-files {
  margin-top: 10px;
  line-height: 1.5;
  word-break: break-word;
}


.status-badge-row {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 16px 0;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 0.95rem;
  line-height: 1;
  border: 1px solid rgba(120, 100, 90, 0.18);
  background: rgba(255, 255, 255, 0.75);
}

.status-badge.ok {
  border-color: rgba(50, 130, 70, 0.28);
}

.status-badge.bad {
  border-color: rgba(180, 70, 70, 0.28);
}

@media (max-width: 700px) {
  .status-badge-row {
    margin-bottom: 14px;
  }

  .status-badge {
    font-size: 0.9rem;
    padding: 8px 10px;
  }
}


.route-copy-footer {
  margin: 48px 0 24px 0;
  padding: 0 20px;
}

@media (max-width: 700px) {
  .route-copy-footer {
    margin: 56px 0 22px 0;
    padding: 0 24px;
  }
}

.route-copy-footer {
  text-align: center !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.route-copy.route-copy-footer {
  text-align: center !important;
}


.toast-host {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
  pointer-events: none;
}

.toast-item {
  min-width: 120px;
  max-width: min(78vw, 320px);
  padding: 12px 16px;
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.10);
  border: 1px solid rgba(120, 100, 90, 0.12);
  background: rgba(255, 255, 255, 0.96);
  color: rgba(50, 42, 38, 0.95);
  font-size: 0.98rem;
  line-height: 1.2;
  transform: translateY(8px);
  opacity: 0;
  transition: opacity 0.22s ease, transform 0.22s ease;
  text-align: center;
}

.toast-item.show {
  opacity: 1;
  transform: translateY(0);
}

.toast-success {
  border-color: rgba(70, 150, 90, 0.25);
}

.toast-error {
  border-color: rgba(180, 70, 70, 0.25);
}

.toast-info {
  border-color: rgba(80, 120, 180, 0.22);
}

@media (max-width: 700px) {
  .toast-host {
    right: 14px;
    left: 14px;
    bottom: 14px;
    align-items: center;
  }

  .toast-item {
    width: 100%;
    max-width: 100%;
    font-size: 0.95rem;
  }
}


.progress-files {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(120, 100, 90, 0.10);
}


.search-suggest-box {
  width: min(720px, calc(100vw - 32px));
  margin: 10px auto 0 auto;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(120, 100, 90, 0.12);
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.search-suggest-item {
  width: 100%;
  display: block;
  text-align: center;
  padding: 14px 16px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(120, 100, 90, 0.08);
  font-size: 1rem;
  line-height: 1.3;
}

.search-suggest-item:last-child {
  border-bottom: 0;
}

@media (max-width: 700px) {
  .search-suggest-box {
    width: calc(100vw - 28px);
    margin-top: 8px;
    border-radius: 16px;
  }

  .search-suggest-item {
    padding: 13px 14px;
    font-size: 0.98rem;
  }
}


.home-search input {
  text-align: center !important;
  text-align-last: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-indent: 0 !important;
}

.home-search input::placeholder {
  text-align: center !important;
  opacity: 1;
}




.home-sub-btn:hover{
  background:#faf7f4;
}


.home-actions-stack{
  width:100%;
  display:flex;
  justify-content:center;
  margin:12px 0 8px 0 !important;
  position:relative;
  z-index:1;
  pointer-events:auto;
}

.home-sub-btn{
  border:1px solid #e7dcd4;
  background:#fff;
  color:#6e625b;
  border-radius:999px;
  padding:14px 22px;
  font-size:16px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  position:relative;
  z-index:1;
}

.home-toggle-row{
  margin-top:6px !important;
  position:relative;
  z-index:1;
}

.home-toggle-btn{
  position:relative;
  z-index:1;
}

.home-center{
  position:relative;
}

.search-suggest-box{
  z-index:20;
}



.home-center{
  min-height: auto !important;
  padding-top: 120px !important;
  padding-bottom: 48px !important;
  justify-content: flex-start !important;
}

.home-logo{
  margin-top: 0 !important;
  margin-bottom: 72px !important;
}

.home-search{
  margin-bottom: 28px !important;
}

.home-actions-stack{
  margin-top: 54px !important;
}




.home-sub-btn,
.home-toggle-btn{
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 12px 22px !important;
  min-width: 220px !important;
}

.route-copy-footer{
  margin-top: 140px !important;
  font-size: 18px !important;
}



.surprise-modal{
  position:fixed;
  inset:0;
  z-index:9999;
}

.surprise-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.18);
  backdrop-filter:blur(2px);
}

.surprise-card{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(88vw, 560px);
  background:#f7f4f1;
  border:1px solid #e7dcd4;
  border-radius:32px;
  box-shadow:0 20px 60px rgba(0,0,0,0.10);
  padding:28px 22px 22px 22px;
  text-align:center;
}

.surprise-title{
  font-size:32px;
  font-weight:800;
  color:#403631;
  line-height:1.1;
  margin-bottom:18px;
}

.surprise-genres{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:18px;
}

.surprise-genre-btn{
  border:1px solid #e7dcd4;
  background:#fff;
  color:#6e625b;
  border-radius:999px;
  min-height:54px;
  padding:0 16px;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
}

.surprise-genre-btn:hover{
  background:#faf7f4;
}

.surprise-result{
  border:1px solid #e7dcd4;
  background:#fff;
  border-radius:28px;
  padding:20px 16px;
  margin:8px 0 18px 0;
}

.surprise-result-label{
  font-size:14px;
  font-weight:700;
  color:#8d8178;
  letter-spacing:0.04em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.surprise-movie-title{
  font-size:38px;
  font-weight:900;
  line-height:1.05;
  color:#403631;
  word-break:break-word;
}

.surprise-movie-meta{
  margin-top:10px;
  font-size:18px;
  font-weight:700;
  color:#7a6f68;
}

.surprise-actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}

.surprise-actions .home-sub-btn{
  width:min(100%, 340px);
}

@media (max-width:640px){
  .surprise-card{
    width:min(92vw, 560px);
    padding:24px 16px 18px 16px;
    border-radius:26px;
  }

  .surprise-title{
    font-size:28px;
  }

  .surprise-genres{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .surprise-genre-btn{
    min-height:50px;
    font-size:16px;
  }

  .surprise-movie-title{
    font-size:32px;
  }

  .surprise-movie-meta{
    font-size:16px;
  }
}



.surprise-movie-poster{
  display:block;
  width:min(220px, 70vw);
  max-width:100%;
  margin:0 auto 14px auto;
  border-radius:20px;
  border:1px solid #e7dcd4;
  box-shadow:0 8px 24px rgba(0,0,0,0.08);
}

.surprise-movie-overview{
  margin-top:14px;
  color:#6e625b;
  font-size:16px;
  line-height:1.6;
}


.surprise-movie-overview{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.surprise-movie-overview.expanded{
  display:block;
  -webkit-line-clamp:unset;
  overflow:visible;
}


.surprise-modal {
  position: fixed;
  inset: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px;
  box-sizing: border-box;
}

.surprise-card {
  width: min(680px, 100%);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 auto;
  box-sizing: border-box;
}

.surprise-result {
  overflow: hidden;
}

.surprise-movie-poster {
  display: block;
  width: min(220px, 62vw);
  max-width: 100%;
  height: auto;
  max-height: 38dvh;
  object-fit: contain;
  margin: 0 auto 16px auto;
}

.surprise-movie-overview {
  overflow-wrap: anywhere;
}


.surprise-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
}

#surpriseAnotherBtn,
#surpriseSearchBtn {
  background: #8fc4f2;
  color: #1f2d3d;
  border-color: #8fc4f2;
}


#surpriseCloseBtn {
  min-height: 64px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 9999px;
}


.surprise-actions .home-sub-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 82px;
  padding: 0 20px;
  line-height: 1.2;
}

#surpriseAnotherBtn,
#surpriseSearchBtn,
#surpriseCloseBtn {
  width: 100%;
}

#surpriseAnotherBtn,
#surpriseSearchBtn {
  background: #8fc4f2;
  color: #1f2d3d;
  border-color: #8fc4f2;
}




@media (max-width: 480px) {
  .surprise-modal {
    padding: 8px !important;
  }

  .surprise-modal-card {
    padding: 12px !important;
    border-radius: 24px !important;
  }

  .surprise-result {
    padding: 10px !important;
    margin-top: 8px !important;
  }

  .surprise-result-label {
    font-size: 16px !important;
    margin-bottom: 8px !important;
    letter-spacing: 0.06em !important;
  }

  .surprise-movie-poster {
    width: min(46vw, 220px) !important;
    max-width: 220px !important;
    border-radius: 18px !important;
    margin: 0 auto 10px !important;
  }

  .surprise-movie-title {
    font-size: 32px !important;
    line-height: 1.02 !important;
    margin: 6px 0 6px !important;
  }

  .surprise-movie-meta {
    font-size: 15px !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
  }

  .surprise-movie-overview {
    font-size: 15px !important;
    line-height: 1.42 !important;
    margin-top: 6px !important;
  }

  .surprise-actions {
    gap: 10px !important;
    margin-top: 12px !important;
  }

  .surprise-actions .home-sub-btn,
  #surpriseAnotherBtn,
  #surpriseSearchBtn,
  #surpriseCloseBtn {
    min-height: 64px !important;
    height: 64px !important;
    border-radius: 999px !important;
    font-size: 18px !important;
    padding: 0 16px !important;
  }
}



.search-meta,
.results-meta,
.search-status,
.page-status,
.page-indicator,
.result-summary {
  display: none !important;
}

@media (max-width: 480px) {
  .search-meta,
  .results-meta,
  .search-status,
  .page-status,
  .page-indicator,
  .result-summary {
    display: none !important;
  }
}

#surpriseAnotherBtn {
  background: #efc3c9 !important;
  color: #6b2028 !important;
  border-color: #efc3c9 !important;
}

#surpriseSearchBtn {
  background: #8fc4f2 !important;
  color: #1f2d3d !important;
  border-color: #8fc4f2 !important;
}


.hot-pick-card {
  width: 100%;
  max-width: 288px;
  margin: 0 auto 10px auto;
  text-align: center;
}

.hot-pick-poster {
  width: 100%;
  max-width: 180px;
  border-radius: 14px;
  display: block;
  margin: 4px auto 10px auto;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.hot-pick-title {
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 6px;
}

.hot-pick-meta {
  font-size: 0.98rem;
  opacity: 0.82;
  margin-bottom: 8px;
}

.hot-pick-overview {
  font-size: 0.95rem;
  line-height: 1.55;
  text-align: left;
  margin: 0 auto 12px auto;
  max-width: 240px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hot-pick-card{
  width:100%;
  max-width:640px;
  margin:18px auto 18px auto;
  text-align:left;
  padding:22px 20px;
}

.hot-pick-inner{
  display:flex;
  align-items:flex-start;
  gap:18px;
}

.hot-pick-poster{
  width:120px;
  min-width:120px;
  max-width:120px;
  border-radius:16px;
  display:block;
  margin:0;
  box-shadow:0 8px 20px rgba(0,0,0,0.12);
}

.hot-pick-body{
  flex:1;
  min-width:0;
}

.hot-pick-kicker{
  font-size:1.5rem;
  font-weight:700;
  line-height:1.2;
  margin-bottom:10px;
  text-align:left;
}

.hot-pick-title{
  font-size:2.2rem;
  font-weight:800;
  line-height:1.08;
  margin-bottom:10px;
  text-align:left;
}

.hot-pick-meta{
  font-size:1.15rem;
  opacity:0.82;
  margin-bottom:12px;
  text-align:left;
}

.hot-pick-overview{
  font-size:1.02rem;
  line-height:1.6;
  margin:0 0 14px 0;
  max-width:none;
  text-align:left;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

#hotPickSearchBtn{
  width:auto;
  min-width:220px;
  margin:0;
}

@media (max-width: 640px){
  .hot-pick-card{
    max-width:288px;
    padding:18px 16px;
  }

  .hot-pick-inner{
    gap:14px;
  }

  .hot-pick-poster{
    width:92px;
    min-width:92px;
    max-width:92px;
    border-radius:14px;
  }

  .hot-pick-kicker{
    font-size:1.05rem;
    margin-bottom:8px;
  }

  .hot-pick-title{
    font-size:1.25rem;
    line-height:1.12;
    margin-bottom:8px;
  }

  .hot-pick-meta{
    font-size:0.95rem;
    margin-bottom:8px;
  }

  .hot-pick-overview{
    font-size:0.92rem;
    line-height:1.5;
    -webkit-line-clamp:4;
    margin-bottom:10px;
  }

  #hotPickSearchBtn{
    min-width:0;
    width:100%;
    font-size:1rem;
  }
}

@media (max-width: 640px){
  .hot-pick-card{
    max-width:288px;
    padding:16px 14px;
  }

  .hot-pick-inner{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    gap:12px;
  }

  .hot-pick-poster{
    width:88px;
    min-width:88px;
    max-width:88px;
    border-radius:12px;
  }

  .hot-pick-body{
    flex:1;
    min-width:0;
  }

  .hot-pick-kicker{
    font-size:0.95rem;
    line-height:1.15;
    margin-bottom:6px;
  }

  .hot-pick-title{
    font-size:0.95rem;
    line-height:1.12;
    margin-bottom:6px;
    word-break:break-word;
    overflow-wrap:anywhere;
  }

  .hot-pick-meta{
    font-size:0.78rem;
    line-height:1.2;
    margin-bottom:8px;
  }

  .hot-pick-overview{
    font-size:0.74rem;
    line-height:1.35;
    -webkit-line-clamp:5;
    margin-bottom:8px;
  }

  #hotPickSearchBtn{
    width:100%;
    min-width:0;
    font-size:0.9rem;
    padding:12px 14px;
    border-radius:999px;
  }
}

.hot-pick-card{
  max-width:760px;
}

.hot-pick-inner{
  gap:16px;
}

.hot-pick-poster{
  width:96px;
  min-width:96px;
  max-width:96px;
}

.hot-pick-body{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.hot-pick-overview{
  -webkit-line-clamp:3;
}

#hotPickSearchBtn{
  width:220px;
  min-width:220px;
  align-self:center;
  margin-top:10px;
}

@media (max-width: 640px){
  .hot-pick-card{
    max-width:320px;
    padding:16px 14px;
  }

  .hot-pick-inner{
    gap:14px;
  }

  .hot-pick-poster{
    width:84px;
    min-width:84px;
    max-width:84px;
  }

  .hot-pick-title{
    font-size:0.9rem;
    line-height:1.08;
  }

  .hot-pick-meta{
    font-size:0.76rem;
  }

  .hot-pick-overview{
    font-size:0.72rem;
    line-height:1.32;
    -webkit-line-clamp:3;
  }

  #hotPickSearchBtn{
    width:180px;
    min-width:180px;
    align-self:center;
    margin-top:8px;
  }
}

.hot-pick-card{
  max-width:900px;
  padding:18px 18px;
}

.hot-pick-inner{
  gap:14px;
}

.hot-pick-poster{
  width:78px;
  min-width:78px;
  max-width:78px;
  border-radius:12px;
}

.hot-pick-title{
  font-size:0.88rem;
  line-height:1.06;
  margin-bottom:6px;
}

.hot-pick-meta{
  font-size:0.74rem;
  margin-bottom:6px;
}

.hot-pick-overview{
  font-size:0.70rem;
  line-height:1.28;
  -webkit-line-clamp:3;
  margin-bottom:8px;
}

#hotPickSearchBtn{
  width:160px;
  min-width:160px;
  align-self:center;
  margin-top:6px;
  font-size:0.88rem;
  padding:10px 12px;
}

@media (max-width: 640px){
  .hot-pick-card{
    max-width:360px;
    padding:14px 12px;
  }

  .hot-pick-poster{
    width:74px;
    min-width:74px;
    max-width:74px;
  }

  .hot-pick-title{
    font-size:0.82rem;
  }

  .hot-pick-meta{
    font-size:0.70rem;
  }

  .hot-pick-overview{
    font-size:0.66rem;
    -webkit-line-clamp:3;
  }

  #hotPickSearchBtn{
    width:150px;
    min-width:150px;
    font-size:0.82rem;
    padding:9px 10px;
  }
}

.hot-pick-card{
  width:100%;
  max-width:640px;
  margin:18px auto 18px auto;
}

@media (max-width: 640px){
  .hot-pick-card{
    width:100%;
    max-width:640px;
  }
}

#hotPickSearchBtn{
  width:140px !important;
  min-width:140px !important;
  align-self:center !important;
  margin-top:4px !important;
  padding:8px 12px !important;
  font-size:0.82rem !important;
  line-height:1.1 !important;
  border-radius:999px !important;
}

@media (max-width: 640px){
  #hotPickSearchBtn{
    width:140px !important;
    min-width:140px !important;
    margin-top:4px !important;
    padding:8px 12px !important;
    font-size:0.82rem !important;
  }
}

#hotPickSearchBtn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

#hotPickSearchBtn span,
#hotPickSearchBtn *{
  text-align:center !important;
}

#hotPickSearchBtn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin-left:0 !important;
  margin-right:0 !important;
  align-self:flex-start !important;
}

.hot-pick-body{
  display:flex !important;
  flex-direction:column !important;
}

.hot-pick-overview{
  margin-bottom:14px !important;
}

#hotPickSearchBtn{
  margin-top:0 !important;
  align-self:flex-start !important;
}

.hot-pick-actions{
  margin-top:14px;
  display:flex;
  justify-content:center;
}

#hotPickSearchBtn{
  width:170px !important;
  min-width:170px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin:0 !important;
  padding:10px 14px !important;
  font-size:0.86rem !important;
  line-height:1.1 !important;
  border-radius:999px !important;
}

@media (max-width: 640px){
  .hot-pick-actions{
    margin-top:12px;
  }

  #hotPickSearchBtn{
    width:170px !important;
    min-width:170px !important;
  }
}

@media (max-width: 640px){
  .home-center{
    padding-top:18px !important;
  }

  .home-logo{
    margin-top:0 !important;
    margin-bottom:18px !important;
    font-size:4.4rem !important;
    line-height:0.95 !important;
  }

  .home-search{
    margin-bottom:12px !important;
  }

  .home-search input{
    padding-top:14px !important;
    padding-bottom:14px !important;
    font-size:1rem !important;
  }

  .home-search button{
    padding-top:14px !important;
    padding-bottom:14px !important;
    font-size:1rem !important;
  }

  .home-actions-stack{
    gap:8px !important;
    margin:10px 0 6px 0 !important;
  }

  .home-sub-btn,
  .home-toggle-btn{
    font-size:1rem !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
  }

  .hot-pick-card{
    margin-top:10px !important;
    margin-bottom:10px !important;
  }
}

@media (max-width: 640px){
  .hot-pick-poster{
    width:86px !important;
    min-width:86px !important;
    max-width:86px !important;
  }

  .hot-pick-title{
    font-size:0.84rem !important;
    line-height:1.06 !important;
    margin-bottom:4px !important;
  }

  .hot-pick-meta{
    font-size:0.72rem !important;
    margin-bottom:6px !important;
  }

  .hot-pick-overview{
    font-size:0.66rem !important;
    line-height:1.24 !important;
    -webkit-line-clamp:2 !important;
    margin-bottom:8px !important;
  }

  .hot-pick-actions{
    margin-top:8px !important;
  }

  #hotPickSearchBtn{
    width:156px !important;
    min-width:156px !important;
    padding:8px 12px !important;
    font-size:0.8rem !important;
  }

  .home-actions-stack{
    gap:6px !important;
  }

  .home-sub-btn,
  .home-toggle-btn{
    padding-top:10px !important;
    padding-bottom:10px !important;
    font-size:0.96rem !important;
  }

  .home-status,
  .notify-box{
    margin-top:6px !important;
  }

  .home-status-title{
    margin-bottom:8px !important;
  }

  .home-bottom-status,
  .bottom-status,
  .route-status{
    margin-top:10px !important;
    font-size:0.9rem !important;
    line-height:1.2 !important;
  }
}

@media (max-width: 640px){
  .home-logo{
    margin-bottom:22px !important;
  }

  .home-search{
    margin-bottom:14px !important;
  }

  .hot-pick-card{
    margin-top:18px !important;
    margin-bottom:0 !important;
  }

  .home-actions-stack{
    margin-top:34px !important;
    gap:8px !important;
  }

  .home-sub-btn,
  .home-toggle-btn{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
}

@media (max-width: 640px){
  .home-center{
    padding-top:46px !important;
  }
}

@media (max-width: 640px){
  .home-center{
    padding-top:96px !important;
  }
}

@media (max-width: 640px){
  .hot-pick-card{
    padding-top:22px !important;
    padding-bottom:22px !important;
  }

  .hot-pick-inner{
    align-items:flex-start !important;
  }

  .hot-pick-overview{
    -webkit-line-clamp:3 !important;
    margin-bottom:12px !important;
  }

  .hot-pick-actions{
    margin-top:12px !important;
  }
}

@media (max-width: 640px){
  .hot-pick-card{
    padding-top:28px !important;
    padding-bottom:28px !important;
  }

  .hot-pick-overview{
    -webkit-line-clamp:4 !important;
    margin-bottom:14px !important;
  }

  .hot-pick-actions{
    margin-top:14px !important;
  }
}

@media (max-width: 640px){
  .home-center{
    padding-top:72px !important;
  }

  .home-logo{
    margin-bottom:10px !important;
    font-size:3.9rem !important;
    line-height:0.92 !important;
  }

  .home-search{
    margin-bottom:8px !important;
  }

  .home-search input{
    padding-top:11px !important;
    padding-bottom:11px !important;
    font-size:0.98rem !important;
  }

  .home-search button{
    padding-top:11px !important;
    padding-bottom:11px !important;
    font-size:0.98rem !important;
  }

  .home-actions-stack{
    margin-top:8px !important;
    gap:6px !important;
  }

  .home-sub-btn,
  .home-toggle-btn{
    padding-top:10px !important;
    padding-bottom:10px !important;
    font-size:0.96rem !important;
  }
}

@media (max-width: 640px){
  .home-logo{
    margin-bottom:22px !important;
  }

  .home-search{
    margin-bottom:12px !important;
  }

  .hot-pick-card{
    margin-top:10px !important;
    margin-bottom:8px !important;
  }

  .hot-pick-card{
    padding-top:18px !important;
    padding-bottom:18px !important;
  }

  .hot-pick-poster{
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
  }

  .hot-pick-title{
    margin-bottom:4px !important;
  }

  .hot-pick-meta{
    margin-bottom:6px !important;
  }

  .hot-pick-overview{
    -webkit-line-clamp:3 !important;
    margin-bottom:10px !important;
  }

  .hot-pick-actions{
    margin-top:8px !important;
  }

  .home-actions-stack{
    margin-top:12px !important;
    gap:6px !important;
  }
}

@media (max-width: 640px){
  .home-center{
    padding-top:160px !important;
  }
}

@media (max-width: 640px){
  .home-logo{
    margin-bottom:14px !important;
  }

  .home-search{
    margin-bottom:8px !important;
  }

  .home-search input{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  .home-search button{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  .home-actions-stack{
    margin-top:6px !important;
    margin-bottom:0 !important;
    gap:6px !important;
  }
}

@media (max-width: 640px){
  .home-logo{
    margin-top:-18px !important;
    margin-bottom:8px !important;
  }

  .home-search{
    margin-top:0 !important;
    margin-bottom:6px !important;
  }

  .home-search input{
    padding-top:9px !important;
    padding-bottom:9px !important;
  }

  .home-search button{
    padding-top:9px !important;
    padding-bottom:9px !important;
  }

  .home-actions-stack{
    margin-top:4px !important;
    margin-bottom:0 !important;
    gap:4px !important;
  }
}

/* hard override for home downloads panel */
#downloadsPanel{
  min-height: 520px !important;
  height: 78vh !important;
  max-height: 78vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

@media (max-width: 640px){
  #downloadsPanel{
    min-height: 520px !important;
    height: 78vh !important;
    max-height: 78vh !important;
  }
}


.progress-countries{
  margin: 0 0 10px 0 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  letter-spacing: 6px !important;
}

@media (max-width:640px){
  .progress-countries{
    font-size: 22px !important;
    letter-spacing: 5px !important;
  }
}
\n\n.progress-countries{\n  font-size:28px;\n  line-height:1;\n  text-align:left;\n  display:block;\n  width:100%;\n  margin:10px 0 14px 0;\n}\n
/* force left align for download countries */
#downloadsList .progress-countries{
  display:block !important;
  width:100% !important;
  text-align:left !important;
  margin:10px 0 14px 0 !important;
  padding:0 !important;
  align-self:flex-start !important;
  justify-content:flex-start !important;
}

#downloadsList .progress-item{
  text-align:left !important;
}

#downloadsList .progress-name,
#downloadsList .progress-meta,
#downloadsList .progress-reason,
#downloadsList .progress-countries,
#downloadsList .progress-actions{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

#downloadsList .progress-actions{
  justify-content:flex-start !important;
}


/* downloads meta two-line lock */
.home-center .home-status .progress-meta{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  line-height:1.35 !important;
  margin:0 !important;
}

.home-center .home-status .progress-meta-top{
  margin:0 0 2px 0 !important;
}

.home-center .home-status .progress-meta-bottom{
  margin:0 0 10px 0 !important;
}

.home-center .home-status .progress-countries{
  display:block !important;
  text-align:left !important;
  margin:0 0 12px 0 !important;
  padding:0 !important;
  line-height:1 !important;
}

.home-center .home-status .progress-reason{
  margin:0 0 14px 0 !important;
}


/* profile chip in downloads row */
.home-center .home-status .progress-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 !important;
}

.home-center .home-status .progress-actions form{
  margin:0 !important;
}

.profile-chip{
  background:#f6efe9 !important;
  color:var(--text) !important;
  border:1px solid var(--line) !important;
  box-shadow:none !important;
  cursor:default !important;
  pointer-events:none !important;
  min-width:auto !important;
  white-space:nowrap !important;
}

/* downloads action row split: profile left / actions right */
.home-center .home-status .progress-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  width:100% !important;
  flex-wrap:nowrap !important;
}

.home-center .home-status .progress-actions form{
  margin:0 !important;
}

.home-center .home-status .progress-actions .details-btn{
  margin-left:auto !important;
}

.profile-chip{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

@media (max-width:640px){
  .home-center .home-status .progress-actions{
    gap:10px !important;
  }

  .profile-chip{
    max-width:44vw !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}


.details-stack{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.details-row{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.details-label{
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
}

.details-value{
  font-size:18px;
  line-height:1.5;
  color:var(--text);
  text-align:left !important;
  word-break:break-word;
  overflow-wrap:anywhere;
}

.details-files{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:0 !important;
}

.details-file{
  font-size:17px;
  line-height:1.5;
  color:var(--text);
  text-align:left !important;
  word-break:break-word;
  overflow-wrap:anywhere;
}

.details-actions{
  margin-top:4px !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

/* tighten search page top spacing */
.wrap{
  padding-top: 8px !important;
}

.wrap > h1,
.wrap > h1 a{
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  line-height: 0.95 !important;
}

.search-panel{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.search-panel form,
.search-panel .search-form,
.search-panel .search-box{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.search-panel input[type="text"],
.search-panel input[type="search"]{
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.search-panel button,
.search-panel .search-btn{
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

.result-card,
.movie-card,
.panel.result-card{
  margin-top: 8px !important;
}

@media (max-width: 640px){
  .wrap{
    padding-top: 4px !important;
  }

  .wrap > h1,
  .wrap > h1 a{
    margin-bottom: 6px !important;
  }

  .search-panel input[type="text"],
  .search-panel input[type="search"]{
    margin-bottom: 8px !important;
  }

  .search-panel button,
  .search-panel .search-btn{
    margin-bottom: 10px !important;
  }

  .result-card,
  .movie-card,
  .panel.result-card{
    margin-top: 6px !important;
  }
}

/* search page hard top compression */
body .wrap{
  padding-top: 0 !important;
}

body .wrap > h1,
body .wrap > h1 a{
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  line-height: 0.9 !important;
}

body .search-panel{
  margin: 0 auto 8px auto !important;
  padding: 0 !important;
}

body .search-panel form{
  margin: 0 !important;
  padding: 0 !important;
}

body .search-panel input[type="text"],
body .search-panel input[type="search"]{
  margin: 0 0 8px 0 !important;
}

body .search-panel button,
body .search-panel .search-btn{
  margin: 0 0 8px 0 !important;
}

body .panel.result-card,
body .movie-card,
body .result-card{
  margin-top: 0 !important;
}

@media (max-width: 640px){
  body .wrap{
    padding-top: 0 !important;
  }

  body .wrap > h1,
  body .wrap > h1 a{
    margin: 0 0 4px 0 !important;
    font-size: 52px !important;
  }

  body .search-panel{
    margin: 0 auto 6px auto !important;
  }

  body .search-panel input[type="text"],
  body .search-panel input[type="search"]{
    margin: 0 0 6px 0 !important;
  }

  body .search-panel button,
  body .search-panel .search-btn{
    margin: 0 0 6px 0 !important;
  }

  body .panel.result-card,
  body .movie-card,
  body .result-card{
    margin-top: 0 !important;
  }
}

/* tighter search-to-result spacing */
.search-panel{
  margin-bottom: 4px !important;
}

.search-panel + .panel,
.search-panel + .movie-card,
.search-panel + .result-card{
  margin-top: 0 !important;
}

.hot-pick-card,
.panel.result-card,
.movie-card,
.result-card{
  margin-top: 6px !important;
}

@media (max-width: 640px){
  .search-panel{
    margin-bottom: 2px !important;
  }

  .hot-pick-card,
  .panel.result-card,
  .movie-card,
  .result-card{
    margin-top: 4px !important;
  }
}


.progress-bar-wrap{
  width:100%;
  height:8px;
  margin:8px 0 10px 0;
  background:rgba(120,100,90,0.08);
  border:1px solid rgba(120,100,90,0.08);
  border-radius:999px;
  overflow:hidden;
}

.progress-bar-fill{
  height:100%;
  width:0;
  border-radius:999px;
  background:#9fc3df;
  transition:width .35s ease;
}


.advanced-box{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(120,100,90,0.12);
}

.advanced-title{
  font-size:15px;
  font-weight:700;
  margin-bottom:10px;
  color:var(--text);
}

.advanced-section{
  margin-top:12px;
}

.advanced-subtitle{
  font-size:14px;
  font-weight:700;
  margin-bottom:8px;
  color:var(--text);
}

.advanced-row{
  margin-bottom:6px;
  line-height:1.55;
  word-break:break-word;
  overflow-wrap:anywhere;
}

.peer-card{
  margin-top:8px;
  padding:10px 12px;
  border:1px solid rgba(120,100,90,0.12);
  border-radius:12px;
  background:rgba(255,255,255,0.55);
}


.subtitle-summary{
  margin-top:10px;
  font-size:13px;
  line-height:1.4;
  color:#7a665c;
}

.subtitle-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.subtitle-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  line-height:1;
  border:1px solid rgba(122,102,92,0.18);
  background:#fffaf5;
  color:#6c584f;
}

.subtitle-badge-good{
  background:#f3eadf;
  border-color:rgba(122,102,92,0.24);
}

.subtitle-badge-soft{
  background:#fffdf9;
  border-color:rgba(122,102,92,0.14);
}

.downloads-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}


.quality-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.quality-tab{
  appearance:none;
  border:1px solid rgba(255,255,255,0.18);
  background:transparent;
  color:inherit;
  padding:8px 14px;
  border-radius:999px;
  cursor:pointer;
  font:inherit;
  line-height:1;
}

.quality-tab.active{
  border-color:rgba(255,255,255,0.32);
  background:rgba(255,255,255,0.10);
}

.quality-tab:hover{
  border-color:rgba(255,255,255,0.28);
}

@media (max-width: 640px){
  .downloads-toolbar{
    align-items:flex-start;
  }

  .quality-tab{
    padding:9px 12px;
  }
}


.downloads-toolbar{
  display:block;
  width:100%;
  margin-bottom:12px;
}

.quality-tabs{
  display:flex;
  width:100%;
  gap:10px;
}

.quality-tab{
  flex:1 1 0;
  min-height:48px;
  appearance:none;
  border:1px solid rgba(122,102,92,0.20);
  background:#fffdf9;
  color:#4c4038;
  padding:12px 0;
  border-radius:14px;
  cursor:pointer;
  font:inherit;
  font-weight:700;
  line-height:1;
  text-align:center;
}

.quality-tab.active{
  background:#f3eadf;
  border-color:rgba(122,102,92,0.34);
}

.quality-tab:hover{
  border-color:rgba(122,102,92,0.28);
}

@media (max-width: 640px){
  .quality-tabs{
    gap:8px;
  }

  .quality-tab{
    min-height:46px;
    border-radius:12px;
  }
}

/* feedback buttons layout fix */
.hot-pick-actions,
.surprise-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
  align-items: stretch;
}

.hot-pick-actions .home-sub-btn,
.surprise-actions .home-sub-btn {
  width: 100%;
  min-width: 0;
  margin: 0;
  justify-content: center;
}

@media (max-width: 640px) {
  .hot-pick-actions,
  .surprise-actions {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .hot-pick-actions .home-sub-btn,
  .surprise-actions .home-sub-btn {
    font-size: 20px;
    padding: 14px 12px;
  }
}

/* force feedback buttons inside card */
.hot-pick-card,
.surprise-card {
  overflow: hidden;
}

.hot-pick-actions,
.surprise-actions {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 16px 16px 16px !important;
  overflow: hidden !important;
}

.hot-pick-actions .home-sub-btn,
.surprise-actions .home-sub-btn {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

@media (max-width: 640px) {
  .hot-pick-actions,
  .surprise-actions {
    padding: 0 14px 14px 14px !important;
    gap: 8px !important;
  }

  .hot-pick-actions .home-sub-btn,
  .surprise-actions .home-sub-btn {
    font-size: 18px !important;
    padding: 12px 10px !important;
  }
}

/* normalize feedback buttons to search-this size */
.hot-pick-actions,
.surprise-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 170px)) !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 14px !important;
  padding: 0 0 2px 0 !important;
  box-sizing: border-box !important;
}

.hot-pick-actions .home-sub-btn,
.surprise-actions .home-sub-btn,
#hotPickSearchBtn,
#surpriseSearchBtn {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  font-size: 0.86rem !important;
  line-height: 1.1 !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  align-self: auto !important;
}

@media (max-width: 640px) {
  .hot-pick-actions,
  .surprise-actions {
    grid-template-columns: repeat(2, minmax(0, 156px)) !important;
    gap: 10px !important;
    margin-top: 10px !important;
  }

  .hot-pick-actions .home-sub-btn,
  .surprise-actions .home-sub-btn,
  #hotPickSearchBtn,
  #surpriseSearchBtn {
    width: 156px !important;
    min-width: 156px !important;
    max-width: 156px !important;
    padding: 8px 12px !important;
    font-size: 0.8rem !important;
  }
}

/* clean final mobile layout */
@media (max-width: 640px) {
  .home-center {
    min-height: auto !important;
    padding-top: 14px !important;
    padding-bottom: 18px !important;
    justify-content: flex-start !important;
  }

  .home-logo {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    font-size: 4.15rem !important;
    line-height: 0.92 !important;
  }

  .home-search {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }

  .hot-pick-card {
    margin-top: 14px !important;
    margin-bottom: 10px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .hot-pick-inner {
    align-items: flex-start !important;
    gap: 14px !important;
  }

  .hot-pick-poster {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    border-radius: 18px !important;
  }

  .hot-pick-body {
    min-height: 128px !important;
    justify-content: flex-start !important;
  }

  .hot-pick-kicker {
    font-size: 0.95rem !important;
    margin-bottom: 4px !important;
  }

  .hot-pick-title {
    font-size: 1.15rem !important;
    line-height: 1.1 !important;
    margin-bottom: 6px !important;
  }

  .hot-pick-meta {
    font-size: 0.88rem !important;
    margin-bottom: 8px !important;
  }

  .hot-pick-overview {
    font-size: 0.84rem !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 4 !important;
    margin-bottom: 10px !important;
  }

  .hot-pick-actions,
  .surprise-actions {
    grid-template-columns: repeat(2, minmax(0, 168px)) !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }

  .hot-pick-actions .home-sub-btn,
  .surprise-actions .home-sub-btn,
  #hotPickSearchBtn,
  #surpriseSearchBtn {
    width: 168px !important;
    min-width: 168px !important;
    max-width: 168px !important;
    padding: 11px 14px !important;
    font-size: 0.96rem !important;
    line-height: 1.1 !important;
  }

  .home-actions-stack {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    gap: 10px !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
  }

  #surpriseMeBtn,
  #downloadsToggleBtn {
    width: 78% !important;
    max-width: 420px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #downloadsToggleBtn {
    margin-top: 10px !important;
  }
}
@media (max-width: 640px) {
  .hot-pick-card {
    margin-bottom: 6px !important;
  }

  .home-actions-stack {
    margin-top: -6px !important;
    gap: 10px !important;
  }
}
@media (max-width: 640px) {
  .hot-pick-card {
    margin-top: 18px !important;
    margin-bottom: 8px !important;
  }

  .home-actions-stack {
    margin-top: 8px !important;
    gap: 10px !important;
  }
}
@media (max-width: 640px) {
  .home-center {
    padding-top: 18px !important;
  }

  .home-logo {
    margin-bottom: 24px !important;
    font-size: 4.35rem !important;
    line-height: 0.92 !important;
  }

  .home-search {
    margin-bottom: 26px !important;
  }

  .home-search input {
    min-height: 62px !important;
    font-size: 1.02rem !important;
    border-radius: 999px !important;
  }

  .home-search button {
    min-height: 62px !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    border-radius: 999px !important;
    margin-top: 12px !important;
  }

  .hot-pick-card {
    margin-top: 28px !important;
  }

  .home-actions-stack {
    margin-top: 12px !important;
  }
}

/* mobile spacing unify: search -> hotpick -> surprise -> downloads */
@media (max-width: 640px) {
  .home-center {
    padding-top: 18px !important;
    padding-bottom: 20px !important;
    gap: 0 !important;
  }

  .home-logo {
    margin-bottom: 22px !important;
  }

  .home-search {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }

  .home-search input {
    margin-bottom: 0 !important;
  }

  .home-search button {
    margin-top: 12px !important;
    margin-bottom: 0 !important;
  }

  .hot-pick-card {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }

  .home-actions-stack {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    gap: 18px !important;
  }

  #surpriseMeBtn,
  #downloadsToggleBtn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* mobile final vertical balance */
@media (max-width: 640px) {
  .home-center {
    padding-top: 42px !important;
    padding-bottom: 6px !important;
    min-height: auto !important;
    justify-content: flex-start !important;
  }

  .home-logo {
    margin-bottom: 26px !important;
  }

  .home-search {
    margin-bottom: 18px !important;
  }

  .hot-pick-card {
    margin-top: 18px !important;
    margin-bottom: 28px !important;
  }

  .home-actions-stack {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    gap: 14px !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
  }

  #surpriseMeBtn,
  #downloadsToggleBtn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 640px) {
  .home-center {
    padding-top: 56px !important;
  }

  .home-logo {
    margin-bottom: 30px !important;
  }

  .home-search {
    margin-bottom: 24px !important;
  }

  .home-search input {
    min-height: 72px !important;
    font-size: 1.02rem !important;
    border-radius: 999px !important;
  }

  .home-search button {
    min-height: 72px !important;
    font-size: 1.1rem !important;
    border-radius: 999px !important;
    margin-top: 14px !important;
  }

  .hot-pick-card {
    margin-top: 12px !important;
  }
}

@media (max-width: 640px) {
  .home-actions-stack {
    margin-top: 26px !important;
    margin-bottom: 0 !important;
    padding-bottom: 22px !important;
  }

  #surpriseMeBtn,
  #downloadsToggleBtn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #downloadsToggleBtn {
    margin-top: 10px !important;
  }

  .home-center {
    padding-bottom: calc(34px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 640px) {
  .home-actions-stack {
    margin-top: 18px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    gap: 10px !important;
  }

  #downloadsToggleBtn {
    margin-top: 10px !important;
  }

  .home-center {
    padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }
}

/* final mobile bottom safe override */
@media (max-width: 640px) {
  .home-center {
    padding-top: 26px !important;
    padding-bottom: calc(140px + env(safe-area-inset-bottom)) !important;
  }

  .home-search {
    margin-bottom: 16px !important;
  }

  .hot-pick-card {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }

  .home-actions-stack {
    position: static !important;
    top: auto !important;
    transform: none !important;
    margin-top: 18px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    gap: 10px !important;
  }

  #surpriseMeBtn,
  #downloadsToggleBtn {
    width: 78% !important;
    max-width: 420px !important;
    margin-bottom: 0 !important;
  }

  #downloadsToggleBtn {
    margin-top: 10px !important;
  }
}

@media (max-width: 640px) {
  .home-search {
    margin-bottom: 12px !important;
  }

  .hot-pick-card {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
  }

  .home-actions-stack {
    margin-top: 14px !important;
  }
}

.hot-pick-overview{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
}

.hot-pick-overview.expanded{
  display:block;
  -webkit-line-clamp:unset;
  overflow:visible;
}

.hot-pick-readmore{
  margin-top:8px;
  padding:0;
  border:0;
  background:transparent;
  color:#6fb3ea;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  cursor:pointer;
}

@media (max-width:640px){
  .hot-pick-readmore{
    margin-top:6px;
    font-size:14px;
  }
}

.hot-pick-overview{
  color:#4a403b;
  font-size:0.84rem !important;
  line-height:1.38 !important;
  margin-bottom:10px !important;
}

.hot-pick-overview.expanded{
  display:block;
}

#hotPickOverviewText{
  display:inline;
}

.hot-pick-readmore{
  display:inline;
  margin:0 0 0 6px;
  padding:0;
  border:0;
  background:transparent;
  color:#6fb3ea;
  font-size:0.84rem;
  font-weight:700;
  line-height:1.38;
  vertical-align:baseline;
  cursor:pointer;
}

@media (max-width:640px){
  .hot-pick-overview{
    font-size:0.82rem !important;
    line-height:1.34 !important;
  }

  .hot-pick-readmore{
    font-size:0.82rem !important;
  }
}

@media (max-width: 640px) {
  .hot-pick-overview {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    line-height: 1.34 !important;
    max-height: calc(1.34em * 3) !important;
  }
}

@media (max-width: 640px) {
  .hot-pick-overview {
    display: block !important;
    overflow: visible !important;
    max-height: none !important;
    line-height: 1.34 !important;
  }

  #hotPickOverviewText {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    max-height: calc(1.34em * 3) !important;
  }

  .hot-pick-overview.expanded #hotPickOverviewText {
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    max-height: none !important;
  }

  #hotPickReadMoreBtn {
    display: inline !important;
    margin-left: 6px !important;
    white-space: nowrap !important;
    vertical-align: baseline !important;
  }

  .hot-pick-overview:not(.expanded) #hotPickReadMoreBtn[style*="display: none"] {
    display: inline !important;
  }
}

@media (max-width: 640px) {
  .hot-pick-overview {
    display: block !important;
    overflow: visible !important;
    max-height: none !important;
  }

  #hotPickOverviewText {
    display: inline !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    max-height: none !important;
  }

  .hot-pick-overview.expanded #hotPickOverviewText {
    display: inline !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    max-height: none !important;
  }

  #hotPickReadMoreBtn {
    white-space: nowrap !important;
    vertical-align: baseline !important;
  }
}

@media (max-width: 640px) {
  .hot-pick-overview {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 6 !important;
    overflow: hidden !important;
    line-height: 1.34 !important;
    max-height: calc(1.34em * 6) !important;
  }

  #hotPickReadMoreBtn {
    display: none !important;
  }
}

/* surprise genre screen: hide result action buttons */
#surpriseGenres[style*="display: grid"] ~ .surprise-actions #surpriseGoodBtn,
#surpriseGenres[style*="display:grid"] ~ .surprise-actions #surpriseGoodBtn,
#surpriseGenres[style*="display: grid"] ~ .surprise-actions #surpriseBadBtn,
#surpriseGenres[style*="display:grid"] ~ .surprise-actions #surpriseBadBtn,
#surpriseGenres[style*="display: grid"] ~ .surprise-actions #surpriseSkipBtn,
#surpriseGenres[style*="display:grid"] ~ .surprise-actions #surpriseSkipBtn,
#surpriseGenres[style*="display: grid"] ~ .surprise-actions #surpriseAnotherBtn,
#surpriseGenres[style*="display:grid"] ~ .surprise-actions #surpriseAnotherBtn,
#surpriseGenres[style*="display: grid"] ~ .surprise-actions #surpriseSearchBtn,
#surpriseGenres[style*="display:grid"] ~ .surprise-actions #surpriseSearchBtn {
  display: none !important;
}

/* surprise result screen: show result action buttons normally */
#surpriseResult[style*="display: block"] ~ .surprise-actions #surpriseGoodBtn,
#surpriseResult[style*="display:block"] ~ .surprise-actions #surpriseGoodBtn,
#surpriseResult[style*="display: block"] ~ .surprise-actions #surpriseBadBtn,
#surpriseResult[style*="display:block"] ~ .surprise-actions #surpriseBadBtn,
#surpriseResult[style*="display: block"] ~ .surprise-actions #surpriseSkipBtn,
#surpriseResult[style*="display:block"] ~ .surprise-actions #surpriseSkipBtn,
#surpriseResult[style*="display: block"] ~ .surprise-actions #surpriseAnotherBtn,
#surpriseResult[style*="display:block"] ~ .surprise-actions #surpriseAnotherBtn,
#surpriseResult[style*="display: block"] ~ .surprise-actions #surpriseSearchBtn,
#surpriseResult[style*="display:block"] ~ .surprise-actions #surpriseSearchBtn {
  display: inline-flex !important;
}

/* surprise close button: red + centered */
#surpriseCloseBtn {
  background: #efc3c9 !important;
  color: #6b2028 !important;
  border-color: #efc3c9 !important;
}

.surprise-actions {
  justify-items: center !important;
}

.surprise-actions #surpriseCloseBtn {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 340px !important;
  justify-self: center !important;
}

/* surprise result layout */
.surprise-actions #surpriseAnotherBtn {
  display: none !important;
}

.surprise-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  justify-items: stretch !important;
}

.surprise-actions #surpriseGoodBtn {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.surprise-actions #surpriseSkipBtn {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.surprise-actions #surpriseBadBtn {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

.surprise-actions #surpriseSearchBtn {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  max-width: none !important;
}

.surprise-actions #surpriseCloseBtn {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  width: 100% !important;
  max-width: none !important;
  background: #efc3c9 !important;
  color: #6b2028 !important;
  border-color: #efc3c9 !important;
}

.surprise-actions .home-sub-btn {
  width: 100% !important;
  max-width: none !important;
  justify-self: stretch !important;
}

@media (max-width: 640px) {
  .surprise-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .surprise-actions .home-sub-btn {
    min-height: 64px !important;
    font-size: 18px !important;
  }
}

/* final surprise result layout cleanup */
#surpriseAnotherBtn {
  display: none !important;
}

#surpriseResult[style*="display: block"] ~ .surprise-actions,
#surpriseResult[style*="display:block"] ~ .surprise-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  align-items: stretch !important;
  justify-items: stretch !important;
}

#surpriseResult[style*="display: block"] ~ .surprise-actions .home-sub-btn,
#surpriseResult[style*="display:block"] ~ .surprise-actions .home-sub-btn {
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 64px !important;
  padding: 0 10px !important;
  font-size: 16px !important;
  justify-content: center !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
}

#surpriseResult[style*="display: block"] ~ .surprise-actions #surpriseGoodBtn,
#surpriseResult[style*="display:block"] ~ .surprise-actions #surpriseGoodBtn {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

#surpriseResult[style*="display: block"] ~ .surprise-actions #surpriseSkipBtn,
#surpriseResult[style*="display:block"] ~ .surprise-actions #surpriseSkipBtn {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

#surpriseResult[style*="display: block"] ~ .surprise-actions #surpriseBadBtn,
#surpriseResult[style*="display:block"] ~ .surprise-actions #surpriseBadBtn {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

#surpriseResult[style*="display: block"] ~ .surprise-actions #surpriseSearchBtn,
#surpriseResult[style*="display:block"] ~ .surprise-actions #surpriseSearchBtn {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  background: #8fc4f2 !important;
  color: #1f2d3d !important;
  border-color: #8fc4f2 !important;
}

#surpriseResult[style*="display: block"] ~ .surprise-actions #surpriseCloseBtn,
#surpriseResult[style*="display:block"] ~ .surprise-actions #surpriseCloseBtn {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  background: #efc3c9 !important;
  color: #6b2028 !important;
  border-color: #efc3c9 !important;
}

@media (max-width: 640px) {
  #surpriseResult[style*="display: block"] ~ .surprise-actions,
  #surpriseResult[style*="display:block"] ~ .surprise-actions {
    gap: 10px !important;
  }

  #surpriseResult[style*="display: block"] ~ .surprise-actions .home-sub-btn,
  #surpriseResult[style*="display:block"] ~ .surprise-actions .home-sub-btn {
    min-height: 60px !important;
    font-size: 15px !important;
  }
}

/* hard kill another one button */
#surpriseAnotherBtn,
button#surpriseAnotherBtn,
.surprise-actions #surpriseAnotherBtn,
#surpriseResult[style*="display: block"] ~ .surprise-actions #surpriseAnotherBtn,
#surpriseResult[style*="display:block"] ~ .surprise-actions #surpriseAnotherBtn {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* remove hot pick read more */
#hotPickReadMoreBtn,
.hot-pick-readmore {
  display: none !important;
}

/* safe hide for hot pick read more */
#hotPickReadMoreBtn,
.hot-pick-readmore {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* ===== iPhone results final override ===== */
html{
  -webkit-text-size-adjust:100%;
}

@media (max-width: 430px){
  .wrap.results-wrap{
    width:calc(100vw - 24px) !important;
    max-width:none !important;
    padding:10px 0 28px !important;
  }

  .results-header{
    max-width:none !important;
    margin:0 auto 14px !important;
    gap:10px !important;
  }

  .results-title{
    display:block !important;
    font-size:34px !important;
    line-height:0.98 !important;
    letter-spacing:-0.03em !important;
    text-align:center !important;
    margin:0 !important;
  }

  .compact-top-search{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 108px !important;
    gap:8px !important;
    align-items:center !important;
  }

  .compact-top-search input{
    min-width:0 !important;
    height:46px !important;
    font-size:16px !important;
    border-radius:999px !important;
    padding:0 14px !important;
  }

  .compact-top-search button{
    width:100% !important;
    height:46px !important;
    font-size:16px !important;
    border-radius:999px !important;
    padding:0 !important;
  }

  .movie-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .panel.result-card,
  .result-card{
    padding:16px !important;
    gap:14px !important;
    margin-top:0 !important;
  }

  .movie-head-2col{
    display:grid !important;
    grid-template-columns:108px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:start !important;
  }

  .poster-vert-box{
    width:108px !important;
    max-width:108px !important;
    min-width:108px !important;
    margin:0 !important;
    border-radius:14px !important;
  }

  .poster-vert-img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }

  .movie-main-copy{
    width:auto !important;
    min-width:0 !important;
    text-align:left !important;
    gap:8px !important;
  }

  .result-name{
    font-size:22px !important;
    line-height:1.08 !important;
    text-align:left !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
    margin:0 !important;
  }

  .result-sub,
  .result-sub span{
    display:inline !important;
    width:auto !important;
    text-align:left !important;
    margin:0 !important;
    font-size:15px !important;
  }

  .plot-wrap,
  .plot-short,
  .plot-full{
    text-align:left !important;
    font-size:15px !important;
    line-height:1.5 !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
  }

  .plot-toggle{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-height:44px !important;
    margin:8px 0 0 0 !important;
    padding:0 14px !important;
    text-align:center !important;
    white-space:normal !important;
    font-size:15px !important;
  }

  .score-strip{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:10px !important;
  }

  .score-strip span{
    width:100% !important;
    min-height:44px !important;
    padding:10px 12px !important;
    justify-content:space-between !important;
    align-items:center !important;
    text-align:left !important;
    font-size:14px !important;
    border-radius:14px !important;
  }

  .downloads-toggle-row{
    margin-top:12px !important;
  }

  .downloads-toggle-row .options-toggle{
    width:100% !important;
    min-height:46px !important;
    font-size:16px !important;
    border-radius:14px !important;
  }

  .downloads-toolbar{
    display:block !important;
    width:100% !important;
    margin-bottom:10px !important;
  }

  .quality-tabs{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
  }

  .quality-tab{
    min-width:0 !important;
    min-height:44px !important;
    padding:10px 8px !important;
    font-size:14px !important;
    border-radius:12px !important;
  }

  .variant-list{
    gap:10px !important;
  }

  .variant-row{
    display:flex;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    padding:10px 0 !important;
  }

  .variant-main{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
  }

  .variant-main span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
  }

  .variant-file-name{
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
  }

  .variant-actions,
  .variant-actions .action-btn,
  .small-btn{
    width:100% !important;
    min-width:0 !important;
  }

  .back-row{
    margin-top:16px !important;
  }
}

/* ===== final cross-environment mobile lock ===== */
html{
  -webkit-text-size-adjust:100%;
}

@media (max-width: 700px){

  body{
    overflow-x:hidden !important;
  }

  .wrap,
  .wrap.results-wrap,
  .home-center{
    width:min(100%, calc(100vw - 24px)) !important;
    max-width:680px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .wrap{
    padding-top:12px !important;
    padding-bottom:28px !important;
  }

  .home-logo,
  .results-title,
  .brand-home-link{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 14px auto !important;
    font-size:clamp(64px, 18vw, 96px) !important;
    line-height:0.9 !important;
    letter-spacing:-0.04em !important;
    text-align:center !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .home-search,
  .compact-top-search{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 18px auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    align-items:stretch !important;
  }

  .home-search input,
  .compact-top-search input,
  .searchbar input{
    width:100% !important;
    min-width:0 !important;
    height:56px !important;
    padding:0 18px !important;
    font-size:16px !important;
    border-radius:999px !important;
    box-sizing:border-box !important;
  }

  .home-search button,
  .compact-top-search button,
  .searchbar button{
    width:100% !important;
    min-width:0 !important;
    height:56px !important;
    padding:0 18px !important;
    font-size:18px !important;
    font-weight:800 !important;
    border-radius:999px !important;
    box-sizing:border-box !important;
  }

  .hot-pick-card,
  .panel.result-card,
  .result-card{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 18px auto !important;
    padding:20px !important;
    border-radius:24px !important;
    box-sizing:border-box !important;
  }

  .hot-pick-inner,
  .movie-head-2col{
    display:grid !important;
    grid-template-columns:120px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:start !important;
  }

  .hot-pick-poster,
  .poster-vert-box{
    width:120px !important;
    min-width:120px !important;
    max-width:120px !important;
    margin:0 !important;
    border-radius:18px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  .poster-vert-box{
    aspect-ratio:2 / 3 !important;
  }

  .hot-pick-poster,
  .poster-vert-img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .hot-pick-body,
  .movie-main-copy{
    width:auto !important;
    min-width:0 !important;
    text-align:left !important;
    box-sizing:border-box !important;
  }

  .hot-pick-kicker{
    font-size:15px !important;
    line-height:1.2 !important;
    margin:0 0 4px 0 !important;
  }

  .hot-pick-title,
  .result-name{
    font-size:22px !important;
    line-height:1.08 !important;
    text-align:left !important;
    margin:0 0 6px 0 !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
  }

  .hot-pick-meta,
  .result-sub{
    display:block !important;
    width:100% !important;
    font-size:15px !important;
    line-height:1.35 !important;
    text-align:left !important;
    margin:0 0 8px 0 !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
  }

  .result-sub span{
    display:inline !important;
    width:auto !important;
    text-align:left !important;
  }

  .hot-pick-overview,
  .plot-wrap,
  .plot-short,
  .plot-full{
    display:block !important;
    width:100% !important;
    font-size:15px !important;
    line-height:1.45 !important;
    text-align:left !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
    box-sizing:border-box !important;
  }

  .hot-pick-readmore,
  .plot-toggle{
    display:block !important;
    width:100% !important;
    min-height:44px !important;
    margin:10px 0 0 0 !important;
    padding:10px 14px !important;
    font-size:15px !important;
    text-align:center !important;
    white-space:normal !important;
    box-sizing:border-box !important;
  }

  .hot-pick-actions,
  .surprise-actions,
  .quality-tabs{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  .hot-pick-actions .home-sub-btn,
  .surprise-actions .home-sub-btn,
  .quality-tab{
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
    padding:10px 12px !important;
    font-size:16px !important;
    border-radius:14px !important;
    box-sizing:border-box !important;
  }

  .home-actions-stack{
    width:100% !important;
    transform:none !important;
    gap:12px !important;
    margin:12px 0 12px 0 !important;
  }

  .home-actions-stack .home-sub-btn,
  .home-actions-stack .home-toggle-btn,
  #surpriseMeBtn,
  #downloadsToggleBtn{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:56px !important;
    font-size:18px !important;
    font-weight:800 !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .home-status.panel,
  .notify-box.panel,
  .surprise-card{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .movie-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .score-strip{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:10px !important;
  }

  .score-strip span{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    width:100% !important;
    min-height:44px !important;
    padding:10px 12px !important;
    font-size:14px !important;
    text-align:left !important;
    box-sizing:border-box !important;
  }

  .downloads-toggle-row{
    margin-top:12px !important;
  }

  .downloads-toggle-row .options-toggle{
    width:100% !important;
    min-height:48px !important;
    font-size:16px !important;
    border-radius:14px !important;
    box-sizing:border-box !important;
  }

  .downloads-toolbar{
    display:block !important;
    width:100% !important;
    margin-bottom:10px !important;
  }

  .variant-list{
    gap:10px !important;
  }

  .variant-row{
    display:flex;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    padding:10px 0 !important;
  }

  .variant-main{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
  }

  .variant-file-name{
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
  }

  .variant-actions,
  .variant-actions .action-btn,
  .small-btn{
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .back-row{
    margin-top:16px !important;
  }
}
/* ===== end final cross-environment mobile lock ===== */


/* ===== button alignment unify ===== */
@media (max-width: 700px){

  .home-search,
  .compact-top-search{
    display:grid !important;
    grid-template-columns:1fr !important;
    justify-items:stretch !important;
    align-items:stretch !important;
  }

  .home-search button,
  .compact-top-search button,
  .searchbar button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  .hot-pick-actions,
  .surprise-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    align-items:stretch !important;
  }

  .hot-pick-actions .home-sub-btn,
  .surprise-actions .home-sub-btn,
  #hotPickGoodBtn,
  #hotPickBadBtn,
  #hotPickSkipBtn,
  #hotPickSearchBtn,
  #surpriseGoodBtn,
  #surpriseBadBtn,
  #surpriseSkipBtn,
  #surpriseAnotherBtn,
  #surpriseSearchBtn,
  #surpriseCloseBtn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 12px !important;
    margin:0 !important;
    border-radius:999px !important;
    box-sizing:border-box !important;
    text-align:center !important;
    white-space:nowrap !important;
    line-height:1 !important;
    font-size:15px !important;
    font-weight:700 !important;
  }

  #hotPickSearchBtn,
  #surpriseSearchBtn{
    border-radius:999px !important;
    width:100% !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 12px !important;
  }
}
/* ===== end button alignment unify ===== */


/* results: hide synopsis, keep ratings */
.results-wrap .plot-wrap,
.results-wrap .plot-short,
.results-wrap .plot-full,
.results-wrap .plot-toggle{
  display:none !important;
}

.results-wrap .score-strip{
  display:grid !important;
  margin-top:10px !important;
}

/* results: hide synopsis only, keep ratings visible */
.results-wrap .plot-short,
.results-wrap .plot-full,
.results-wrap .plot-toggle{
  display:none !important;
}

.results-wrap .plot-wrap{
  display:block !important;
  margin-top:10px !important;
}

.results-wrap .score-strip{
  display:grid !important;
  margin-top:10px !important;
}

/* results rating bars */
.results-wrap .movie-main-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}

.results-wrap .plot-wrap{
  margin-top:8px !important;
}

.results-wrap .score-strip.score-bars{
  display:grid !important;
  gap:10px !important;
}

.results-wrap .score-bar-card{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.results-wrap .score-bar-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
  font-size:14px !important;
  line-height:1.2 !important;
}

.results-wrap .score-bar-head em{
  font-style:normal !important;
  font-weight:700 !important;
  color:var(--text) !important;
}

.results-wrap .score-bar-head strong{
  font-weight:800 !important;
  color:var(--text) !important;
}

.results-wrap .score-bar-track{
  width:100% !important;
  height:10px !important;
  border-radius:999px !important;
  background:#efe7e1 !important;
  overflow:hidden !important;
}

.results-wrap .score-bar-fill{
  height:100% !important;
  border-radius:999px !important;
  background:var(--accent) !important;
  transition:width .25s ease !important;
}

@media (max-width:700px){
  .results-wrap .movie-head-2col{
    grid-template-columns:104px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:start !important;
  }

  .results-wrap .movie-main-copy{
    gap:6px !important;
  }

  .results-wrap .result-name{
    margin-bottom:2px !important;
  }

  .results-wrap .result-sub{
    margin-bottom:4px !important;
  }

  .results-wrap .score-strip.score-bars{
    margin-top:2px !important;
  }
}

/* ===== results card hard layout lock ===== */
@media (max-width: 700px){

  .results-wrap .movie-head-2col{
    display:grid !important;
    grid-template-columns:104px minmax(0,1fr) !important;
    grid-template-areas:
      "poster title"
      "poster meta"
      "poster ratings" !important;
    column-gap:12px !important;
    row-gap:6px !important;
    align-items:start !important;
  }

  .results-wrap .poster-vert-box{
    grid-area:poster !important;
    width:104px !important;
    min-width:104px !important;
    max-width:104px !important;
    align-self:start !important;
  }

  .results-wrap .movie-main-copy{
    grid-area:title !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-areas:
      "name"
      "sub"
      "ratings" !important;
    row-gap:6px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
    align-self:start !important;
  }

  .results-wrap .result-name{
    grid-area:name !important;
    margin:0 !important;
    font-size:20px !important;
    line-height:1.06 !important;
    text-align:left !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
  }

  .results-wrap .result-sub{
    grid-area:sub !important;
    margin:0 !important;
    font-size:14px !important;
    line-height:1.25 !important;
    text-align:left !important;
  }

  .results-wrap .plot-wrap{
    grid-area:ratings !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    min-width:0 !important;
  }

  .results-wrap .score-strip,
  .results-wrap .score-strip.score-bars{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin:0 !important;
    width:100% !important;
    min-width:0 !important;
  }

  .results-wrap .score-bar-card{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .results-wrap .score-bar-head{
    width:100% !important;
    min-width:0 !important;
  }

  .results-wrap .score-bar-track{
    width:100% !important;
    min-width:0 !important;
  }

  .results-wrap .downloads-toggle-row{
    margin-top:14px !important;
    clear:both !important;
  }

  .results-wrap .downloads-toggle-row .options-toggle{
    width:100% !important;
  }
}
/* ===== end results card hard layout lock ===== */


/* ===== results poster vertical centering ===== */
@media (max-width: 700px){

  .results-wrap .movie-head-2col{
    align-items:center !important;
  }

  .results-wrap .poster-vert-box{
    align-self:center !important;
  }

  .results-wrap .movie-main-copy{
    align-self:center !important;
  }
}
/* ===== end results poster vertical centering ===== */


/* results ratings percent bars */
.results-wrap .score-strip.score-bars{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin-top:8px !important;
  width:100% !important;
}

.results-wrap .score-strip.score-bars .score-bar-card{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  width:100% !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.results-wrap .score-strip.score-bars .score-bar-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
  font-size:14px !important;
  line-height:1.2 !important;
}

.results-wrap .score-strip.score-bars .score-bar-head em{
  font-style:normal !important;
  font-weight:700 !important;
  color:var(--text) !important;
}

.results-wrap .score-strip.score-bars .score-bar-head strong{
  font-weight:800 !important;
  color:var(--text) !important;
  white-space:nowrap !important;
}

.results-wrap .score-strip.score-bars .score-bar-track{
  width:100% !important;
  height:10px !important;
  border-radius:999px !important;
  background:#ece3dc !important;
  overflow:hidden !important;
}

.results-wrap .score-strip.score-bars .score-bar-fill{
  display:block !important;
  height:100% !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, #9fd4ff 0%, #7bbef5 100%) !important;
  transition:width .25s ease !important;
}

@media (max-width:700px){
  .results-wrap .score-strip.score-bars{
    gap:8px !important;
    margin-top:6px !important;
  }

  .results-wrap .score-strip.score-bars .score-bar-head{
    font-size:13px !important;
  }

  .results-wrap .score-strip.score-bars .score-bar-track{
    height:8px !important;
  }
}


/* ===== quality tabs horizontal lock ===== */
.quality-tabs{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
  width:100% !important;
}

.quality-tab{
  width:100% !important;
  min-width:0 !important;
  text-align:center !important;
  justify-content:center !important;
}

@media (max-width:640px){
  .quality-tabs{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
    width:100% !important;
  }

  .quality-tab{
    width:100% !important;
    min-width:0 !important;
  }
}
/* ===== end quality tabs horizontal lock ===== */

/* ===== global scale + logo fix ===== */
@media (max-width: 700px) {
  html {
    font-size: 85%;
  }

  .home-logo,
  .brand-home-link {
    font-size: clamp(52px, 15vw, 80px) !important;
    width: 100% !important;
    text-align: center !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    letter-spacing: -0.05em !important;
  }
}
/* ===== end global scale + logo fix ===== */

/* ===== vertical spacing fix ===== */
@media (max-width: 700px) {
  .home-center {
    padding-top: 48px !important;
    justify-content: flex-start !important;
  }

  .home-logo,
  .brand-home-link {
    margin-top: 16px !important;
    margin-bottom: 28px !important;
  }
}
/* ===== end vertical spacing fix ===== */

/* ===== quality tabs dynamic width ===== */
.quality-tabs {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
}

.quality-tab {
  flex: 1 1 0 !important;
  max-width: 160px !important;
  min-width: 0 !important;
}
/* ===== end quality tabs dynamic width ===== */

/* ===== tab full width + variant compact ===== */
.quality-tab {
  max-width: none !important;
}

.variant-meta-compact {
  font-size: 14px !important;
  color: var(--muted) !important;
  margin: 4px 0 8px 0 !important;
}
/* ===== end tab full width + variant compact ===== */

/* ===== tab full width + variant compact ===== */
.quality-tab {
  max-width: none !important;
}

.variant-meta-compact {
  font-size: 14px !important;
  color: var(--muted) !important;
  margin: 4px 0 8px 0 !important;
}
/* ===== end tab full width + variant compact ===== */

/* ===== download page center ===== */
body:has(.wrap > h1 > .brand-home-link) .wrap {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 32px 16px !important;
  box-sizing: border-box !important;
}

body:has(.wrap > h1 > .brand-home-link) .wrap > h1 {
  width: 100% !important;
  text-align: center !important;
}

body:has(.wrap > h1 > .brand-home-link) .panel {
  width: 100% !important;
  max-width: 480px !important;
}
/* ===== end download page center ===== */

/* ===== surprise modal scroll fix ===== */
.surprise-modal {
  position: fixed !important;
  inset: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 24px 16px !important;
  box-sizing: border-box !important;
}

.surprise-card {
  width: 100% !important;
  max-width: 480px !important;
  margin: auto !important;
}
/* ===== end surprise modal scroll fix ===== */

/* ===== surprise actions hide fix ===== */
#surpriseGoodBtn[style*="display:none"],
#surpriseBadBtn[style*="display:none"],
#surpriseSkipBtn[style*="display:none"],
#surpriseAnotherBtn[style*="display:none"],
#surpriseSearchBtn[style*="display:none"] {
  display: none !important;
}
/* ===== end surprise actions hide fix ===== */

/* ===== surprise modal display fix ===== */
.surprise-modal[style*="display:none"] {
  display: none !important;
}
/* ===== end surprise modal display fix ===== */

/* ===== surprise modal final fix ===== */
.surprise-modal[style*="display: none"],
.surprise-modal[style*="display:none"] {
  display: none !important;
}

.surprise-movie-poster {
  max-width: 140px !important;
  max-height: 200px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto 12px auto !important;
  display: block !important;
  border-radius: 12px !important;
}

.surprise-movie-title {
  font-size: 22px !important;
  line-height: 1.2 !important;
  margin-bottom: 6px !important;
}

.surprise-movie-meta {
  font-size: 14px !important;
  margin-bottom: 8px !important;
}

.surprise-movie-overview {
  font-size: 14px !important;
  line-height: 1.45 !important;
}
/* ===== end surprise modal final fix ===== */