:root{--bg:#fff;--fg:#1a1a1a;--accent:#0a66c2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111;--fg:#f2f2f2;--accent:#70b5f9}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}main{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:1rem;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,6vw,3.5rem)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.high-five{flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.high-five button{border:2px solid var(--accent);cursor:pointer;background:0 0;border-radius:50%;padding:1rem;font-size:3rem;line-height:1;transition:transform .1s}.high-five button:hover:not(:disabled){transform:scale(1.08)}.high-five button:active:not(:disabled){transform:scale(.95)}.high-five button:disabled{opacity:.5;cursor:default}.high-five .emoji{animation:.3s pop;display:inline-block}.high-five p{opacity:.8;margin:0}@keyframes pop{0%{transform:scale(.5)rotate(-20deg)}70%{transform:scale(1.2)rotate(10deg)}to{transform:scale(1)rotate(0)}}.cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;width:100%;max-width:960px;margin-top:2.5rem;display:grid}.card{aspect-ratio:4/3;background:#222;border-radius:12px;position:relative;overflow:hidden}.card img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.card:hover img{transform:scale(1.05)}.card h2{text-align:left;color:#fff;background:linear-gradient(#0000,#000000b3);margin:0;padding:2rem 1rem .75rem;font-size:1.125rem;position:absolute;inset:auto 0 0}