:root{color:#172018;background:#f4f6ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{border:0;font:inherit}.shell{display:grid;min-height:100vh;padding:32px;place-items:center;background:linear-gradient(135deg,#f4f6eff5,#eaf0e8e6),url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23425f77' stroke-opacity='0.14' stroke-width='2'%3E%3Cpath d='M20 42h52M42 20v52M112 30l38 38M150 30l-38 38M24 132h42M114 132h42M135 111v42'/%3E%3C/g%3E%3C/svg%3E")}.joke-board{width:min(100%,920px);padding:28px;border:1px solid #cdd8c4;border-radius:8px;background:#fffffaeb;box-shadow:0 24px 70px #263a2d2e}.toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 8px;color:#47745b;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:#162519;font-size:clamp(2.25rem,4rem,4rem);line-height:1}.status{display:inline-flex;align-items:center;min-width:156px;gap:8px;padding:10px 12px;border:1px solid #c8d4bf;border-radius:999px;color:#23422d;background:#f9fbf5;font-size:.9rem;font-weight:700;white-space:nowrap}.pulse{width:10px;height:10px;border-radius:999px;background:#2fac66;box-shadow:0 0 #2fac6680;animation:pulse 1.8s infinite}.category-row{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 18px}.category-button,.controls button{min-height:42px;border-radius:8px;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.category-button{padding:0 14px;color:#2d3b31;background:#e6ecde;font-weight:700}.category-button.active,.category-button:hover{color:#fff;background:#235338}.joke-card{min-height:310px;padding:34px;border:1px solid #d6decf;border-radius:8px;background:linear-gradient(120deg,#fffffff5,#f1f6ece6),#fff}.joke-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#607167;font-size:.95rem;font-weight:700}.tag{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;color:#f8fff9;background:#9a4f34}.setup{margin:44px 0 18px;color:#142216;font-size:clamp(1.8rem,2.6rem,2.6rem);font-weight:850;line-height:1.16}.punchline{max-width:760px;margin:0;color:#43524a;font-size:1.2rem;line-height:1.75}.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.controls button{padding:0 16px;color:#fff;background:#234f6d;font-weight:800}.controls button:nth-child(2){background:#235338}.controls button:nth-child(4){background:#9a4f34}.controls button:disabled{cursor:wait;opacity:.72}.controls button:hover,.category-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #234f6d2e}.refresh-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.refresh-panel>div{min-height:72px;padding:14px 16px;border:1px solid #d5ddcd;border-radius:8px;background:#f8faf4}.label{display:block;margin-bottom:8px;color:#6a776e;font-size:.82rem;font-weight:750}.refresh-panel strong{color:#15251a;font-size:1.25rem}@keyframes pulse{70%{box-shadow:0 0 0 10px #2fac6600}}@media(max-width:680px){.shell{padding:14px;place-items:stretch}.joke-board{padding:18px}.toolbar{flex-direction:column;gap:16px}h1{font-size:2.55rem}.status{width:100%;justify-content:center}.joke-card{min-height:330px;padding:24px}.setup{margin-top:34px;font-size:2rem}.controls,.refresh-panel{grid-template-columns:1fr}}@media(min-width:681px)and (max-width:900px){.controls,.refresh-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}