:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#faf8ff;--surface:#fff;--text:#1a1530;--muted:#5b5675;--border:#cfc8e6;--primary:#6d28d9;--on-primary:#fff;--error:#b91c1c;--focus:#6d28d9}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#130f24;--surface:#1d1736;--text:#efeafc;--muted:#b3acd0;--border:#3b3360;--primary:#a78bfa;--on-primary:#130f24;--error:#fca5a5;--focus:#c4b5fd}}@media (prefers-contrast:more){:root{--muted:var(--text);--border:var(--text)}}*{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0;position:fixed;inset:0;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font:1rem/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{height:100%}.shell{flex-direction:column;width:min(100%,40rem);height:100%;margin-inline:auto;padding:1rem 1rem 0;display:flex}header{text-align:center;padding-block:.5rem 1rem}h1{margin:0;font-size:clamp(1.75rem,1.2rem + 2vw,2.25rem);line-height:1.2}header p{color:var(--muted);margin:.25rem 0 0}label{margin-bottom:.25rem;font-weight:600;display:block}.quality{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;gap:.25rem;margin:0 0 .75rem;padding:.25rem;display:flex}.quality legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.seg{cursor:pointer;border-radius:.5rem;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:44px;margin:0;line-height:1.2;display:flex;position:relative}.seg input{opacity:0;cursor:pointer;min-height:0;margin:0;position:absolute;inset:0}.seg small{color:var(--muted);font-size:.75rem;font-weight:400}.seg:has(input:checked){background:var(--primary);color:var(--on-primary)}.seg:has(input:checked) small{color:inherit;opacity:.85}.seg:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.row{gap:.5rem;display:flex}input,button{font:inherit;border-radius:.625rem;min-height:44px}input{background:var(--surface);min-width:0;color:var(--text);border:1px solid var(--border);flex:1;padding:.5rem .75rem}input[aria-invalid=true]{border-color:var(--error)}button{cursor:pointer;white-space:nowrap;background:var(--primary);color:var(--on-primary);border:0;padding:.5rem 1rem;font-weight:600}button[aria-busy=true]{opacity:.7;cursor:progress}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.error{min-height:1.5rem;color:var(--error);margin:.25rem 0 0;font-size:.9375rem}main{overscroll-behavior:contain;flex:1;min-height:0;padding-block:.5rem 1.5rem;overflow-y:auto}.empty{color:var(--muted);text-align:center;margin-top:2rem}.joke{background:var(--surface);border:1px solid var(--border);padding:1rem 1.125rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));border-radius:.875rem;margin-bottom:.75rem;animation:.25s ease-out in}.joke h2{overflow-wrap:anywhere;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .25rem;font-size:.875rem;font-weight:600}.joke .tag{border:1px solid var(--border);text-transform:none;letter-spacing:0;white-space:nowrap;border-radius:999px;margin-inline-start:.5rem;padding:.0625rem .5rem;font-size:.75rem}.joke p{white-space:pre-wrap;overflow-wrap:break-word;margin:0;font-size:1.125rem}@keyframes in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}