:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#121615;color:#f1eee5}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:30px}header{display:flex;align-items:center;gap:30px;border-bottom:1px solid #35413a;padding-bottom:24px}header>span,.eyebrow{font-size:11px;letter-spacing:2px;color:#b9c4ba}.brand{font-size:28px;font-weight:900;color:#f1eee5;text-decoration:none}.brand span{color:#d3ef90}#logout{margin-left:auto}.hero{padding:48px 0 20px}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,8vw,88px);font-weight:400;margin:12px 0}.hero>p:last-child{color:#b9c4ba}button,input,select{font:inherit;border:1px solid #455247;border-radius:8px;background:#202923;color:inherit;padding:12px}button{cursor:pointer}button:hover{border-color:#d3ef90}button:disabled{opacity:.5;cursor:wait}.accent{background:#d3ef90;color:#172012;font-weight:650}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#c4cdc5}#login{max-width:400px;padding:26px;background:#1c241f;border-radius:12px}#login label{margin:18px 0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:25px 0}.stat{padding:22px;background:#1c241f;border:1px solid #35413a;border-radius:10px}.stat strong{display:block;font-size:30px;color:#d3ef90}.stat span{font-size:12px;color:#bac7bb}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.toolbar label:first-child{flex:1;min-width:200px}.movie{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:20px;border-top:1px solid #35413a;padding:22px 0}.number{font-family:Georgia,serif;color:#839481;font-size:25px}.movie h2{margin:0 0 7px;font-size:20px}.meta,#count{color:#a9b8aa;font-size:13px}.ratings{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}.ratings label{flex-direction:row;align-items:center}.ratings select{padding:6px}.seen{color:#d3ef90}#message{color:#edce8b;min-height:20px}footer{display:flex;justify-content:space-between;gap:20px;margin-top:50px;border-top:1px solid #35413a;padding:22px 0;color:#88978c;font-size:11px}[hidden]{display:none!important}:focus-visible{outline:2px solid #d3ef90;outline-offset:3px}@media(max-width:650px){main{padding:20px}header>span{display:none}.movie{grid-template-columns:32px 1fr;gap:12px}.movie>button{grid-column:2;justify-self:start}.toolbar>button{width:100%}footer span{max-width:180px}}

.checks{display:grid;gap:14px}.checks label{flex-direction:row;align-items:center;font-size:13px}.checks input{accent-color:#d3ef90;width:20px;height:20px}@media(max-width:650px){.checks{grid-column:2}}

.movie{grid-template-columns:100px 1fr auto}.artwork{align-self:start}.artwork img{display:block;width:100px;height:150px;object-fit:cover;border-radius:6px;margin-top:10px}.synopsis{margin-top:14px;color:#c4cdc5;font-size:14px;line-height:1.65}.synopsis summary{cursor:pointer;color:#d3ef90}.credits{margin-top:28px;color:#88978c;font-size:11px}.credits img{width:90px;height:auto;display:block;margin:10px 0}@media(max-width:650px){.movie{grid-template-columns:70px 1fr}.artwork img{width:70px;height:105px}}