/* sklftd.com editorial cinema skin. Visual properties only. */
:root{
  --bg:#f3efe7;
  --panel:#fffdf8;
  --muted:#697078;
  --line:#d9d2c6;
  --white:#25323a;
  --red:#b9573d;
  --green:#28866e;
  color:#25323a;
  background:#f3efe7;
  color-scheme:light;
  font-family:"Trebuchet MS","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
html,body{background:#f3efe7;color:#25323a}
::selection{background:#d79b78;color:#1f2c34}
.header{
  background:rgba(255,251,244,.94);
  border-bottom-color:#d6c8b8;
  box-shadow:0 10px 28px rgba(73,50,37,.1);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.brand{color:#32414a;font-weight:800}
.brand-mark{
  border-radius:11px;
  background:linear-gradient(145deg,#dd9470,#a94737);
  color:#fff9f0;
  box-shadow:0 8px 20px rgba(150,68,49,.2);
}
.nav a,.header-actions a{color:#35434b}
.nav a:hover,.nav a.active,.header-actions a:hover{color:#b45139}
.search,.language-select{
  background:#fffdf8;
  border-color:#d3c7b9;
  border-radius:10px;
  color:#25323a;
  box-shadow:0 2px 10px rgba(84,60,44,.045);
}
.search::placeholder{color:#7d8588}
.search:focus,.language-select:focus{border-color:#bd6a4b;outline-color:#bd6a4b;box-shadow:0 0 0 3px rgba(189,106,75,.15)}
.vip{
  border-radius:10px;
  background:linear-gradient(130deg,#c86f4d,#a34a39);
  color:#fffaf4;
  box-shadow:0 7px 18px rgba(164,72,52,.22);
  transition:filter .22s ease,transform .22s ease;
}
.vip:hover{filter:brightness(1.08);transform:translateY(-2px)}
.hero{background-color:#263641;color:#fffaf2}
.hero:before{
  background:linear-gradient(90deg,rgba(23,34,43,.95) 3%,rgba(30,38,44,.87) 35%,rgba(35,38,41,.33) 72%,rgba(30,36,39,.58) 100%),linear-gradient(0deg,#f3efe7 0%,transparent 34%);
}
.hero-copy{animation:editorial-reveal .65s ease-out both}
.hero h1,.section h2,.detail h1{
  font-family:Georgia,"Times New Roman","Songti SC","STSong",serif;
  font-weight:700;
  letter-spacing:-.035em;
}
.hero h1{text-shadow:0 8px 30px rgba(5,9,13,.35)}
.eyebrow{color:#e7aa83;letter-spacing:.18em}
.meta{color:#f1e6d9}
.hero p,.hero .desc{color:#f5ede4}
.btn{
  border:1px solid #2e424b;
  border-radius:10px;
  background:#2e424b;
  color:#fffaf3;
  box-shadow:0 7px 18px rgba(38,52,58,.13);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(38,52,58,.2);filter:brightness(1.06)}
.btn:active{transform:translateY(0)}
.btn.primary,.btn.red{
  border-color:#b9573d;
  background:linear-gradient(135deg,#cf7954,#ac5039);
  color:#fffaf3;
  box-shadow:0 8px 20px rgba(166,78,54,.25);
}
.hero .btn:not(.primary):not(.red){border-color:rgba(255,247,236,.34);background:rgba(255,250,242,.14);color:#fffaf3;backdrop-filter:blur(8px)}
.chips{border-bottom-color:#ddd2c4;background:#f3efe7}
.chip{
  border-color:#d9cbb9;
  border-radius:10px;
  background:#fffaf1;
  color:#33414a;
  box-shadow:0 2px 7px rgba(72,51,37,.055);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.chip:hover,.chip.active{border-color:#c47754;background:#f7e9dc;color:#9a4936;box-shadow:0 7px 15px rgba(139,77,52,.12);transform:translateY(-2px)}
.section h2{color:#283840}
.poster{border-radius:17px;background:#e8ddd0;box-shadow:0 13px 28px rgba(59,51,45,.16);transition:transform .28s ease,box-shadow .28s ease}
.card:hover .poster{transform:translateY(-4px);box-shadow:0 20px 34px rgba(59,51,45,.24)}
.card h3{color:#25323a;font-weight:750}
.card p{color:#69737a}
.badge{border-radius:7px;background:#af573e;color:#fff8ee;border-color:#d99874}
.rank{color:#fffaf2;-webkit-text-stroke-color:#34444c;text-shadow:0 3px 11px rgba(21,28,32,.45)}
.detail,.watch{color:#25323a}
.episode{border-color:#d8cbbd;border-radius:10px;background:#fffaf3;color:#293943;box-shadow:0 4px 10px rgba(77,57,43,.055);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.episode:hover{border-color:#c77753;transform:translateY(-2px);box-shadow:0 9px 19px rgba(77,57,43,.12)}
.player{border-radius:13px;box-shadow:0 15px 36px rgba(36,44,48,.18)}
.auth,.legal,.modal{border-color:#ddd0c1;border-radius:17px;background:#fffdf8;color:#25323a;box-shadow:0 18px 35px rgba(84,60,44,.09)}
.field{border-color:#d7cabb;border-radius:9px;background:#fffaf3;color:#25323a}
.field:focus{border-color:#bc6b4c;outline-color:#bc6b4c}
.auth-intro,.auth-foot{color:#697078}
.auth-switch{border-bottom-color:#ddd0c1}
.auth-switch a{color:#697078}
.auth-switch a.active{color:#a94f38;border-bottom-color:#b9573d}
.auth-foot a,.form-error{color:#a94f38}
.modal-backdrop{background:rgba(29,36,41,.62)}
.footer{border-top-color:#d8cbbd;background:#eae2d7;color:#48565b}
.footer a{color:#48565b}
.footer a:hover{color:#a94f38}
.user-account{color:#25836a}
/* Complete the light treatment below the catalog. */
.cta{background:linear-gradient(135deg,#fffdf8,#f5e9db);border-color:#decdbd;box-shadow:0 14px 32px rgba(78,53,37,.08);border-radius:18px;color:#25323a}
.cta h2{color:#283840;text-shadow:none}
.cta p{color:#59666b}
.more,.free{color:#a94f38}
.free{border-color:#c47754;background:#fff8f0}
.bottom-nav{background:rgba(255,251,244,.97);border-top-color:#d6c8b8;color:#35434b;box-shadow:0 -5px 20px rgba(73,50,37,.08)}
.bottom-nav a:hover,.bottom-nav a.active{color:#a94f38}
.close{color:#34434b}
.toast{background:#fffdf8;color:#25323a;border:1px solid #decdbd;box-shadow:0 12px 30px rgba(73,50,37,.12)}
.empty{color:#697078}
.captcha-code{background:linear-gradient(135deg,#fff9f0,#f1dfcf);border-color:#d6bda8;color:#a94f38}
.captcha-code span{color:#a94f38;text-shadow:none}
.captcha-code small{color:#697078}
.reward-backdrop{background:rgba(41,47,50,.55)}
.reward-modal{background:radial-gradient(circle at 50% 15%,#fff3e7,#fffdf8 52%);border-color:#dfcbb8;box-shadow:0 30px 80px rgba(36,39,40,.26);color:#25323a}
.reward-modal:before{background:linear-gradient(115deg,transparent 15%,rgba(214,139,97,.07) 45%,transparent 70%)}
.reward-top,.reward-kicker{color:#a94f38}
.reward-top small,.reward-copy p,.reward-steps,.reward-later,.reward-note{color:#697078}
.reward-close{color:#48565b}
.reward-copy{border-top-color:#e4d6c8}
.reward-copy h2{color:#a94f38}
.reward-copy h2 strong{color:#25323a}
.reward-steps b{background:#f7e8d9;color:#a94f38;border-color:#dbb89f}
.reward-steps i{background:#d9bdac}
.reward-claim{background:linear-gradient(110deg,#d98762,#b85c3e);color:#fffaf4;box-shadow:0 10px 28px rgba(177,87,58,.22)}
.usdt-coin{background:radial-gradient(circle at 35% 27%,#fff3df 0,#f1caa0 37%,#d1875c 72%,#a7503b 100%);border-color:#f5dabb;box-shadow:inset 0 0 0 7px #e6ad81,inset 0 0 0 10px #fce8cf,0 18px 34px rgba(127,78,52,.22)}
.usdt-coin span{color:#98503d;text-shadow:0 1px #fff3e3}
.orbit{border-color:rgba(194,118,76,.3)}
.spark{color:#d3835b;text-shadow:0 0 14px #e9b58e}
.reward-close:focus,.reward-claim:focus,.reward-later:focus{outline-color:#b9573d}
@keyframes editorial-reveal{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
  .hero:before{background:linear-gradient(90deg,rgba(23,34,43,.96) 0%,rgba(26,36,42,.65) 72%),linear-gradient(0deg,#f3efe7 0%,transparent 55%)}
}
@media(prefers-reduced-motion:reduce){.hero-copy{animation:none}.btn,.vip,.chip,.poster,.episode{transition:none}.btn:hover,.vip:hover,.chip:hover,.card:hover .poster,.episode:hover{transform:none}}
