:root{color:#f7f7f7;font-synthesis:none;text-rendering:optimizelegibility;background:#0e0f13;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#0e0f13;margin:0;overflow-x:hidden}button{font:inherit}.app{--accent:#ff2b86;--accent-2:#ff9b21;color:#f7f7f7;background:radial-gradient(circle at 4% 0,#0d433a8c,#0000 32%),linear-gradient(#111217 0%,#0e0f13 44%,#101115 100%);min-height:100vh;padding:8px 0 28px}.app-bollywood{--accent:#ff2b86;--accent-2:#ff9b21}.app-hollywood{--accent:#2f9dff;--accent-2:#31d7ff}.app-kdrama{--accent:#ff5c21;--accent-2:#ffc343}.app-anime{--accent:#b7772e;--accent-2:#ffd16a}.topbar{align-items:center;max-width:1160px;margin:0 auto;padding:0 14px 9px;display:flex}.brand{color:#fff;align-items:center;gap:10px;font-size:16px;font-weight:850;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:7px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 12px 30px #ff2b8647}.category-rail{scrollbar-width:none;scroll-snap-type:x proximity;gap:14px;max-width:1160px;margin:0 auto 12px;padding:0 14px 4px;display:flex;overflow:auto hidden}.category-rail::-webkit-scrollbar{display:none}.genre-card{scroll-snap-align:start;text-align:left;color:#fff;cursor:pointer;background:#202125;border:1px solid #ffffff14;border-radius:6px;flex:0 0 150px;height:56px;position:relative;overflow:hidden}.genre-card:before{content:"";background:linear-gradient(90deg,#130c16d1,#130c1633),radial-gradient(circle at 76% 30%,#ffffff4d,#0000 18%),radial-gradient(circle at 82% 60%,#ffffff24,#0000 22%);position:absolute;inset:0}.genre-card:after{content:"";filter:blur(1px);background:#fff3;border-radius:44% 56% 40% 60%;width:70px;height:70px;position:absolute;inset:auto -8% -26% auto;transform:rotate(-18deg)}.genre-card span{z-index:1;text-overflow:clip;white-space:nowrap;padding:17px 18px;font-size:20px;font-weight:800;line-height:1.1;display:block;position:relative;overflow:visible}.genre-card.active{outline:2px solid color-mix(in srgb, var(--accent) 84%, white 10%);outline-offset:-2px}.thumbnail-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:1160px;margin:0 auto;padding:0 7px;display:grid}.poster-card{text-align:left;color:#fff;cursor:pointer;background:#050505;border:1px solid #c7f200;border-radius:0;min-width:0;overflow:hidden}.poster-card:focus-visible,.genre-card:focus-visible,.back-button:focus-visible,.quality-button:focus-visible,.primary-action:focus-visible,.secondary-action:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 80%, white 10%);outline-offset:3px}.poster-art{aspect-ratio:.69;background:#24262c;position:relative;overflow:hidden}.poster-art:before{content:"";mix-blend-mode:screen;background:radial-gradient(circle at 48% 30%,#ffffff5c,#0000 12%),radial-gradient(circle at 62% 48%,#ffffff2e,#0000 18%),linear-gradient(#ffffff0f,#0000 24%),linear-gradient(145deg,#ffffff24,#0000 56%);position:absolute;inset:0}.poster-art:after{content:"";background:linear-gradient(#0000 50%,#0000008c),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 38px);position:absolute;inset:0}.poster-copy{z-index:1;text-align:center;justify-items:center;display:grid;position:absolute;inset:auto 8px 15px}.poster-copy strong{color:#ffffffe6;text-shadow:0 10px 26px #00000080;font-size:clamp(28px,9vw,72px);font-weight:950;line-height:.95}.poster-copy small{color:#fffc;letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:7px;font-weight:850}.poster-blue{background:linear-gradient(145deg,#174886f2,#3e7effd1),#194279}.poster-orange{background:linear-gradient(145deg,#5e1707fa,#ff7a1ce0),#6f1f09}.poster-purple{background:linear-gradient(145deg,#320c4afa,#b747ffd1),#32104d}.poster-green{background:linear-gradient(145deg,#0a462dfa,#2adb80d1),#124a32}.poster-teal{background:linear-gradient(145deg,#083846fa,#2bcadbc7),#0b3c48}.poster-gold{background:linear-gradient(145deg,#52310afa,#ffbe3fd1),#5d370b}.poster-rose{background:linear-gradient(145deg,#3d0e24fa,#ff438bd1),#431125}.poster-steel{background:linear-gradient(145deg,#191f24fa,#8da297d1),#1c2529}.inner-page{max-width:520px;margin:0 auto;padding:0 14px 28px}.back-button{color:#ffffffdb;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:38px;margin:2px 0 14px;padding:0 4px;display:inline-flex}.back-button span{font-size:14px;font-weight:750}.inner-hero{grid-template-columns:112px minmax(0,1fr);align-items:end;gap:14px;margin-bottom:18px;display:grid}.inner-poster-card{background:#050505;border:1px solid #c7f200;overflow:hidden}.inner-copy{min-width:0;padding-bottom:4px}.inner-label{color:color-mix(in srgb, var(--accent-2) 78%, white 14%);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:900}.inner-copy h1,.ad-card h1,.ready-card h1{color:#fff;margin:0;font-size:27px;font-weight:950;line-height:1.04}.inner-copy p:not(.inner-label),.ad-card p,.ready-card p:not(.inner-label){color:#ffffffb3;margin:9px 0 0;font-size:14px;font-weight:550;line-height:1.45}.quality-grid{gap:10px;display:grid}.quality-button{text-align:left;color:#fff;cursor:pointer;background:linear-gradient(90deg,#ffffff14,#0000),#1b1c22;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:0 16px;display:flex}.quality-button span{min-width:0;font-size:23px;font-weight:950;line-height:1.05}.quality-button small{color:#ffffff9e;flex:none;font-size:12px;font-weight:750}.target-button span{font-size:20px}.ad-card,.ready-card{background:linear-gradient(155deg,#ffffff14,#0000 42%),#17181d;border:1px solid #ffffff17;border-radius:8px;gap:15px;padding:18px;display:grid}.ad-badge{width:fit-content;color:color-mix(in srgb, var(--accent-2) 82%, white 12%);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.ad-badge svg{animation:1s linear infinite spin}.ad-progress{background:#ffffff1a;border-radius:99px;height:9px;overflow:hidden}.ad-progress span{border-radius:inherit;background:linear-gradient(135deg, var(--accent), var(--accent-2));transform-origin:0;width:100%;height:100%;animation:2.6s linear forwards ad-progress;display:block}.primary-action,.secondary-action{cursor:pointer;border-radius:8px;min-height:50px}.primary-action{color:#050505;background:linear-gradient(135deg, var(--accent), var(--accent-2));border:0;font-size:16px;font-weight:950}.primary-action:disabled{color:#ffffff7a;cursor:not-allowed;background:#2a2b31}.secondary-action{color:#ffffffdb;background:0 0;border:1px solid #ffffff1f;font-size:15px;font-weight:850}.sent-status{color:#ffffff94;background:#2a2b31;border-radius:8px;place-items:center;min-height:50px;padding:0 18px;font-size:16px;font-weight:950;display:grid}.sent-status-ready{color:#050505;background:linear-gradient(135deg, var(--accent), var(--accent-2))}.ready-card{text-align:center;justify-items:center}.ready-card>svg{color:color-mix(in srgb, var(--accent-2) 82%, white 12%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ad-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.ad-badge svg,.ad-progress span{animation-duration:1ms}}@media (width>=700px){.topbar,.category-rail,.thumbnail-wall{padding-left:28px;padding-right:28px}.genre-card{flex-basis:180px;height:82px}.genre-card span{padding:28px 18px;font-size:25px}.thumbnail-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.inner-page{padding-left:28px;padding-right:28px}.inner-hero{grid-template-columns:150px minmax(0,1fr)}}
