*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8fafc;--panel:#fff;--line:#e2e8f0;--text:#1e293b;--muted:#64748b;--accent:#1e293b;--accent-strong:#0f172a;--radius:8px;--radius-lg:12px}body{background-color:var(--bg);min-height:100dvh;color:var(--text);-webkit-tap-highlight-color:transparent;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex}header{text-align:center;padding:calc(36px + env(safe-area-inset-top)) 16px 20px}.brand{align-items:center;gap:10px;display:inline-flex}.brand-logo{width:40px;height:40px}header h1{font-size:1.75rem}header .tagline{color:var(--muted);margin-top:6px;font-size:.95rem}main{width:100%;max-width:960px;padding:0 16px 40px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));flex:1;margin:0 auto}.recent{margin-bottom:20px}.recent h2{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:8px;font-size:.8rem;font-weight:600}.recent-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.recent-card{background-color:var(--panel);border:1px solid var(--line);color:inherit;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.recent-card img{width:36px;height:36px}.recent-card span{flex-direction:column;line-height:1.25;display:flex}.recent-card small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:400}@media (hover:hover){.recent-card:hover{border-color:var(--text)}}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}.chip{background-color:var(--panel);height:36px;color:var(--text);border:1px solid var(--line);font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;border-radius:999px;padding:0 14px;font-size:.9rem}.chip[aria-pressed=true]{background-color:var(--text);border-color:var(--text);color:var(--panel);font-weight:600}@media (hover:hover){.chip:not([aria-pressed=true]):hover{border-color:var(--text)}}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card{background-color:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);text-align:center;color:inherit;flex-direction:column;align-items:center;gap:6px;padding:20px 12px 16px;text-decoration:none;display:flex}.card[hidden]{display:none}.card img{width:64px;height:64px;margin-bottom:4px}.card-name{font-size:1rem;font-weight:600}.card-tagline{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}@media (hover:hover){.card:hover{border-color:var(--text)}.card:hover .card-name{text-decoration:underline}}footer{text-align:center;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));color:var(--muted);font-size:.85rem}footer a{color:inherit}@media (width<=900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){header{padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.brand-logo{width:28px;height:28px}header h1{font-size:1.15rem}header .tagline{display:none}footer{padding:16px 12px;padding-bottom:calc(16px + env(safe-area-inset-bottom));font-size:.8rem}main{padding:0 12px 32px;padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right))}.chips{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:0 -12px 16px;padding:2px 12px 8px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.recent{margin-bottom:12px}.recent h2{text-align:left}.recent-row{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:0 -12px;padding:2px 12px 8px;overflow-x:auto}.recent-row::-webkit-scrollbar{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:16px 10px 14px}.card img{width:56px;height:56px}}@media (pointer:coarse){.chip{height:44px;padding:0 16px;font-size:1rem}}