:root{--bg: hsl(220 20% 97%);--fg: hsl(220 25% 20%);--muted: hsl(220 10% 45%);--accent: hsl(210 90% 45%);--card: hsl(0 0% 100%);--border: hsl(220 15% 88%)}*{box-sizing:border-box}body{font-family:system-ui,sans-serif;line-height:1.6;color:var(--fg);background:var(--bg);margin:0;min-height:100vh;display:grid;place-items:center}main{max-width:36rem;padding:2rem;text-align:center}h1{margin:0 0 .25rem}.muted{color:var(--muted);margin-top:0}#joke{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:.5rem;padding:1.5rem;margin:1.5rem 0;font-size:1.25rem;min-height:4rem}button{font-size:1rem;padding:.6rem 1.2rem;border:none;border-radius:.5rem;background:var(--accent);color:#fff;cursor:pointer}button:hover{background:#0a61b8}button:disabled{background:var(--muted);cursor:progress}button:focus-visible{outline:3px solid hsl(210 90% 70%);outline-offset:2px}#crypto-demo{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:left}#crypto-demo h2{margin-bottom:.25rem}#crypto-out{background:#1f2533;color:#adebcc;border-radius:.5rem;padding:1rem;margin-top:1rem;font-size:.85rem;white-space:pre-wrap;word-break:break-all;min-height:1.5rem}code{background:var(--border);padding:.1rem .3rem;border-radius:.25rem}