:root{color-scheme:light;--ink: #1f2430;--muted: #6b7280;--paper: #fffdf5;--card: #ffffff;--accent: #c2410c;--accent-hover: #9a3412;--border: #e7e2d3;--error: #b91c1c}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 15% 20%,rgba(255,214,143,.35),transparent 40%),radial-gradient(circle at 85% 80%,rgba(194,65,12,.12),transparent 45%),var(--paper);font-family:Avenir Next,Avenir,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink)}.card{width:min(34rem,100%);background:var(--card);border:1px solid var(--border);border-radius:1.25rem;padding:2rem 2rem 1.75rem;box-shadow:0 18px 45px #1f24301f}h1{margin:0 0 .25rem;font-size:1.9rem;letter-spacing:-.02em}.tagline{margin:0 0 1.5rem;color:var(--muted)}label{display:block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.4rem}.row{display:flex;gap:.6rem}input{flex:1;min-width:0;font:inherit;padding:.7rem .9rem;border:1px solid var(--border);border-radius:.75rem;background:var(--paper);color:inherit}input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}button{font:inherit;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:.75rem;padding:.7rem 1.2rem;cursor:pointer}button:hover{background:var(--accent-hover)}button:disabled{opacity:.6;cursor:wait}.error{margin:.75rem 0 0;color:var(--error);font-size:.95rem}.joke{margin-top:1.5rem;padding:1.25rem 1.4rem;background:var(--paper);border:1px dashed var(--accent);border-radius:1rem}.joke-text{margin:0;font-size:1.15rem;line-height:1.55}.joke-meta{margin:.9rem 0 0;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}