*{box-sizing:border-box}body{color:#f5f5f7;background:#08090d;margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}.loading{padding:40px}.app{grid-template-columns:310px 1fr;min-height:100vh;display:grid}.sidebar{background:#11131a;border-right:1px solid #252936;height:100vh;padding:22px;position:sticky;top:0;overflow-y:auto}.sidebar h1{margin:0 0 6px}.sidebar p{color:#9da3b4;margin:0 0 20px}label{color:#9da3b4;text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px;font-size:13px;display:block}.input{color:#fff;background:#08090d;border:1px solid #2a3040;border-radius:10px;width:100%;padding:11px 12px}.flags{flex-wrap:wrap;gap:8px;display:flex}.flag,.reset{color:#fff;cursor:pointer;background:#171a23;border:1px solid #2a3040;border-radius:999px;padding:8px 11px}.flag.active{color:#06101c;background:#58a6ff;border-color:#58a6ff;font-weight:700}.reset{border-radius:12px;width:100%;margin-top:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-content:start;gap:18px;padding:22px;display:grid}.card{color:#fff;cursor:pointer;text-align:left;background:#12141c;border:1px solid #252936;border-radius:16px;padding:0;overflow:hidden}.card:hover{border-color:#58a6ff;transform:translateY(-3px)}.card img{aspect-ratio:1;object-fit:cover;background:#05060a;width:100%;display:block}.cardBody{gap:5px;padding:12px;display:grid}.cardBody span,.cardBody small{color:#9da3b4}.modal{z-index:1000;background:#000000c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modalBox{background:#11131a;border:1px solid #2a3040;border-radius:22px;grid-template-columns:48% 1fr;gap:24px;width:min(1100px,100%);max-height:90vh;padding:24px;display:grid;position:relative;overflow:auto}.modalBox>img{background:#05060a;border-radius:16px;width:100%}.close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:34px;position:absolute;top:12px;right:14px}.pillRow{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.pillRow span{background:#202532;border:1px solid #30384c;border-radius:999px;padding:7px 10px;font-size:13px}.details{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.details div{background:#171a23;border:1px solid #252936;border-radius:12px;padding:12px}.details small{color:#9da3b4;margin-bottom:5px;display:block}@media (width<=850px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:static}.modalBox{grid-template-columns:1fr}}