body{margin:0;font-family:Segoe UI;background:#05070a;color:#e6edf3;}
header{padding:20px;background:linear-gradient(90deg,#0f141b,#1b2735);border-bottom:1px solid #2c3a4d;}
#search{width:90%;margin:15px auto;display:block;padding:12px;background:#0f141b;border:1px solid #2c3a4d;color:#fff;border-radius:6px;}
.section{padding:15px;}
.section h2{color:#7fa6ff;font-size:14px;}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;}
.tile{background:#0f141b;border:1px solid #1f2a38;border-radius:10px;padding:10px;text-align:center;cursor:pointer;transition:.2s;}
.tile:hover{transform:translateY(-3px);border-color:#4da3ff;box-shadow:0 0 12px rgba(77,163,255,0.3);}
.tile img{width:55px;height:55px;}
.tile span{display:block;margin-top:6px;font-size:12px;}
#favorites{padding:10px;border-bottom:1px solid #2c3a4d;}