*{box-sizing:border-box}body{color:#eaeaea;background:#1a1a2e;margin:0;font-family:system-ui,sans-serif}main{max-width:720px;margin:0 auto;padding:12px}header{justify-content:space-between;align-items:center;display:flex}header nav{align-items:center;gap:16px;display:flex}.signin{justify-content:center;padding-top:10vh;display:flex}h1{margin:8px 0;font-size:22px}a{color:#8ab4f8}form{gap:8px;margin:8px 0;display:flex}input{color:inherit;background:#26263a;border:1px solid #444;border-radius:8px;flex:1;padding:10px;font-size:16px}button{color:#fff;background:#4a6fa5;border:none;border-radius:8px;padding:10px 18px;font-size:16px}.filter{width:100%;margin:8px 0}.message{color:#9c9;margin:4px 0}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:0;list-style:none;display:grid}.grid li{background:#26263a;border-radius:8px;overflow:hidden}.grid li.review{outline:2px solid #b58a3d}.grid img{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.no-cover{aspect-ratio:2/3;text-align:center;background:#33334d;justify-content:center;align-items:center;padding:8px;font-size:14px;display:flex}.meta{flex-direction:column;gap:2px;padding:8px;font-size:13px;display:flex}.meta span{color:#aaa}.badge{color:#e0b05c}.empty{color:#888;text-align:center;margin-top:32px}