:root{--bg:#fffaf2;--surface:#fff;--text:#1f1b16;--muted:#6f665c;--border:#eadfce;--accent:#f26b1d;--accent-text:#fff;--error:#b42318;--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:#17140f;--surface:#221e18;--text:#f5efe6;--muted:#a99d8f;--border:#3a3329;--accent:#ff8a3d;--accent-text:#17140f;--error:#ff8a80}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.page{flex-direction:column;gap:20px;max-width:680px;margin:0 auto;padding:32px 16px;display:flex}h1{margin:0 0 4px;font-size:1.75rem}.search{gap:8px;display:flex}input{min-width:0;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:1;padding:12px 14px}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;cursor:pointer}.primary{background:var(--accent);color:var(--accent-text);border:none;border-radius:10px;padding:12px 18px;font-weight:600}.primary:disabled{opacity:.55;cursor:default}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;line-height:1.5}.center{text-align:center}.card p{margin:0 0 12px}.card p:last-child{margin-bottom:0}.joke{white-space:pre-line}.source{color:var(--muted);margin-top:8px;font-size:.8rem;display:block}.jokes{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.error{color:var(--error);margin:0}.muted{color:var(--muted);margin:0}.flow{max-width:1100px;margin:0 auto;padding:8px 16px 40px}.flow ol{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 8px;margin:0;padding:0;list-style:none;display:flex}.pill{border:1.5px solid var(--accent);background:var(--surface);text-align:center;border-radius:999px;flex-direction:column;flex:150px;align-items:center;padding:12px 18px;line-height:1.25;display:flex}.pill strong{font-size:.95rem}.pill span{color:var(--muted);font-size:.75rem}.arrow{color:var(--accent);flex:none;font-size:1.2rem;font-weight:700}@media (width<=900px){.flow ol{flex-direction:column;align-items:stretch;gap:4px}.pill{flex:none}.arrow{align-self:center;transform:rotate(90deg)}}