:root{--bg:#080808;--panel:#111214;--panel2:#191a1d;--line:#292b30;--text:#f6f6f6;--muted:#9ba0aa;--blue:#2589ff;--yellow:#ffd21e;--red:#ff3d48;--orange:#ff6b1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#141414;color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.drawer-open{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}.app-container{position:relative;width:100%;max-width:480px;min-height:100vh;margin:0 auto;background:var(--bg);box-shadow:0 0 50px rgba(0,0,0,.65);padding-bottom:61px;overflow:hidden}

/* Header */
.site-header{position:sticky;top:0;z-index:80;height:62px;padding:0 13px;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;background:#030303;border-bottom:1px solid #202020}.menu-button{width:36px;height:34px;padding:6px;border:1px solid #555;border-radius:5px;background:#111}.menu-button span{display:block;width:18px;height:2px;margin:3px auto;background:#fff;border-radius:3px}.text-logo{justify-self:center;display:flex;align-items:baseline;gap:4px;font-size:1rem;font-weight:900;letter-spacing:-.5px;white-space:nowrap}.text-logo .logo-first{color:var(--red)}.text-logo .logo-second{color:#fff}.header-4k{width:36px;height:30px;display:grid;place-items:center;border-radius:5px;background:var(--yellow);color:#090909;font-size:.72rem;font-weight:900}

/* Drawer */
.drawer{position:fixed;z-index:120;top:0;bottom:0;left:max(calc((100vw - 480px)/2),0px);width:min(78vw,335px);padding:15px;background:#181818;border-right:1px solid #333;transform:translateX(-110%);transition:transform .3s ease;overflow-y:auto}.drawer.open{transform:translateX(0)}.drawer-overlay{position:fixed;z-index:110;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.74);opacity:0;visibility:hidden;transition:.3s}.drawer-overlay.open{opacity:1;visibility:visible}.drawer-brand{display:flex;align-items:center;justify-content:space-between;padding:5px 1px 18px}.drawer-brand .text-logo{justify-self:start}.drawer-brand button{width:34px;height:34px;border:1px solid #414141;border-radius:50%;background:#222;color:#fff;font-size:1.4rem}.drawer-search{height:44px;margin-bottom:12px;padding:0 12px;display:flex;align-items:center;gap:8px;border-radius:6px;background:#fff;color:#222}.drawer-search span{font-size:1.2rem}.drawer-search input{width:100%;border:0;outline:0;color:#111}.drawer-menu{display:grid}.drawer-menu a{min-height:51px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;font-size:.92rem}.drawer-menu a:first-child{border-top:1px solid #333}.drawer-menu a span{color:#aaa}

/* Reference-style poster strip */
.poster-strip-wrap{position:relative;padding:10px 0 11px;background:#000;overflow:hidden}.poster-strip{display:flex;gap:8px;padding:0 10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain}.poster-strip::-webkit-scrollbar{display:none}.featured-card{position:relative;flex:0 0 132px;height:190px;border:1px solid #303030;border-radius:7px;overflow:hidden;background:#171717;cursor:pointer}.featured-card img{width:100%;height:100%;object-fit:cover}.featured-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.95))}.featured-card div{position:absolute;z-index:2;left:8px;right:8px;bottom:8px}.featured-card b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--yellow);font-size:.68rem}.featured-card small{display:block;margin-top:3px;color:#c4c4c4;font-size:.55rem}.strip-fade{pointer-events:none;position:absolute;z-index:4;top:0;bottom:0;width:25px}.strip-fade.left{left:0;background:linear-gradient(90deg,#000,transparent)}.strip-fade.right{right:0;background:linear-gradient(-90deg,#000,transparent)}

/* Action bar and movie grid */
.action-bar{padding:11px 13px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;background:#111;border-block:1px solid #222}.movies-4k{height:40px;padding:0 13px;border:0;border-radius:6px;background:var(--yellow);color:#050505;font-size:.78rem;font-weight:900;white-space:nowrap}.quick-search{height:40px;padding:0 10px;display:flex;align-items:center;gap:6px;border-radius:6px;background:#fff;color:#777}.quick-search span{font-size:1.15rem}.quick-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#111;font-size:.8rem}.catalogue{background:#090909}.section-title{padding:14px 14px 12px;display:flex;align-items:center;gap:9px;background:#121212;border-bottom:1px solid #242424}.section-title>span{font-size:1.3rem}.section-title h1{margin:0;font-size:1.06rem}.section-title p{margin:3px 0 0;color:#777;font-size:.62rem;font-weight:400}.active-filter{margin:10px 11px 0;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #313131;border-radius:6px;background:#151515;color:#bbb;font-size:.7rem}.active-filter button{border:0;background:transparent;color:var(--blue);font-size:.68rem}.movie-grid{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:12px 9px}.movie-card{min-width:0;border:1px solid #222;border-radius:7px;background:#111;overflow:hidden;cursor:pointer;transition:transform .18s}.movie-card:active{transform:scale(.98)}.movie-poster{position:relative;width:100%;aspect-ratio:2/3;background:#191919;overflow:hidden}.movie-poster img{width:100%;height:100%;object-fit:cover}.quality-badge{position:absolute;z-index:2;top:6px;right:6px;padding:3px 6px;border-radius:3px;background:#e50914;color:#fff;font-size:.52rem;font-weight:900}.movie-title{min-height:57px;padding:8px 8px 9px;color:#fff;font-size:.7rem;line-height:1.45}.movie-meta{padding:0 8px 8px;display:flex;justify-content:space-between;color:#747474;font-size:.55rem}.empty-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:10px;color:#888;text-align:center}.empty-state>span{font-size:2.2rem}.empty-state b{color:#ddd}.empty-state button{padding:8px 11px;border:0;border-radius:5px;background:var(--blue);color:#fff;font-size:.7rem}.pagination{padding:19px 10px 23px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}.pagination button{min-width:34px;height:34px;padding:0 10px;border:1px solid #343434;border-radius:4px;background:#1a1a1a;color:#fff;font-size:.72rem}.pagination button.active{border-color:#2563eb;background:#2563eb}.pagination button.next{width:auto}.site-footer{padding:21px 14px 24px;border-top:1px solid #242424;background:#020202;text-align:center}.site-footer p{margin:0 0 12px;color:#aaa;font-size:.7rem}.site-footer p span{color:#3b82f6}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 13px}.site-footer nav a{color:#438df1;font-size:.68rem}

/* Detail top */
.detail-hero{position:relative;height:225px;overflow:hidden;background:#0b0b0b}.detail-hero-track,.screenshot-track{height:100%;display:flex;transition:transform .62s cubic-bezier(.22,.61,.36,1)}.detail-hero-track img,.screenshot-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover}.detail-hero-overlay{pointer-events:none;position:absolute;inset:0;padding:14px;display:flex;align-items:end;justify-content:space-between;background:linear-gradient(transparent 35%,rgba(0,0,0,.88))}.detail-hero-overlay p{margin:0;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-dots{pointer-events:auto;display:flex;gap:5px}.hero-dots button{width:7px;height:7px;padding:0;border:0;border-radius:10px;background:#646464}.hero-dots button.active{width:22px;background:var(--blue)}.detail-utility{padding:10px;display:grid;grid-template-columns:auto auto 1fr;gap:7px;background:#101113;border-bottom:1px solid #282b30}.detail-utility>*{height:39px;border:0;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0 10px;font-size:.7rem;font-weight:800}.detail-utility button:first-child{background:#242529;color:#fff}.detail-utility a{background:var(--yellow);color:#0b0b0b}.detail-utility button:last-child{justify-content:flex-start;border:2px solid #288eff;background:#fff;color:#888;font-weight:400}.detail-content{padding:0 13px}.notice{margin-top:22px;padding:14px;display:flex;gap:11px;border:1px solid #3b3333;border-radius:9px;background:linear-gradient(180deg,#211b1d,#0f0f10)}.notice>span{color:var(--yellow);font-size:1.25rem}.notice strong{color:#ff5260;font-size:.86rem}.notice p{margin:5px 0 0;color:#c4c7cc;font-size:.72rem;line-height:1.5}.breadcrumbs{margin:13px 0 18px;padding:10px 11px;display:flex;flex-wrap:wrap;gap:7px;border:1px solid #24262a;border-radius:7px;background:#121315;color:#8f96a1;font-size:.66rem}.breadcrumbs a{color:var(--blue)}.breadcrumbs b{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ddd}.title-card{padding:18px;border:1px solid #25272b;border-radius:9px;background:var(--panel)}.eyebrow,.section-label{margin:0 0 9px;color:var(--blue);font-size:.58rem;font-weight:900;letter-spacing:.17em}.title-card h1{margin:0;font-size:1.35rem;line-height:1.22}.title-card>p:last-child{margin:12px 0 0;color:var(--muted);font-size:.73rem;line-height:1.55}.tag-row{margin-top:9px;display:flex;flex-wrap:wrap;gap:5px}.tag-row span{padding:7px 8px;border-radius:5px;background:#f1f1f2;color:#41444a;font-size:.6rem}.tag-row .date-tag{background:#347fe7;color:#fff}

/* Detail content copied from provided CineVault structure */
.detail-block{margin-top:38px;padding-bottom:38px;border-bottom:1px solid var(--line)}.details-grid{display:grid;gap:25px}.poster-frame{position:relative;width:min(100%,310px);margin:auto;aspect-ratio:2/3;border-radius:5px;overflow:hidden;background:#161719}.poster-frame img{width:100%;height:100%;object-fit:cover}.poster-frame span{position:absolute;top:8px;right:8px;padding:4px 7px;border-radius:3px;background:#e50914;font-size:.58rem;font-weight:900}.watch-kicker{margin:0 0 8px;color:var(--muted);font-size:.72rem;font-style:italic}.watch-kicker b{color:var(--blue)}.movie-info h2,.detail-block h2{margin:8px 0 18px;font-size:1.42rem;line-height:1.2}.movie-info h2 em{display:block;margin-top:3px;color:#9aa0a8;font-size:.75em;font-weight:400}.movie-info dl{margin:0;display:grid;gap:1px;border:1px solid #292c31;border-radius:8px;overflow:hidden}.movie-info dl div{padding:10px 11px;display:grid;grid-template-columns:77px 1fr;background:#111214;font-size:.72rem}.movie-info dt{color:#6daaff;font-weight:800}.movie-info dd{margin:0;color:#c8ccd2}.how-to{display:inline-flex;margin-top:17px;padding:10px 13px;border:1px solid #2786ef;border-radius:6px;color:#4ea0ff;font-size:.7rem;font-weight:800}.copy-section{text-align:center}.copy-section p{margin:14px auto;color:var(--muted);font-size:.76rem;line-height:1.75}.copy-section h3{margin:27px 0 7px;font-size:1.15rem}.detail-heading{display:flex;align-items:end;justify-content:space-between;gap:14px}.detail-heading h2{margin-bottom:0}.detail-heading>span{color:#787f89;font-size:.65rem;font-weight:900;letter-spacing:.1em}.screenshot-window{position:relative;height:245px;margin-top:17px;overflow:hidden;border:1px solid #34373d;border-radius:8px;background:#0d0e10;touch-action:pan-y}.slider-arrow{position:absolute;z-index:3;top:50%;width:36px;height:36px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(0,0,0,.64);color:#fff;font-size:1.5rem;line-height:1}.slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}.screenshot-dots{margin-top:13px;display:flex;justify-content:center;gap:5px}.screenshot-dots button{width:7px;height:7px;padding:0;border:0;border-radius:10px;background:#60636a}.screenshot-dots button.active{width:23px;background:var(--blue)}.downloads-section{text-align:center}.downloads-section h2{color:var(--red);font-style:italic;text-transform:uppercase}.encode-note{display:inline-block;margin:0 0 15px;padding:8px 12px;color:#ff7c3b;border-block:1px solid #35373b;font-size:.7rem}.sample-button{display:table;margin:0 auto 15px;padding:10px 13px;border-radius:6px;background:var(--yellow);color:#111;font-size:.72rem;font-weight:900}.quality-list{display:grid;gap:7px}.quality-list a{width:100%;padding:14px 13px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;border:1px solid #272a2f;border-radius:7px;background:#101113;color:var(--blue);text-align:left}.quality-list a:active{border-color:var(--blue);background:#121923}.quality-list a span{font-size:1rem;font-weight:850}.quality-list a b{color:#cfd3d9;font-size:.67rem}.quality-list a em{font-size:1.1rem;font-style:normal}.legal-note{margin:13px 0 0;color:#737983;font-size:.58rem;line-height:1.5}.reaction-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.reaction-grid button{min-height:90px;padding:10px 6px;display:grid;justify-items:center;gap:3px;border:1px solid #292c31;border-radius:8px;background:#131416;color:#f5f5f5}.reaction-grid button:last-child{grid-column:span 2}.reaction-grid button.selected{border-color:var(--blue);background:#12233a}.reaction-grid span{font-size:1.55rem}.reaction-grid strong{font-size:.64rem}.reaction-grid b{color:var(--blue);font-size:.62rem}.comment-form{margin:17px 0 25px;display:grid;grid-template-columns:1fr auto;gap:7px}.comment-form input{min-width:0;height:45px;padding:0 12px;border:1px solid #3a3d43;border-radius:7px;background:#fff;color:#181818;font-size:.72rem;outline:0}.comment-form button{padding:0 15px;border:0;border-radius:7px;background:var(--blue);color:#fff;font-size:.7rem;font-weight:800}.comment-list{display:grid;gap:20px}.comment{display:grid;grid-template-columns:39px 1fr;gap:10px}.avatar{width:39px;height:39px;display:grid;place-items:center;border:2px solid #6f7781;border-radius:50%;background:#d7d9dc;color:#222;font-size:.65rem;font-weight:900}.avatar.admin{border-color:#17c6a3;background:#0c806b;color:#fff}.comment p{margin:2px 0 7px;color:#c2c6cc;font-size:.7rem;line-height:1.5}.comment .comment-meta{color:#888f99;font-size:.6rem}.comment-meta b{color:var(--blue)}.comment button{padding:0;border:0;background:transparent;color:#777e87;font-size:.6rem}.site-tools{margin:35px 0;display:grid;gap:9px}.site-tools label{padding:12px;border:1px solid #292b2f;border-radius:6px;background:#121315;font-size:.78rem;font-weight:800}.tool-search{display:grid;grid-template-columns:1fr auto}.site-tools input,.site-tools select{min-width:0;height:39px;padding:0 9px;border:0;border-radius:4px;background:#fff;color:#171717;font-size:.72rem}.tool-search button{border:0;border-radius:0 4px 4px 0;background:var(--blue);color:#fff;font-size:.68rem;font-weight:800}.detail-footer .text-logo{display:inline-flex;margin-bottom:10px}

/* Bottom browser-style nav */
.bottom-nav{position:fixed;z-index:90;left:50%;bottom:0;width:100%;max-width:480px;height:61px;padding:5px 4px max(5px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);transform:translateX(-50%);border-top:1px solid #d3d3d3;background:#fff;color:#333}.bottom-nav a,.bottom-nav button{position:relative;display:grid;justify-items:center;align-content:center;gap:1px;border:0;background:transparent;color:#333}.bottom-nav .active{color:#000}.bottom-nav span{font-size:1.25rem;line-height:1}.bottom-nav small{font-size:.52rem}.tabs-button i{position:absolute;top:0;right:21%;padding:1px 3px;border-radius:3px;background:#3a3a3a;color:#fff;font-size:.45rem;font-style:normal}.toast{position:fixed;z-index:150;left:50%;bottom:73px;max-width:440px;padding:10px 13px;border:1px solid #414141;border-radius:20px;background:rgba(22,22,22,.95);color:#fff;font-size:.68rem;opacity:0;pointer-events:none;transform:translate(-50%,15px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}

.drawer:not(.open){transform:translateX(calc(-100% - max(calc((100vw - 480px)/2),0px)))}
@media(min-width:481px){.app-container{border-inline:1px solid #272727}.drawer{left:calc((100vw - 480px)/2)}.bottom-nav{border-inline:1px solid #ddd}}
@media(max-width:360px){.featured-card{flex-basis:122px;height:180px}.movies-4k{padding:0 9px;font-size:.7rem}.movie-title{font-size:.65rem}.detail-utility>*{padding:0 7px;font-size:.63rem}.title-card h1{font-size:1.2rem}.quality-list a{padding:12px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}