:root{--text:#1f2933;--muted:#6b7280;--bg:#fff;--border:#e5e7eb;--danger:#b91c1c;--accent:#2563eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#f3f4f6;--muted:#9ca3af;--bg:#16171d;--border:#2e303a;--danger:#f87171;--accent:#60a5fa}}body{margin:0}main{max-width:800px;margin:0 auto;padding:32px 16px}header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}h1{margin:0}form{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}input{font:inherit;flex:180px;padding:8px}button{font:inherit;cursor:pointer;padding:8px 12px}.search-field{flex:180px;display:flex;position:relative}.search-field input{padding-right:32px}.search-field button{color:var(--muted);background:0 0;border:none;padding:0 8px;font-size:20px;line-height:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.ai-button{border:1px solid var(--accent);width:36px;height:36px;color:var(--accent);background:0 0;border-radius:50%;flex-shrink:0;align-self:center;margin-left:24px;padding:0;font-size:13px;font-weight:600}.ai-button[aria-pressed=true]{background:var(--accent);color:var(--bg)}.pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin:16px 0;font-size:14px;display:flex}.pagination button{border:1px solid var(--muted);color:var(--muted);background:0 0;border-radius:999px;padding:6px 16px;font-size:14px;transition:background-color .15s,color .15s}.pagination button:hover:not(:disabled){background:var(--muted);color:var(--bg)}.pagination button:disabled{border-color:var(--border);opacity:.6;cursor:default}[role=alert]{color:var(--danger)}ul{margin:0;padding:0;list-style:none}li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;display:flex}li p{color:var(--muted);margin:0}li .meta{font-size:14px}.purchase{white-space:nowrap;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.purchase s,.purchase span{color:var(--muted);font-size:14px}.purchase span{color:var(--danger)}@media (width<=480px){li{flex-direction:column}.purchase{align-items:flex-start}}