:root{--color-bg:#0d1117;--color-surface:#161b22;--color-surface-raised:#1c2128;--color-border:#30363d;--color-text-primary:#e6edf3;--color-text-muted:#8b949e;--color-text-faint:#484f58;--color-accent:#f0a500;--color-accent-dim:#f0a5001f;--color-accent-glow:#f0a50059;--color-success:#3fb950;--color-success-dim:#3fb95026;--color-danger:#da3633;--color-danger-dim:#da363326;--color-white:#fff;--color-card-chuck:#e8602c;--color-card-pun:#f0a500;--color-card-holiday:#3fb950;--color-card-dark:#9e6efe;--color-card-random:#58a6ff;--color-card-geeky:#39d353;--font-heading:"Boogaloo",cursive;--font-ui:"Space Grotesk",system-ui,sans-serif;--font-joke:"Lora",Georgia,serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.6rem;--font-size-2xl:2rem;--font-size-hero:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--radius-full:9999px;--shadow-card:0 1px 3px #0006,0 4px 12px #0000004d;--shadow-card-hover:0 4px 16px #00000080,0 8px 32px #00000059;--shadow-modal:0 16px 48px #000000b3;--transition-fast:150ms ease;--transition-base:250ms ease;--modal-blur:blur(8px)}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d1117;background-color:var(--color-bg);color:#e6edf3;color:var(--color-text-primary);margin:0;min-height:100vh}body,button{font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui)}button{background:none;border:none;cursor:pointer;padding:0}.container{display:flex;flex-direction:column;min-height:100vh;padding:1.5rem 1rem;padding:var(--space-6) var(--space-4)}.content{flex:1 1;margin:0 auto;max-width:720px;width:100%}.app-header{margin-bottom:2.5rem;margin-bottom:var(--space-10);padding-top:1.5rem;padding-top:var(--space-6);text-align:center}.app-title{color:#f0a500;color:var(--color-accent);font-family:Boogaloo,cursive;font-family:var(--font-heading);font-size:3rem;font-size:var(--font-size-hero);letter-spacing:.02em;margin:0 0 1rem;margin:0 0 var(--space-4) 0;text-shadow:0 0 48px #f0a50059;text-shadow:0 0 48px var(--color-accent-glow)}.auth-area{flex-wrap:wrap;gap:.75rem;gap:var(--space-3);justify-content:center}.auth-area,.auth-button{align-items:center;display:flex}.auth-button{gap:.5rem;gap:var(--space-2)}.auth-user,.btn-auth{color:#8b949e;color:var(--color-text-muted);font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui);font-size:.875rem;font-size:var(--font-size-sm)}.btn-auth{background:#0000;border:1.5px solid #30363d;border:1.5px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;font-weight:500;min-height:36px;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:border-color .15s ease,color .15s ease;transition:border-color var(--transition-fast),color var(--transition-fast)}.btn-auth:hover{border-color:#f0a500;border-color:var(--color-accent)}.btn-auth:hover,.btn-favourites{color:#f0a500;color:var(--color-accent)}.btn-favourites{background:#f0a5001f;background:var(--color-accent-dim);border:1.5px solid #f0a500;border:1.5px solid var(--color-accent);border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;min-height:36px;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:background .15s ease,box-shadow .15s ease;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.btn-favourites:hover{background:#f0a50033;box-shadow:0 0 0 3px #f0a50059;box-shadow:0 0 0 3px var(--color-accent-glow)}.category-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:2.5rem;margin-bottom:var(--space-10)}.category-card{align-items:center;background:#161b22;background:var(--color-surface);border:1.5px solid #30363d;border:1.5px solid var(--color-border);border-radius:1.25rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0006,0 4px 12px #0000004d;box-shadow:var(--shadow-card);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);min-height:44px;padding:1.5rem 1rem;padding:var(--space-6) var(--space-4);position:relative;text-align:center;transition:border-color .25s ease,box-shadow .25s ease;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.category-card[data-category=chuck]{--card-accent:var(--color-card-chuck)}.category-card[data-category=pun]{--card-accent:var(--color-card-pun)}.category-card[data-category=holiday]{--card-accent:var(--color-card-holiday)}.category-card[data-category=dark]{--card-accent:var(--color-card-dark)}.category-card[data-category=random]{--card-accent:var(--color-card-random)}.category-card[data-category=geeky]{--card-accent:var(--color-card-geeky)}.category-card[data-active=true]{border-color:var(--card-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--card-accent) 25%,#0000),0 4px 16px #00000080,0 8px 32px #00000059;box-shadow:0 0 0 3px color-mix(in srgb,var(--card-accent) 25%,#0000),var(--shadow-card-hover)}.category-card-emoji{display:block;font-size:2.5rem;line-height:1}.category-card-name{color:#e6edf3;color:var(--color-text-primary);font-size:1.25rem;font-size:var(--font-size-lg);font-weight:700;line-height:1.2}.category-card-name,.category-card-tagline{font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui);margin:0}.category-card-tagline{color:#8b949e;color:var(--color-text-muted);font-size:.75rem;font-size:var(--font-size-xs);font-weight:400;line-height:1.4}.joke-area{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);justify-content:center;margin-bottom:2.5rem;margin-bottom:var(--space-10);min-height:220px;width:100%}.joke-article{background:#161b22;background:var(--color-surface);border:1px solid #30363d;border:1px solid var(--color-border);border-radius:1.75rem;border-radius:var(--radius-xl);padding:2rem 2rem 1.5rem;padding:var(--space-8) var(--space-8) var(--space-6);position:relative;width:100%}.joke-article:before{color:#484f58;color:var(--color-text-faint);content:"\201C";font-size:8rem;left:1rem;left:var(--space-4);line-height:1;opacity:.7;pointer-events:none;position:absolute;top:-.3rem;-webkit-user-select:none;user-select:none}.joke-article:before,.joke-setup{font-family:Lora,Georgia,serif;font-family:var(--font-joke)}.joke-setup{color:#8b949e;color:var(--color-text-muted);font-size:1.6rem;font-size:var(--font-size-xl);font-style:normal;line-height:1.65;margin:0 0 1.5rem;margin:0 0 var(--space-6) 0}.joke-punchline{font-size:2rem;font-size:var(--font-size-2xl);line-height:1.55}.joke-punchline,.joke-single{color:#e6edf3;color:var(--color-text-primary);font-family:Lora,Georgia,serif;font-family:var(--font-joke);font-style:italic;margin:0}.joke-single{font-size:1.6rem;font-size:var(--font-size-xl);line-height:1.65}.save-button-wrapper{flex-direction:column}.btn-save-favourite,.save-button-wrapper{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.btn-save-favourite{background:#0000;border:1.5px solid #30363d;border:1.5px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);color:#8b949e;color:var(--color-text-muted);cursor:pointer;font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;min-height:40px;padding:.5rem 1.5rem;padding:var(--space-2) var(--space-6);transition:border-color .15s ease,color .15s ease,background .15s ease;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.btn-save-favourite:hover:not(:disabled){background:#e05a8a14;border-color:#e05a8a;color:#e05a8a}.btn-save-favourite:disabled{cursor:not-allowed;opacity:.5}.btn-save-favourite--saved{background:#3fb95026;background:var(--color-success-dim);border-color:#3fb950;border-color:var(--color-success);color:#3fb950;color:var(--color-success)}.save-error{color:#da3633;color:var(--color-danger);font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui);font-size:.75rem;font-size:var(--font-size-xs)}.saved-confirmation{color:#3fb950;color:var(--color-success);font-size:.875rem;font-size:var(--font-size-sm)}.favourites-error,.saved-confirmation{font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui);margin:0}.favourites-error{color:#da3633;color:var(--color-danger);font-size:1rem;font-size:var(--font-size-base);padding:2rem 0;padding:var(--space-8) 0;text-align:center}.loading-dots{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);justify-content:center;padding:2rem;padding:var(--space-8)}.loading-dot{background-color:#f0a500;background-color:var(--color-accent);border-radius:9999px;border-radius:var(--radius-full);display:block;height:12px;width:12px}.modal-overlay{align-items:center;backdrop-filter:blur(8px);backdrop-filter:var(--modal-blur);-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--modal-blur);background:#000000bf;display:flex;inset:0;justify-content:center;padding:1rem;padding:var(--space-4);position:fixed;z-index:1000}.modal-card{background:#1c2128;background:var(--color-surface-raised);border:1px solid #30363d;border:1px solid var(--color-border);border-radius:1.75rem;border-radius:var(--radius-xl);box-shadow:0 16px 48px #000000b3;box-shadow:var(--shadow-modal);max-width:440px;padding:2.5rem 2rem;padding:var(--space-10) var(--space-8);text-align:center;width:100%}.modal-skull{display:block;font-size:3rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.modal-title{color:#e6edf3;color:var(--color-text-primary);font-size:1.25rem;font-size:var(--font-size-lg);font-weight:700;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.modal-body,.modal-title{font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui)}.modal-body{color:#8b949e;color:var(--color-text-muted);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0 0 2rem;margin:0 0 var(--space-8) 0}.modal-actions{display:flex;gap:1rem;gap:var(--space-4);justify-content:center}.btn-ghost{background:#0000;border:1.5px solid #30363d;border:1.5px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);color:#8b949e;color:var(--color-text-muted);cursor:pointer;font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui);font-size:1rem;font-size:var(--font-size-base);font-weight:500;min-height:44px;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:border-color .15s ease,color .15s ease;transition:border-color var(--transition-fast),color var(--transition-fast)}.btn-ghost:hover{border-color:#8b949e;border-color:var(--color-text-muted);color:#e6edf3;color:var(--color-text-primary)}.btn-danger{background:#da3633;background:var(--color-danger);border:1.5px solid #0000;border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--color-white);cursor:pointer;font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui);font-size:1rem;font-size:var(--font-size-base);font-weight:600;min-height:44px;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:background .15s ease,box-shadow .15s ease;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.btn-danger:hover{background:#b02b28;box-shadow:0 0 0 4px #da363326;box-shadow:0 0 0 4px var(--color-danger-dim)}.favourites-panel{background:#1c2128;background:var(--color-surface-raised);border:1px solid #30363d;border:1px solid var(--color-border);border-radius:1.75rem;border-radius:var(--radius-xl);box-shadow:0 16px 48px #000000b3;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);max-height:80vh;max-width:560px;overflow-y:auto;padding:2rem;padding:var(--space-8);position:relative;width:100%}.favourites-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between}.favourites-title{color:#e6edf3;color:var(--color-text-primary);font-size:1.25rem;font-size:var(--font-size-lg);font-weight:700;margin:0}.btn-close-panel,.favourites-title{font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui)}.btn-close-panel{align-items:center;background:#0000;border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#8b949e;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:.25rem;padding:var(--space-1);transition:color .15s ease,background .15s ease;transition:color var(--transition-fast),background var(--transition-fast)}.btn-close-panel:hover{background:#161b22;background:var(--color-surface);color:#e6edf3;color:var(--color-text-primary)}.favourites-empty,.favourites-loading{color:#8b949e;color:var(--color-text-muted);font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui);font-size:1rem;font-size:var(--font-size-base);margin:0;padding:2rem 0;padding:var(--space-8) 0;text-align:center}.favourite-item{border-bottom:1px solid #30363d;border-bottom:1px solid var(--color-border);padding:1rem 0;padding:var(--space-4) 0}.favourite-item:last-child{border-bottom:none;padding-bottom:0}.favourite-setup{color:#8b949e;color:var(--color-text-muted);font-size:1rem;font-size:var(--font-size-base);font-style:italic;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.favourite-punchline,.favourite-setup{font-family:Lora,Georgia,serif;font-family:var(--font-joke)}.favourite-punchline{color:#e6edf3;color:var(--color-text-primary);font-size:1.25rem;font-size:var(--font-size-lg);margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.favourite-meta{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.favourite-category{color:#484f58;color:var(--color-text-faint);letter-spacing:.05em;text-transform:uppercase}.btn-remove-favourite,.favourite-category{font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui);font-size:.75rem;font-size:var(--font-size-xs)}.btn-remove-favourite{background:#0000;border:1px solid #30363d;border:1px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);color:#8b949e;color:var(--color-text-muted);cursor:pointer;font-weight:500;min-height:28px;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);transition:border-color .15s ease,color .15s ease;transition:border-color var(--transition-fast),color var(--transition-fast)}.btn-remove-favourite:hover{border-color:#da3633;border-color:var(--color-danger);color:#da3633;color:var(--color-danger)}.install{margin-bottom:1rem;margin-bottom:var(--space-4)}.btn-install{animation:install-pulse 2.5s ease-in-out infinite;background:#f0a5001f;background:var(--color-accent-dim);border:1.5px solid #f0a500;border:1.5px solid var(--color-accent);border-radius:9999px;border-radius:var(--radius-full);color:#f0a500;color:var(--color-accent);cursor:pointer;font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;min-height:44px;padding:.5rem 1.5rem;padding:var(--space-2) var(--space-6)}@keyframes install-pulse{0%,to{box-shadow:0 0 0 0 #f0a50059;box-shadow:0 0 0 0 var(--color-accent-glow)}50%{box-shadow:0 0 0 8px #0000}}.app-footer{color:#484f58;color:var(--color-text-faint);font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-ui);font-size:.875rem;font-size:var(--font-size-sm);padding:1.5rem 0 1rem;padding:var(--space-6) 0 var(--space-4);text-align:center}.app-footer a{color:#8b949e;color:var(--color-text-muted);position:relative;text-decoration:none}.app-footer a:after{background:#f0a500;background:var(--color-accent);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .25s ease;transition:width var(--transition-base);width:0}.app-footer a:hover:after{width:100%}:focus-visible{border-radius:.375rem;border-radius:var(--radius-sm);outline:2px solid #f0a500;outline:2px solid var(--color-accent);outline-offset:3px}:focus:not(:focus-visible){outline:none}@media (max-width:560px){.category-grid{grid-template-columns:repeat(2,1fr)}.app-title{font-size:2.25rem}.joke-punchline{font-size:1.6rem;font-size:var(--font-size-xl)}.joke-article{padding:2rem 1.5rem 1.5rem;padding:var(--space-8) var(--space-6) var(--space-6)}.joke-article:before{font-size:5rem}.modal-actions{flex-direction:column}.modal-card{padding:2rem 1.5rem;padding:var(--space-8) var(--space-6)}.favourites-panel{max-height:90vh;padding:1.5rem;padding:var(--space-6)}}
/*# sourceMappingURL=main.1c05fc4b.css.map*/