:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--fg:#1d2330;--muted:#5b6475;--card:#fff;--accent:#2f6fdb;--accent-fg:#fff;--notice:#fdecc8;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,sans-serif;font-size:clamp(16px,1.1vmin + 8px,40px);line-height:1.4}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);margin:0}#app{place-items:center;min-height:100vh;padding:1rem;display:grid}h1{margin:0 0 .5em;font-size:1.8rem}h2{margin:0 0 .3em;font-size:1.3rem}.card{background:var(--card);overflow-wrap:anywhere;border-radius:1rem;width:100%;max-width:32rem;padding:1.5rem;box-shadow:0 .2rem 1rem #00000014}.child{text-align:center;width:min(90vw,160vmin)}.greeting{font-size:clamp(2rem,6vmin,6rem)}.tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,30vmin),1fr));gap:4vmin;margin:4vmin 0;display:grid}.tile{background:var(--card);border-radius:2vmin;min-height:25vmin;padding:4vmin;box-shadow:0 .2rem 1rem #00000014}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.button{font:inherit;border:2px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:.6em;padding:.6em 1.2em}.button-primary{background:var(--accent);color:var(--accent-fg)}.button:focus-visible{outline:3px solid var(--fg);outline-offset:2px}.notice{background:var(--notice);border-radius:.5rem;padding:.75rem}.muted{color:var(--muted)}