:root{--bg: #0f1720;--card: #18222e;--line: #2a3744;--text: #e8eef4;--muted: #9bb0c2;--accent: #2bb3a3;--warn: #f3c969;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:480px;margin:0 auto;padding:16px 14px 40px}header h1{margin:0;font-size:1.6rem;letter-spacing:.5px}.tagline{margin:2px 0 12px;color:var(--muted);font-size:.85rem}.banner{background:#f3c9691f;border:1px solid rgba(243,201,105,.4);color:var(--warn);border-radius:10px;padding:9px 12px;font-size:.8rem;line-height:1.35;margin-bottom:14px}.banner strong{color:#ffe39a}.tabs{display:flex;gap:8px;margin-bottom:12px}.tab{flex:1;padding:9px 0;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;font-size:.9rem;cursor:pointer}.tab.active{background:var(--accent);border-color:var(--accent);color:#04201c;font-weight:600}.asof{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);margin-bottom:12px}.asof strong{color:var(--text)}.freshness{font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--line);border-radius:6px;padding:1px 6px}.refresh{margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:3px 9px;cursor:pointer;font-size:.95rem}.state{text-align:center;color:var(--muted);padding:40px 12px}.state.error{color:#f08c8c}.state .detail{font-size:.78rem;opacity:.8;word-break:break-word}.state button{margin-top:10px;background:var(--accent);border:none;color:#04201c;border-radius:8px;padding:8px 16px;cursor:pointer;font-weight:600}.card{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px}.card img{width:72px;height:72px;object-fit:cover;border-radius:8px;flex-shrink:0}.card-body{min-width:0;flex:1}.card h3{margin:0 0 2px;font-size:1rem;line-height:1.25}.provider{margin:0;color:var(--muted);font-size:.82rem}.sub{margin:4px 0 0;color:var(--muted);font-size:.8rem}.price-row{display:flex;align-items:center;gap:8px;margin-top:8px}.price{font-size:1.05rem;font-weight:700;color:var(--accent)}.pill{font-size:.62rem;text-transform:uppercase;letter-spacing:.6px;color:var(--warn);border:1px solid rgba(243,201,105,.5);border-radius:6px;padding:1px 6px}.pill.cheap{color:#04201c;background:var(--accent);border-color:var(--accent);font-weight:700}.title-link{color:var(--text);text-decoration:none}.title-link:hover{color:var(--accent);text-decoration:underline}footer{margin-top:22px;text-align:center;font-size:.72rem;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filters label{display:flex;flex-direction:column;gap:3px;flex:1;min-width:92px;font-size:.7rem;color:var(--muted)}.filters input{background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:6px 8px;font-size:.85rem}.filters .search{align-self:flex-end;background:var(--accent);border:none;color:#04201c;font-weight:700;border-radius:8px;padding:8px 18px;cursor:pointer;font-size:.9rem}