:root{--bg:#0b0b10;--bg2:#11131a;--txt:#e7e9ee;--muted:#9aa3b2;--acc:#7c5cff;--chip:#1b1f2b;--card:#0f1117;--ok:#12b886;--warn:#f59f00;}
  html,body{margin:0;padding:0;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}
  .wrap{max-width:1000px;margin:0 auto;padding:24px}
  .h{font-weight:800;letter-spacing:-0.02em;font-size:22px;margin:0 0 10px}
  .bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0 18px}
  input[type="search"]{flex:1;min-width:240px;background:var(--bg2);color:var(--txt);border:1px solid #2a3146;border-radius:16px;padding:14px 16px;font-size:15px;outline:none}
  .chips{display:flex;gap:8px;align-items:center}
  .chip{background:var(--chip);color:var(--txt);border:1px solid #2a3146;border-radius:999px;padding:8px 12px;font-size:13px;cursor:pointer}
  .chip.active{outline:2px solid var(--acc)}
  .cta{appearance:none;border:0;background:linear-gradient(90deg,var(--acc),#ff5cc8);color:#fff;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer}
  .upl{appearance:none;border:1px dashed #3a3f56;background:transparent;color:var(--txt);border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer}
  .tip{font-size:12px;color:var(--muted);margin-top:6px}
  .error{border:1px solid #3d2323;background:#1a1111;color:#ffb4b4;padding:12px;border-radius:14px;margin:10px 0}

  .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:10px 0 18px}
  .stat{background:var(--card);border:1px solid #2a3146;border-radius:14px;padding:12px}
  .slabel{color:var(--muted);font-size:12px}
  .sval{font-weight:800;font-size:18px;margin-top:4px}

  .results{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px,1fr));gap:14px}
  .card{background:var(--card);border:1px solid #2a3146;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
  .thumb{aspect-ratio:1/1;background:#0b0d13;display:grid;place-items:center;padding:8px;box-sizing:border-box}
  .thumb img{max-width:100%;max-height:100%;object-fit:cover;border-radius:12px}
  .meta{padding:12px 12px 14px}
  .title{font-weight:600;font-size:14px;line-height:1.3;margin:0 0 8px;min-height:36px}
  .price{font-weight:800}
  .muted{color:var(--muted);font-size:12px}

  .popular{display:flex;gap:8px;align-items:center;margin:8px 0 4px}
  .pbtn{background:transparent;border:1px solid #3a4764;border-radius:12px;padding:10px 14px;font-size:14px;color:#d6d9e0;cursor:pointer}
  .pbtn:hover{background:#adacac}

  .loader{display:grid;gap:12px}
  .sk-stat{height:62px;border-radius:14px;background:linear-gradient(90deg,#0f1117,#151822,#0f1117);background-size:200% 100%;animation:s 1.2s infinite}
  .sk-card{height:220px;border-radius:18px;background:linear-gradient(90deg,#0f1117,#151822,#0f1117);background-size:200% 100%;animation:s 1.2s infinite}
  @keyframes s {0%{background-position:200% 0}100%{background-position:-200% 0}}
  a{color:inherit;text-decoration:none}

  /* Theme toggle */
  .theme{width:36px;height:36px;border-radius:999px;border:1px solid #3a4764;background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(0,0,0,0.06));display:grid;place-items:center;cursor:pointer}
  .theme::before{content:"";display:block;width:18px;height:18px;-webkit-mask:no-repeat center;mask:no-repeat center;-webkit-mask-size:contain;mask-size:contain;background:#d6d9e0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 24 24"><path d="M21.64 13a9 9 0 11-10.63-10.63 1 1 0 00.87 1.5A7 7 0 1019.9 12.1a1 1 0 001.74.9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 24 24"><path d="M21.64 13a9 9 0 11-10.63-10.63 1 1 0 00.87 1.5A7 7 0 1019.9 12.1a1 1 0 001.74.9z"/></svg>')}
  [data-theme="light"] .theme{border-color:#c7cfdd;background:linear-gradient(180deg, rgba(0,0,0,0.04), rgba(255,255,255,0.04))}
  [data-theme="light"] .theme::before{background:#1a1d29;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 24 24"><path d="M6.76 4.84l-1.8-1.79L3.17 4.84l1.79 1.79 1.8-1.79zM1 13h3v-2H1v2zm10 10h2v-3h-2v3zM4.22 19.78l1.79-1.79-1.79-1.8-1.79 1.8 1.79 1.79zM20 13h3v-2h-3v2zm-.93 6.78l1.79-1.79-1.79-1.8-1.79 1.8 1.79 1.79zM13 1h-2v3h2V1zm6.36 3.05l-1.79 1.79 1.79 1.79 1.79-1.79-1.79-1.79zM12 6a6 6 0 100 12 6 6 0 000-12z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 24 24"><path d="M6.76 4.84l-1.8-1.79L3.17 4.84l1.79 1.79 1.8-1.79zM1 13h3v-2H1v2zm10 10h2v-3h-2v3zM4.22 19.78l1.79-1.79-1.79-1.8-1.79 1.8 1.79 1.79zM20 13h3v-2h-3v2zm-.93 6.78l1.79-1.79-1.79-1.8-1.79 1.8 1.79 1.79zM13 1h-2v3h2V1zm6.36 3.05l-1.79 1.79 1.79 1.79 1.79-1.79-1.79-1.79zM12 6a6 6 0 100 12 6 6 0 000-12z"/></svg>')}

  /* Light theme palette via data-theme on <html> */
  [data-theme="light"]{
    --bg:#f6f8fc; --bg2:#ffffff; --txt:#1a1d29; --muted:#5b6477; --acc:#6b5cff; --chip:#eef2f8; --card:#ffffff; --ok:#0a8f6b; --warn:#a66c00;
  }
  [data-theme="light"] html, [data-theme="light"] body{ background:var(--bg); color:var(--txt); }
  [data-theme="light"] .chip{ background:var(--chip); color:var(--txt); border-color:#c7cfdd; }
  [data-theme="light"] .upl{ border-color:#c7cfdd; }
  [data-theme="light"] .stat{ background:var(--card); border-color:#c7cfdd; }
  [data-theme="light"] .card{ background:var(--card); border-color:#c7cfdd; }
  [data-theme="light"] .pbtn{ border-color:#c7cfdd; color:#2b3142; }
  [data-theme="light"] .error{ border-color:#e6b3b3; background:#fff0f0; color:#7a2f2f; }
  [data-theme="light"] .muted{ color:#5b6477; }
  [data-theme="light"] .thumb{ background:#f0f3f9; }

  .headrow{display:flex;align-items:center;gap:12px}
  .headrow .h{margin:0}
  .headrow .theme{margin-left:auto}

  /* Light skeletons to avoid dark flash */
  [data-theme="light"] .sk-stat{background:linear-gradient(90deg,#eef2f8,#ffffff,#eef2f8);background-size:200% 100%;animation:s 1.2s infinite}
  [data-theme="light"] .sk-card{background:linear-gradient(90deg,#eef2f8,#ffffff,#eef2f8);background-size:200% 100%;animation:s 1.2s infinite}