:root{color-scheme:dark;--bg:#090b10;--panel:#151922;--ink:#f5f6f8;--muted:#a3abba;--line:#303746;--accent:#ed405e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,'Noto Sans Myanmar',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.btn{border:0;cursor:pointer;border-radius:10px;padding:11px 16px;color:white;background:var(--accent);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}button.secondary,.btn.secondary{background:#2d3441}button.danger{background:#902f44}button:disabled{opacity:.55;cursor:not-allowed}input,textarea,select{width:100%;background:#10141c;border:1px solid #444d5d;color:var(--ink);padding:12px;border-radius:9px}textarea{min-height:92px;resize:vertical}label{font-size:13px;color:var(--muted);display:grid;gap:5px}header{border-bottom:1px solid var(--line);background:#0d1016;position:sticky;top:0;z-index:3}.top{max-width:1160px;margin:auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.logo{font-size:20px;font-weight:900;letter-spacing:-.5px}.logo b{color:var(--accent)}.top nav{display:flex;gap:18px;align-items:center;color:#cdd2dc}.top nav a:hover{color:white}.container{max-width:1160px;margin:auto;padding:28px 20px 80px}.hero{padding:45px 38px;background:radial-gradient(ellipse at right,#5e1d34 0%,#221724 44%,#171a23 100%);border:1px solid #47303e;border-radius:20px;margin-bottom:32px}.eyebrow{color:#ff9dad;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:900}h1{font-size:clamp(29px,5vw,52px);line-height:1.2;margin:12px 0}h2{font-size:23px;margin:0 0 18px}p{color:var(--muted)}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px;gap:12px;margin-bottom:28px}.movies{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:18px}.movie{background:var(--panel);border:1px solid #262d38;border-radius:13px;overflow:hidden;transition:transform .15s}.movie:hover{transform:translateY(-3px)}.poster{aspect-ratio:2/3;background:linear-gradient(145deg,#39222e,#151c28);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:56px;color:#ad586d}.poster img{width:100%;height:100%;object-fit:cover}.movieinfo{padding:13px}.movieinfo h3{margin:0;font-size:15px;line-height:1.4}.meta{font-size:12px;color:var(--muted);margin-top:7px}.pill{display:inline-block;font-size:11px;padding:3px 8px;border:1px solid #634352;border-radius:100px;color:#f0aaba}.muted{color:var(--muted)}.empty{border:1px dashed var(--line);padding:38px;border-radius:14px;text-align:center;color:var(--muted)}.detail{display:grid;grid-template-columns:240px 1fr;gap:30px;align-items:start}.detail .poster{border-radius:14px}.info-row{margin:12px 0}.panel{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:16px}.stack{display:grid;gap:15px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:start}.entry{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.entry:last-child{border-bottom:0}.entry strong{display:block}.actions{display:flex;gap:6px;flex-wrap:wrap}.status{margin:12px 0;color:#acdfbe;min-height:20px}.status.error{color:#ffa5a5}.hidden{display:none!important}.gate{position:fixed;inset:0;background:#07080bf2;display:grid;place-items:center;z-index:20;padding:16px}.gate-card{max-width:460px;text-align:center;padding:34px;border:1px solid #563241;border-radius:20px;background:#17161d}.gate-card .big{font-size:60px;font-weight:900;color:var(--accent)}.gate-card .actions{justify-content:center;margin-top:25px}.fineprint{font-size:12px;color:#9499a4}.footer{text-align:center;padding:25px;border-top:1px solid var(--line);color:#8f98a6;font-size:13px}@media(max-width:700px){.hero{padding:30px 22px}.detail,.admin-grid{grid-template-columns:1fr}.detail>.poster{max-width:220px}.toolbar{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.top nav{gap:10px;font-size:13px}.movies{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.movieinfo{padding:10px}}

/* v3 improvements */
.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin:32px 0}.pager button{min-width:104px}.preview img{width:116px;height:174px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.preview{padding:5px 0}.entry{align-items:center}.entry .actions button{padding:8px 12px}.movie{box-shadow:0 6px 25px #0003}.movie:hover{border-color:#76465a;box-shadow:0 12px 35px #0007}.hero{background:radial-gradient(ellipse at 85% 20%,#78273c 0%,#281a2b 40%,#111621 100%)}input:focus,textarea:focus,select:focus{outline:2px solid #e45c77;outline-offset:1px}@media(max-width:480px){.container{padding:18px 13px 60px}.hero{padding:28px 20px}.panel{padding:16px}.logo{font-size:18px}.top{padding:12px 14px}.entry{align-items:flex-start;flex-direction:column}.pager{gap:8px}.pager button{min-width:88px}}

/* Version 4 */
.toolbar{grid-template-columns:minmax(200px,1fr) minmax(135px,180px) minmax(120px,155px)}#resultCount{font-size:13px;margin:-15px 0 18px}.movie:focus-visible,.btn:focus-visible,button:focus-visible{outline:3px solid #ff90aa;outline-offset:2px}.movieinfo h3{overflow-wrap:anywhere}@media(max-width:700px){.toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar #search{grid-column:1/-1}}