:root{color-scheme:dark;--bg:#100b12;--panel:#1e1521;--rose:#f16caa;--rose2:#ff9dc9;--ink:#fbf4f9;--muted:#bba9b8;--stroke:rgba(255,215,235,.13);--container:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,"Helvetica Neue","Segoe UI",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--rose2);outline-offset:3px}a{text-decoration:none;color:inherit}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{width:min(calc(100% - 80px),var(--container));margin-inline:auto}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(75px);opacity:.42}.ambient-a{height:440px;width:480px;right:-180px;top:110px;background:radial-gradient(circle,#5c1c49 0,transparent 72%)}.ambient-b{height:500px;width:500px;left:-250px;top:720px;background:radial-gradient(circle,#3c1438 0,transparent 72%)}.header{position:sticky;top:0;z-index:30;height:82px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(16,11,18,.79);border-bottom:1px solid rgba(255,255,255,.055)}.header-inner{height:100%;display:flex;align-items:center;gap:56px}.wordmark{font-size:29px;font-weight:900;letter-spacing:-1.8px;white-space:nowrap;position:relative;line-height:1}.wordmark span,.footer-logo span,.age-logo span{color:var(--rose)}.wordmark i{position:absolute;right:-7px;top:-4px;width:4px;height:4px;background:var(--rose);border-radius:50%}.top-nav{display:flex;align-items:center;gap:36px;height:100%}.nav-item{height:100%;border:0;background:transparent;color:#a99aaa;font-size:13px;font-weight:600;position:relative;padding:0}.nav-item:hover,.nav-item.active{color:white}.nav-item.active:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--rose);box-shadow:0 0 14px var(--rose)}.header-actions{display:flex;gap:19px;margin-left:auto;align-items:center}.icon-button{height:39px;width:39px;display:grid;place-items:center;border:1px solid var(--stroke);border-radius:50%;background:rgba(255,255,255,.035);color:#f4eaf1}.icon-button:hover{background:rgba(241,108,170,.13);border-color:rgba(241,108,170,.5)}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pill{border-radius:40px;white-space:nowrap;border:1px solid transparent;font-weight:700;font-size:12px;padding:12px 21px;display:inline-flex;align-items:center;justify-content:center;gap:13px;transition:transform .2s,border-color .2s,background .2s}.pill:hover{transform:translateY(-2px)}.pill.primary{background:linear-gradient(135deg,#ff8cbd,#e75496);color:#220f1d;box-shadow:0 8px 32px rgba(225,60,134,.18)}.pill.primary:hover{box-shadow:0 10px 34px rgba(225,60,134,.3)}.pill.outline{border-color:rgba(241,108,170,.48);background:rgba(241,108,170,.06);color:#ffc9e0}.pill.outline span{font-size:15px}.pill.glass{background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.16);color:white;backdrop-filter:blur(9px)}.pill.large{padding:16px 27px;font-size:13px}.play-triangle{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #3b1129}.hero{margin-top:25px;position:relative;height:clamp(460px,39vw,620px);border-radius:16px;overflow:hidden;isolation:isolate;background:linear-gradient(116deg,#2c1526,#1a0e19 65%,#351a2b);border:1px solid rgba(255,200,230,.09)}.hero-backdrop{z-index:-2;position:absolute;inset:0;background-position:center 30%;background-size:cover;opacity:.75;transform:scale(1.03);transition:background-image .4s}.hero-vignette{z-index:-1;position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,9,17,.97) 0%,rgba(16,9,17,.85) 33%,rgba(16,9,17,.25) 76%),linear-gradient(0deg,rgba(13,7,13,.72),transparent 56%)}.hero-content{position:absolute;top:50%;transform:translateY(-50%);left:clamp(35px,5vw,90px);width:min(620px,76%)}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:2.5px;color:var(--rose2);display:flex;align-items:center;gap:12px}.sparkle{font-size:16px}.line{width:34px;height:1px;background:var(--rose);opacity:.6}.hero-supratitle{margin-top:44px;letter-spacing:3px;font-size:10px;color:rgba(255,240,250,.56)}.hero h1{font-size:clamp(34px,4.6vw,68px);letter-spacing:-2.5px;line-height:1.15;margin:15px 0 21px;font-weight:800;max-width:670px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero h1 em{font-style:normal;color:#ffa3c9}.hero p{font-size:14px;color:#c7b5c4;max-width:450px;line-height:1.95;margin:0 0 29px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-foot{font-size:9px;letter-spacing:2px;color:#ad8fa4;display:flex;align-items:center;gap:12px;margin-top:42px}.tiny-dot{display:block;width:5px;height:5px;border-radius:50%;background:#f16caa;box-shadow:0 0 12px #f16caa}.hero-separator{display:block;height:14px;width:1px;background:#664657}.hero-index{position:absolute;bottom:35px;right:42px;letter-spacing:2px;color:#e7bacf;font-size:11px}.catalog{padding-top:65px;padding-bottom:115px;min-height:550px}.section-kicker>span:first-child{width:18px;height:2px;background:var(--rose);display:block}.catalog-heading{margin:20px 0 28px;display:flex;align-items:center;justify-content:space-between}.catalog-heading h2,.panel-top h2{font-size:clamp(27px,2.7vw,39px);line-height:1.2;letter-spacing:-1px;margin:0 0 8px}.catalog-heading h2 span,.panel-top h2 span{color:var(--rose)}.catalog-heading p{font-size:12px;color:#aa98a9;margin:0}.filter-line{display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:1px solid var(--stroke);padding-bottom:23px;margin-bottom:30px}.quick-tabs,.selects{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip{background:transparent;color:#bbaab8;border:1px solid rgba(255,225,240,.1);padding:10px 18px;border-radius:30px;font-size:12px;font-weight:650;white-space:nowrap}.chip:hover,.chip.selected{border-color:rgba(241,108,170,.55);color:#ffd5e9;background:rgba(241,108,170,.115)}select{appearance:none;background:#201720;color:#f1dbe7;border:1px solid var(--stroke);border-radius:8px;padding:11px 29px 11px 14px;font-size:11px;max-width:180px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23f16caa' stroke-width='2'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.cards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:28px 15px}.movie-card{min-width:0;position:relative;cursor:pointer}.poster{width:100%;aspect-ratio:2/3;border-radius:8px;background:linear-gradient(145deg,#3b2637,#1c111e);position:relative;overflow:hidden;border:1px solid rgba(255,235,247,.08);transition:transform .25s,border-color .25s,box-shadow .25s}.poster img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .42s}.movie-card:hover .poster{transform:translateY(-4px);border-color:rgba(241,108,170,.55);box-shadow:0 15px 40px rgba(0,0,0,.24)}.movie-card:hover .poster img{transform:scale(1.055)}.poster-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#9d6e8b;font-weight:900;font-size:clamp(15px,2vw,23px);letter-spacing:-1px}.poster-top{position:absolute;top:8px;left:8px;display:flex;gap:5px;align-items:center}.micro-badge{font-size:9px;color:#301021;border:0;border-radius:3px;padding:4px 5px;background:#ffc2df;font-weight:900}.micro-badge.dim{background:rgba(10,7,11,.75);color:#ffe0ef}.poster-play{position:absolute;top:50%;left:50%;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(229,73,147,.78);transform:translate(-50%,-40%) scale(.8);opacity:0;transition:.2s;color:white;font-size:19px}.movie-card:hover .poster-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-title{font-weight:700;font-size:12px;line-height:1.6;margin:10px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.card-meta{display:flex;align-items:center;gap:7px;color:#9f8b9b;font-size:10px;white-space:nowrap;overflow:hidden}.card-meta .sep{height:3px;width:3px;background:var(--rose);border-radius:50%;flex:none}.fav-btn{position:absolute;top:9px;right:9px;width:30px;height:30px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.47);color:white;border-radius:50%;display:grid;place-items:center;font-size:20px;z-index:2}.fav-btn.saved{color:var(--rose2)}.empty-status{grid-column:1/-1;min-height:230px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:14px;text-align:center;color:#bd9fb1;font-size:13px;line-height:1.8}.load-sentinel{height:2px}.load-more{margin:30px auto 0;display:flex;background:#2c1b2a;color:#f9c6dd;border-color:#70425e}.footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:30px 45px;border-top:1px solid var(--stroke);color:#927a8e;font-size:10px;letter-spacing:1px}.footer-logo{font-weight:900;font-size:23px;letter-spacing:-1px;color:#fff}.mobile-nav{display:none}.overlay,.age-overlay{position:fixed;inset:0;z-index:60;display:flex;justify-content:center;align-items:center;padding:22px}.overlay-dim{position:absolute;inset:0;background:rgba(6,5,8,.78);backdrop-filter:blur(15px)}.search-panel,.watch-panel{position:relative;z-index:1;background:linear-gradient(145deg,#261625,#160f19);border:1px solid rgba(241,108,170,.25);box-shadow:0 35px 120px #0009;width:min(100%,700px);border-radius:19px;padding:35px;max-height:94vh;overflow-y:auto}.panel-top,.watch-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.panel-top h2{margin-top:12px}.icon-button.close{font-size:24px;font-weight:300;flex:none}.search-field{display:flex;align-items:center;gap:12px;background:#120b13;border:1px solid #67445c;border-radius:11px;padding:12px 15px;margin-top:27px}.search-field span{font-size:25px;color:var(--rose)}.search-field input{width:100%;border:0;background:none;color:white;outline:none;font-size:15px;min-width:0}.search-field input::placeholder{color:#92798b}.search-field button{border:0;background:none;color:#b08a9f;font-size:20px}.search-hint{color:#958293;font-size:12px;margin:12px 0 24px}.search-row{display:flex;gap:12px}.watch-panel{width:min(100%,1040px);padding:24px 30px 35px}.watch-player{aspect-ratio:16/9;width:100%;border:0;background:#070509;border-radius:12px;display:block;margin-top:18px}.watch-poster{width:100%;min-height:290px;display:flex;align-items:flex-end;position:relative;background:#241525 center/cover;border-radius:12px;overflow:hidden;margin-top:18px}.watch-poster:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#140b17ec,#140b1770),linear-gradient(0deg,#140b17,transparent)}.watch-poster-content{position:relative;padding:28px;max-width:650px}.watch-kicker{color:var(--rose2);font-size:10px;letter-spacing:2px}.watch-title{font-size:clamp(24px,3vw,37px);letter-spacing:-.8px;margin:12px 0}.watch-details{line-height:1.8;font-size:13px;color:#bea9b9}.watch-tags{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.watch-tags span{background:#332031;border:1px solid #613e53;border-radius:30px;padding:5px 10px;font-size:10px;color:#e5bed3}.watch-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}.watch-error{margin-top:15px;font-size:12px;color:#ffc8de}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:100;background:#352036;color:#ffe9f3;border:1px solid #915574;border-radius:10px;padding:14px 20px;font-size:12px;box-shadow:0 15px 45px #0008}.age-overlay{z-index:110;background:radial-gradient(circle at center,#321729,#0d0a0f 68%)}.age-card{width:min(100%,440px);text-align:center;padding:44px 36px;border:1px solid rgba(239,129,185,.31);border-radius:18px;background:rgba(30,17,28,.8);box-shadow:0 25px 85px #0007}.age-logo{font-size:30px;font-weight:900;letter-spacing:-1px}.age-symbol{font-size:75px;font-weight:900;color:white;letter-spacing:-5px;margin:23px 0 13px}.age-symbol span{color:var(--rose)}.section-kicker.center{justify-content:center;font-size:9px;letter-spacing:1.5px}.section-kicker.center span{width:15px}.age-card h2{font-size:25px;margin:20px 0 9px}.age-card p{font-size:12px;color:#c4abba;line-height:1.9}.age-enter{margin-top:22px;width:100%}.age-leave{margin-top:20px;background:none;border:0;color:#ab8c9f;font-size:12px}
@media(max-width:1200px){.cards{grid-template-columns:repeat(6,minmax(0,1fr))}.filter-line{align-items:flex-start;flex-direction:column}.hero{height:520px}}@media(max-width:930px){.cards{grid-template-columns:repeat(5,minmax(0,1fr))}.top-nav{gap:19px}.header-inner{gap:25px}.hero-content{width:78%}}@media(max-width:700px){.shell{width:calc(100% - 30px)}.header{height:65px}.wordmark{font-size:25px}.top-nav,.header-actions .outline{display:none}.header-inner{gap:15px}.hero{height:490px;margin-top:10px;border-radius:13px}.hero-content{left:23px;width:calc(100% - 46px);top:55%}.hero-backdrop{background-position:70% center;opacity:.48}.hero-vignette{background:linear-gradient(90deg,rgba(15,9,17,.88),rgba(15,9,17,.42)),linear-gradient(0deg,#120a15,transparent 95%)}.hero-supratitle{margin-top:17px;font-size:9px;letter-spacing:2px}.hero h1{font-size:34px;letter-spacing:-1.1px;margin:15px 0}.hero p{font-size:12px;line-height:1.8}.hero-actions .pill{padding:12px 17px;font-size:11px}.hero-foot{margin-top:30px;font-size:8px;letter-spacing:1px;flex-wrap:wrap}.hero-index{bottom:17px;right:18px}.catalog{padding-top:46px;padding-bottom:72px}.catalog-heading{margin:15px 0 24px}.catalog-heading h2{font-size:26px}.filter-line{gap:13px;margin-bottom:19px;overflow:visible}.quick-tabs,.selects{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.chip{font-size:11px;padding:9px 13px}.selects select{font-size:10px;min-width:111px;padding-left:9px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px}.card-title{font-size:11px;min-height:32px;line-height:1.45}.card-meta{font-size:9px}.poster{border-radius:6px}.poster-top{top:5px;left:5px}.micro-badge{font-size:8px}.fav-btn{top:5px;right:5px;width:24px;height:24px;font-size:16px}.poster-play{display:none}.footer{flex-direction:column;text-align:center;padding-bottom:105px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:rgba(23,14,23,.96);border-top:1px solid var(--stroke);display:grid;grid-template-columns:repeat(4,1fr);padding:9px 7px calc(9px + env(safe-area-inset-bottom));backdrop-filter:blur(18px)}.mobile-nav button{display:flex;align-items:center;flex-direction:column;gap:3px;background:none;border:0;font-size:9px;color:#ae93a6}.mobile-nav button span{font-size:24px;line-height:1}.mobile-nav button.active{color:var(--rose2)}.search-panel,.watch-panel{border-radius:15px;padding:22px 18px;max-height:88vh}.watch-panel{padding:18px 14px 25px}.watch-poster{min-height:300px}.watch-poster-content{padding:18px}.watch-title{font-size:22px}.watch-player{border-radius:7px}.overlay{padding:10px}.age-card{padding:35px 23px}.hero .eyebrow{font-size:8px;letter-spacing:1.8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* THAIAV / Midnight Rose — quiet luxury refresh.
   Presentation only: catalog, search, age gate and player behavior stay unchanged. */
:root{
  --bg:#100c13;
  --panel:#1c141e;
  --ink:#f7f1f5;
  --muted:#b8aab5;
  --stroke:rgba(255,225,238,.075);
  --container:1420px;
}
body{
  background:radial-gradient(ellipse 70% 24% at 94% 6%,rgba(107,39,77,.1),transparent 75%),var(--bg);
}
.shell{width:min(calc(100% - 104px),var(--container))}
.ambient{opacity:.2;filter:blur(105px)}
.header{
  height:80px;
  background:rgba(16,12,19,.88);
  border-bottom:0;
  box-shadow:none;
}
.header-inner{gap:66px}
.wordmark{font-size:27px;letter-spacing:-1.4px;font-weight:800}
.top-nav{gap:38px}
.nav-item{
  font-size:13px;
  font-weight:550;
  color:#b3a4af;
  transition:color .2s ease;
}
.nav-item.active{color:#ffe6f1}
.nav-item.active:after{display:none}
.header-actions{gap:15px}
.icon-button{
  width:42px;height:42px;
  border:0;
  border-radius:50%;
  background:transparent;
  transition:background .2s ease;
}
.icon-button:hover{border-color:transparent;background:rgba(255,255,255,.075)}
.pill{
  border:0;
  font-weight:650;
  letter-spacing:.01em;
  padding:13px 23px;
}
.pill.primary{
  color:#2e1426;
  background:linear-gradient(135deg,#f6aacd,#ed87b5);
  box-shadow:0 8px 26px rgba(225,80,143,.13);
}
.pill.primary:hover{box-shadow:0 11px 32px rgba(225,80,143,.2)}
.pill.outline,.pill.glass{
  background:rgba(255,244,249,.075);
  border:0;
  color:#f5e5ee;
  box-shadow:none;
}
.pill.outline:hover,.pill.glass:hover{background:rgba(255,244,249,.13)}
.pill.large{padding:16px 27px;font-size:13px}
.hero{
  margin-top:28px;
  height:clamp(500px,39vw,610px);
  border:0;
  border-radius:16px;
  background:#221421;
  box-shadow:none;
}
.hero-backdrop{opacity:.78}
.hero-vignette{
  background:linear-gradient(90deg,rgba(15,9,16,.95) 0%,rgba(15,9,16,.77) 32%,rgba(15,9,16,.16) 79%),
    linear-gradient(0deg,rgba(15,9,16,.42),transparent 53%);
}
.hero-content{left:clamp(38px,6.3vw,108px);width:min(620px,75%)}
.eyebrow,.section-kicker{font-weight:650;letter-spacing:2.4px;color:#e99fbe}
.hero-supratitle,.hero-foot{display:none}
.hero h1{
  font-size:clamp(40px,4.7vw,72px);
  line-height:1.12;
  font-weight:720;
  letter-spacing:-2.6px;
  margin:27px 0 24px;
}
.hero h1 em{color:#f5a7cb}
.hero p{
  max-width:440px;
  font-size:14px;
  line-height:1.9;
  margin-bottom:32px;
  color:#d0bdc9;
}
.hero-actions{gap:14px}
.hero-index{bottom:31px;right:36px;color:#d0b7c4;opacity:.72}
.catalog{padding-top:96px;padding-bottom:130px}
.section-kicker{font-size:10px}
.section-kicker>span:first-child{width:14px;height:1px;opacity:.6}
.catalog-heading{margin:23px 0 38px}
.catalog-heading h2,.panel-top h2{
  font-size:clamp(30px,2.9vw,43px);
  letter-spacing:-1.35px;
  line-height:1.22;
  font-weight:680;
  margin-bottom:12px;
}
.catalog-heading p{font-size:12px;color:#a899a6}
.filter-line{
  border:0;
  padding-bottom:0;
  margin-bottom:40px;
  gap:25px;
}
.quick-tabs,.selects{gap:10px}
.chip{
  border:0;
  background:transparent;
  color:#b9a9b5;
  padding:11px 17px;
  font-size:12px;
  font-weight:550;
  transition:background .2s,color .2s;
}
.chip:hover,.chip.selected{
  border:0;
  background:rgba(235,130,178,.11);
  color:#ffe0ee;
}
select{
  border:0;
  background-color:rgba(255,239,249,.055);
  border-radius:30px;
  color:#e9d5e1;
  font-size:12px;
  padding:12px 34px 12px 16px;
  background-position:right 12px center;
}
select:focus-visible,.chip:focus-visible{
  outline:2px solid #f4a6ca;
  outline-offset:3px;
}
.cards{
  grid-template-columns:repeat(6,minmax(0,1fr));
  column-gap:24px;
  row-gap:40px;
}
.poster{
  border:0;
  border-radius:11px;
  background:#2a1c2b;
  box-shadow:0 9px 24px rgba(0,0,0,.11);
}
.movie-card:hover .poster{
  border-color:transparent;
  transform:translateY(-5px);
  box-shadow:0 18px 34px rgba(0,0,0,.22);
}
.card-title{
  font-size:13px;
  font-weight:600;
  line-height:1.55;
  margin:14px 0 7px;
  min-height:40px;
  letter-spacing:-.1px;
}
.card-meta{font-size:11px;color:#a999a7;gap:9px}
.micro-badge{
  border-radius:5px;
  padding:5px 6px;
  background:rgba(31,15,25,.83);
  color:#ffe0ed;
  font-size:9px;
  font-weight:650;
  backdrop-filter:blur(8px);
}
.micro-badge.dim{background:rgba(31,15,25,.68);color:#edc7d9}
.poster-top{top:10px;left:10px;gap:5px}
.fav-btn{
  border:0;
  background:rgba(19,13,20,.45);
  backdrop-filter:blur(8px);
  width:31px;height:31px;
  top:10px;right:10px;
}
.poster-play{
  border:0;
  background:rgba(243,139,184,.88);
  color:#2d1122;
}
.empty-status{color:#ad97a7}
.load-more{background:rgba(255,244,249,.075);border:0;color:#ffe0ee;padding:13px 23px}
.footer{
  border-top:0;
  padding-block:25px 48px;
  color:#938491;
}
.overlay-dim{background:rgba(8,5,10,.8);backdrop-filter:blur(20px)}
.search-panel,.watch-panel{
  border:0;
  border-radius:24px;
  background:#201620;
  box-shadow:0 32px 110px rgba(0,0,0,.48);
}
.search-panel{padding:43px}
.search-field{
  margin-top:32px;
  border:1px solid rgba(250,205,229,.22);
  background:rgba(11,8,13,.56);
  border-radius:13px;
  padding:15px 18px;
}
.search-field:focus-within{border-color:rgba(241,157,197,.7)}
.search-hint{margin:16px 0 26px}
.watch-panel{padding:28px 32px 36px}
.watch-poster{border-radius:14px}
.watch-tags{gap:9px;margin:18px 0}
.watch-tags span{
  background:rgba(251,221,237,.075);
  border:0;
  padding:7px 12px;
  color:#dfc3d2;
}
.watch-toolbar{gap:12px;margin-top:24px}
.watch-player{border-radius:12px}
.toast{
  background:rgba(48,31,46,.96);
  border:0;
  border-radius:13px;
}
.age-overlay{background:radial-gradient(circle at center,rgba(67,27,52,.5),#0e0b11 68%)}
.age-card{
  border:0;
  border-radius:24px;
  padding:52px 43px;
  background:rgba(30,20,31,.79);
  box-shadow:0 32px 100px rgba(0,0,0,.3);
}
.age-card p{line-height:2}
@media(max-width:1200px){
  .shell{width:calc(100% - 72px)}
  .cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:34px 20px}
  .hero{height:530px}
}
@media(max-width:930px){
  .shell{width:calc(100% - 52px)}
  .header-inner{gap:28px}
  .top-nav{gap:25px}
  .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 18px}
  .hero-content{width:78%}
}
@media(max-width:700px){
  .shell{width:calc(100% - 34px)}
  .header{height:66px}
  .header-inner{gap:16px}
  .wordmark{font-size:25px}
  .hero{
    margin-top:14px;
    height:460px;
    border-radius:12px;
  }
  .hero-content{left:24px;width:calc(100% - 48px);top:54%}
  .hero-backdrop{background-position:67% center;opacity:.55}
  .hero-vignette{
    background:linear-gradient(90deg,rgba(15,9,16,.91),rgba(15,9,16,.37)),
      linear-gradient(0deg,rgba(15,9,16,.57),transparent 85%);
  }
  .hero h1{font-size:clamp(31px,8.5vw,41px);margin:20px 0 17px;letter-spacing:-1.3px}
  .hero p{font-size:12px;line-height:1.8;margin-bottom:24px}
  .hero-actions{gap:9px}
  .hero-actions .pill{padding:12px 16px;font-size:11px}
  .hero-index{bottom:19px;right:20px}
  .catalog{padding-top:66px;padding-bottom:86px}
  .catalog-heading{margin:21px 0 31px}
  .catalog-heading h2{font-size:29px}
  .filter-line{gap:16px;margin-bottom:29px}
  .quick-tabs,.selects{gap:8px;padding-bottom:5px}
  .chip{padding:10px 14px}
  .selects select{min-width:115px;padding:11px 32px 11px 13px;font-size:11px}
  .cards{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px 12px;
  }
  .poster{border-radius:8px}
  .poster-top{top:6px;left:6px;gap:3px}
  .micro-badge{font-size:8px;padding:3px 5px}
  .fav-btn{top:6px;right:6px;width:25px;height:25px;font-size:16px}
  .card-title{font-size:11px;line-height:1.5;margin:11px 0 6px;min-height:33px}
  .card-meta{font-size:9px;gap:6px}
  .footer{padding-bottom:105px}
  .mobile-nav{
    border-top:0;
    background:rgba(23,15,24,.96);
    padding:12px 8px calc(12px + env(safe-area-inset-bottom));
    box-shadow:0 -10px 35px rgba(0,0,0,.22);
  }
  .search-panel,.watch-panel{border-radius:19px;max-height:88vh}
  .search-panel{padding:27px 20px}
  .watch-panel{padding:18px 16px 28px}
  .watch-poster{min-height:300px}
  .watch-poster-content{padding:19px}
  .watch-player{border-radius:9px}
  .age-card{padding:42px 27px}
}
@media(max-width:370px){
  .cards{column-gap:9px}
  .hero-actions .pill{padding:11px 13px;font-size:10px}
}