:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f4ecdf;background:#111116;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:20px max(20px,calc((100vw - 1250px)/2));border-bottom:1px solid #3b3039;background:#17151b;gap:12px}.brand{color:#e5c78d;font-weight:800;letter-spacing:.13em}.brand small{display:block;font-size:9px;letter-spacing:.24em;color:#b8aab0;margin-top:5px}main{max-width:1250px;margin:auto;padding:26px 20px 70px}h1{font-size:clamp(28px,4vw,49px);margin:8px 0}h2{margin:0}p{color:#c4b8be}.eyebrow{color:#e4c384;letter-spacing:.2em;font-size:11px}.hero{border:1px solid #57404b;background:linear-gradient(110deg,#39232d,#221b27 70%,#17151b);padding:40px;border-radius:20px;margin-bottom:20px}.hero p{margin-bottom:26px}.panel{max-width:520px;margin:65px auto;padding:32px;background:#211d25;border:1px solid #54424b;border-radius:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.stats>div{background:#211e25;border:1px solid #40343d;border-radius:12px;padding:18px}.stats strong{font-size:28px;color:#e6c78c;display:block}.stats span{font-size:12px;color:#b9aeb5}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.toolbar input{flex:1;min-width:180px}input,select,textarea{font:inherit;color:#f7f0e6;background:#2b2630;border:1px solid #675460;border-radius:9px;padding:11px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #e5c78d}label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#d8c8d0}button{font:inherit;cursor:pointer;background:#d9b675;color:#1d1618;border:0;border-radius:9px;padding:11px 17px;font-weight:750}button:hover{filter:brightness(1.13)}button:disabled{opacity:.55;cursor:wait}.secondary{background:#3d333d;color:#f4e7da;border:1px solid #68545f}.textbtn{background:transparent;color:#e5c78d}.danger{background:#8e3442;color:white}.iconbtn{background:transparent;color:white;font-size:20px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:16px}.movie{border:1px solid #4a3b45;border-radius:13px;background:#211e25;overflow:hidden}.poster{height:150px;display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#4d303d,#28212d);font-size:42px;color:#bfa37a}.movie .details{padding:14px}.movie h3{font-size:16px;margin:0 0 8px}.meta{font-size:12px;color:#b9aeb6;margin:6px 0}.pill{display:inline-block;border:1px solid #705a62;border-radius:20px;padding:3px 9px;font-size:11px;color:#e8c890}.links{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.links a{font-size:12px;color:#eac98c}.movie button{width:100%;padding:8px}.list-view{display:flex;flex-direction:column}.list-view .movie{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px}.list-view .poster{display:none}.list-view .details{display:flex;align-items:center;gap:16px;flex:1;flex-wrap:wrap;padding:0}.list-view .movie button{width:auto}.hidden{display:none!important}dialog{background:#211d25;color:#f4ecdf;border:1px solid #75616c;border-radius:18px;width:min(720px,94vw);max-height:90vh;overflow:auto;padding:25px}dialog::backdrop{background:#000b}.dialoghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.wide{grid-column:1/-1}#notice{position:fixed;bottom:18px;right:18px;max-width:min(380px,90vw);background:#392f39;border:1px solid #c3a06b;padding:14px;border-radius:9px;display:none}#notice.visible{display:block}.muted{color:#bcaeb7}#userBar{display:flex;align-items:center;gap:10px;font-size:12px;flex-wrap:wrap}#userBar button{font-size:12px;padding:7px 10px}@media(max-width:640px){header{padding:15px}.hero{padding:24px}.stats{grid-template-columns:repeat(2,1fr)}.fields{grid-template-columns:1fr}.toolbar>*{flex:1}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.poster{height:110px}.movie h3{font-size:14px}.movie .details{padding:10px}.list-view .movie{display:block}.list-view .details{display:block}}