:root{--bg:#f7f7f8;--surface:#fff;--border:#e2e2e6;--text:#1a1a1e;--muted:#62626c;--accent:#1b2838;--accent-text:#fff;--good:#2f7d32;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#15151a;--surface:#1e1e25;--border:#2f2f3a;--text:#ececf1;--muted:#9a9aa8;--accent:#66c0f4;--accent-text:#0d1117;--good:#7bc47f}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Thai,sans-serif;line-height:1.5}main{max-width:52rem;margin:0 auto;padding:1.5rem 1rem 4rem}h1{margin:0 0 1.25rem;font-size:1.5rem}h2{margin:2rem 0 .75rem;font-size:1.125rem}a{color:inherit}.site-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;padding:.85rem 1rem;display:flex}.nav{gap:1.25rem;display:flex}.nav a,.signin{font-weight:500;text-decoration:none}.nav a:hover,.signin:hover{text-decoration:underline}.signin{border-radius:var(--radius);background:var(--accent);color:var(--accent-text);padding:.35rem .9rem}.whoami{color:var(--muted);font-size:.9rem}.cards{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.card-title{font-weight:600;text-decoration:none}.card-title:hover{text-decoration:underline}.card-price{white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.card-meta,.note{color:var(--muted);margin:.35rem 0 0;font-size:.9rem}.price{font-variant-numeric:tabular-nums}.price-free{color:var(--good);font-weight:600}.price-unknown{color:var(--muted);font-style:italic}.badge{background:var(--good);color:#fff;border-radius:999px;padding:.05rem .5rem;font-size:.8rem;font-weight:600}input,button{font:inherit}input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:.4rem .6rem}button{border-radius:var(--radius);background:var(--accent);color:var(--accent-text);cursor:pointer;border:1px solid #0000;padding:.4rem .9rem}button:disabled{opacity:.6;cursor:default}form{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.4rem 0;display:inline-flex}[role=alert]{color:#b3261e}[role=status]{color:var(--good)}@media (prefers-color-scheme:dark){[role=alert]{color:#f2b8b5}}.card-image{border-radius:calc(var(--radius) - 2px);background:var(--border);width:100%;max-width:26rem;height:auto;margin:0 0 .7rem;display:block}