:root{--color-bg:#0d1117;--color-surface:#161b22;--color-surface-hover:#1c2128;--color-accent:#f0a500;--color-accent-dim:#b87d00;--color-accent-glow:#f0a50040;--color-text:#f5f0e8;--color-text-muted:#f5f0e88c;--color-border:#f0a5002e;--color-border-strong:#f0a50080;--color-danger:#e05252;--color-success:#52c97a;--color-overlay:#000000b8;--font-display:"Boogaloo",cursive;--font-ui:"Space Grotesk",sans-serif;--font-joke:"Lora",Georgia,serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--shadow-card:0 1px 3px #0006,0 0 0 1px var(--color-border);--shadow-card-hover:0 4px 16px #00000080,0 0 0 1px var(--color-border-strong),0 0 20px var(--color-accent-glow);--shadow-modal:0 8px 40px #0009,0 0 0 1px var(--color-border);--transition-fast:150ms ease;--transition-base:220ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d1117;background-color:var(--color-bg);color:#f5f0e8;color:var(--color-text);font-family:Space Grotesk,sans-serif;font-family:var(--font-ui);min-height:100vh}a{color:#f0a500;color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#f5f0e8;color:var(--color-text)}.container{display:flex;flex-direction:column;margin:0 auto;max-width:860px;min-height:100vh;padding:32px 24px;padding:var(--space-6) var(--space-5)}.content{flex:1 1;gap:48px;gap:var(--space-7)}.content,.header{display:flex;flex-direction:column}.header{align-items:center;gap:12px;gap:var(--space-3)}.header h1{color:#f0a500;color:var(--color-accent);font-family:Boogaloo,cursive;font-family:var(--font-display);font-size:clamp(2.8rem,8vw,4.5rem);font-weight:400;letter-spacing:.01em;line-height:1;text-align:center}.auth-area{flex-wrap:wrap;gap:12px;gap:var(--space-3);justify-content:center}.auth-area,.auth-button{align-items:center;display:flex}.auth-button{gap:8px;gap:var(--space-2)}.auth-user{color:#f5f0e88c;color:var(--color-text-muted);font-size:.78rem}.auth-user,button{font-family:Space Grotesk,sans-serif;font-family:var(--font-ui)}button{-webkit-tap-highlight-color:transparent;background:#161b22;background:var(--color-surface);border:none;border-radius:999px;border-radius:var(--radius-pill);color:#f5f0e8;color:var(--color-text);cursor:pointer;font-weight:600;touch-action:manipulation;transition:background .22s ease,color .22s ease,box-shadow .22s ease;transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}button:focus-visible{outline:2px solid #f0a500;outline:2px solid var(--color-accent);outline-offset:3px}.btn-auth,.btn-favourites{background:#161b22;background:var(--color-surface);border:1px solid #f0a5002e;border:1px solid var(--color-border);border-radius:999px;border-radius:var(--radius-pill);color:#f5f0e8;color:var(--color-text);font-size:.78rem;letter-spacing:.02em;padding:.35em 1em}.btn-auth:hover,.btn-favourites:hover{background:#1c2128;background:var(--color-surface-hover);border-color:#f0a50080;border-color:var(--color-border-strong)}.category-grid{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:repeat(3,1fr);width:100%}.category-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#161b22;background:var(--color-surface);border:1px solid #f0a5002e;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0006,0 0 0 1px #f0a5002e;box-shadow:var(--shadow-card);cursor:pointer;display:flex;flex-direction:column;gap:8px;gap:var(--space-2);justify-content:center;min-height:90px;padding:16px 12px;padding:var(--space-4) var(--space-3);touch-action:manipulation;transition:box-shadow .22s ease,border-color .22s ease,background .22s ease;transition:box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base);will-change:transform}.category-card:focus-visible{outline:2px solid #f0a500;outline:2px solid var(--color-accent);outline-offset:3px}.category-card:focus-visible,.category-card:hover{background:#1c2128;background:var(--color-surface-hover);border-color:#f0a50080;border-color:var(--color-border-strong);box-shadow:0 4px 16px #00000080,0 0 0 1px #f0a50080,0 0 20px #f0a50040;box-shadow:var(--shadow-card-hover)}.category-card--active{background:#1c2128;background:var(--color-surface-hover);border-color:#f0a500;border-color:var(--color-accent);box-shadow:0 0 0 1px #f0a500,0 0 24px #f0a50040;box-shadow:0 0 0 1px var(--color-accent),0 0 24px var(--color-accent-glow)}.category-card:disabled{cursor:not-allowed;opacity:.5}.category-card__emoji{font-size:1.8rem;line-height:1}.category-card__label{color:#f5f0e88c;color:var(--color-text-muted);font-family:Space Grotesk,sans-serif;font-family:var(--font-ui);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.category-card--active .category-card__label{color:#f0a500;color:var(--color-accent)}.joke-stage{background:radial-gradient(ellipse 70% 60% at 50% 30%,#f0a5000f 0,#0000 70%),#161b22;background:radial-gradient(ellipse 70% 60% at 50% 30%,#f0a5000f 0,#0000 70%),var(--color-surface);border:1px solid #f0a5002e;border:1px solid var(--color-border);border-radius:20px;border-radius:var(--radius-lg);justify-content:center;min-height:200px;padding:48px 24px;padding:var(--space-7) var(--space-5);position:relative;text-align:center}.joke-empty,.joke-stage{align-items:center;display:flex;flex-direction:column}.joke-empty{color:#f5f0e88c;color:var(--color-text-muted);gap:12px;gap:var(--space-3)}.joke-empty__icon{font-size:2.5rem;opacity:.5}.joke-empty__text{font-family:Space Grotesk,sans-serif;font-family:var(--font-ui);font-size:.95rem;font-style:italic}.joke-text{width:100%}.joke-setup{color:#f5f0e88c;color:var(--color-text-muted);font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.6;margin-bottom:24px;margin-bottom:var(--space-5)}.joke-punchline,.joke-setup{font-family:Lora,Georgia,serif;font-family:var(--font-joke);font-style:italic}.joke-punchline{color:#f5f0e8;color:var(--color-text);font-size:clamp(1.4rem,4vw,2.1rem);font-weight:600;line-height:1.45}.loading-dots{align-items:center;display:flex;gap:8px;gap:var(--space-2);justify-content:center;padding:16px;padding:var(--space-4)}.loading-dots span{background:#f0a500;background:var(--color-accent);border-radius:50%;display:inline-block;height:10px;width:10px}.joke-actions{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--space-2);margin-top:24px;margin-top:var(--space-5)}.btn-save-favourite{background:#0000;border:1px solid #f0a50080;border:1px solid var(--color-border-strong);border-radius:999px;border-radius:var(--radius-pill);color:#f0a500;color:var(--color-accent);font-size:.9rem;font-weight:600;letter-spacing:.03em;padding:.55em 1.5em;transition:background .22s ease,box-shadow .22s ease;transition:background var(--transition-base),box-shadow var(--transition-base);will-change:transform}.btn-save-favourite:hover{background:#f0a50040;background:var(--color-accent-glow);box-shadow:0 0 16px #f0a50040;box-shadow:0 0 16px var(--color-accent-glow)}.saved-confirmation{color:#52c97a;color:var(--color-success);font-family:Space Grotesk,sans-serif;font-family:var(--font-ui);font-size:.85rem;letter-spacing:.02em}.modal-overlay{align-items:center;background:#000000b8;background:var(--color-overlay);display:flex;inset:0;justify-content:center;padding:16px;padding:var(--space-4);position:fixed;z-index:1000}.modal{background:#161b22;background:var(--color-surface);border:1px solid #f0a50080;border:1px solid var(--color-border-strong);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 40px #0009,0 0 0 1px #f0a5002e;box-shadow:var(--shadow-modal);max-width:420px;padding:32px;padding:var(--space-6);text-align:center;width:100%}.modal,.modal h4{color:#f5f0e8;color:var(--color-text)}.modal h4{font-family:Space Grotesk,sans-serif;font-family:var(--font-ui);font-size:1rem;font-weight:600;line-height:1.5;margin-bottom:24px;margin-bottom:var(--space-5)}.modal-buttons{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);justify-content:center}.btn-cancel{background:#1c2128;background:var(--color-surface-hover);border:1px solid #f0a5002e;border:1px solid var(--color-border);border-radius:999px;border-radius:var(--radius-pill);font-size:.85rem;padding:.5em 1.3em}.btn-cancel:hover{border-color:#f0a50080;border-color:var(--color-border-strong)}.btn-confirm{background:#0000;border:1px solid #e05252;border:1px solid var(--color-danger);border-radius:999px;border-radius:var(--radius-pill);color:#e05252;color:var(--color-danger);font-size:.85rem;padding:.5em 1.3em}.btn-confirm:hover{background:#e0525226}.modal-content{background:#161b22;background:var(--color-surface);border:1px solid #f0a5002e;border:1px solid var(--color-border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 40px #0009,0 0 0 1px #f0a5002e;box-shadow:var(--shadow-modal);padding:32px;padding:var(--space-6);position:relative}.favourites-panel{align-items:stretch;flex-direction:column;max-height:80vh;max-width:90vw;min-width:340px;overflow-y:auto;width:100%}.close-modal{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#f5f0e88c;color:var(--color-text-muted);cursor:pointer;font-size:1.4rem;line-height:1;padding:4px;padding:var(--space-1);position:absolute;right:16px;right:var(--space-4);top:12px;top:var(--space-3);transition:color .15s ease;transition:color var(--transition-fast)}.close-modal:hover{color:#f5f0e8;color:var(--color-text)}.favourites-title{color:#f0a500;color:var(--color-accent);font-family:Boogaloo,cursive;font-family:var(--font-display);font-size:1.6rem;font-weight:400;margin-bottom:24px;margin-bottom:var(--space-5)}.favourites-empty{color:#f5f0e88c;color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.favourite-item{border-bottom:1px solid #f0a5002e;border-bottom:1px solid var(--color-border);padding:16px 0;padding:var(--space-4) 0}.favourite-item:last-child{border-bottom:none}.favourite-setup{color:#f5f0e88c;color:var(--color-text-muted);font-size:.9rem;margin-bottom:8px;margin-bottom:var(--space-2)}.favourite-punchline,.favourite-setup{font-family:Lora,Georgia,serif;font-family:var(--font-joke);font-style:italic;line-height:1.5}.favourite-punchline{color:#f5f0e8;color:var(--color-text);font-size:1rem;font-weight:600;margin-bottom:12px;margin-bottom:var(--space-3)}.favourite-meta{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.favourite-category{color:#f5f0e88c;color:var(--color-text-muted);font-family:Space Grotesk,sans-serif;font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.btn-remove-favourite{background:#0000;border:1px solid #e0525266;border-radius:999px;border-radius:var(--radius-pill);color:#e05252;color:var(--color-danger);font-size:.72rem;padding:.2em .7em}.btn-remove-favourite:hover{background:#e052521f;border-color:#e05252;border-color:var(--color-danger)}.install-modal{max-width:400px;text-align:left}.install-modal h4{color:#f0a500;color:var(--color-accent);font-size:1rem;font-weight:700;margin-bottom:16px;margin-bottom:var(--space-4);padding-right:24px;padding-right:var(--space-5)}.install-modal__body{color:#f5f0e88c;color:var(--color-text-muted);font-family:Space Grotesk,sans-serif;font-family:var(--font-ui);font-size:.9rem;line-height:1.6}.install-modal__steps{counter-reset:steps;display:flex;flex-direction:column;gap:12px;gap:var(--space-3);list-style:none}.install-modal__steps li{color:#f5f0e8;color:var(--color-text);counter-increment:steps;display:flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-ui);font-size:.9rem;gap:12px;gap:var(--space-3);line-height:1.5}.install-modal__steps li:before{align-items:center;background:#f0a500;background:var(--color-accent);border-radius:50%;color:#0d1117;color:var(--color-bg);content:counter(steps);display:flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:22px;justify-content:center;margin-top:1px;width:22px}.footer{align-items:center;color:#f5f0e88c;color:var(--color-text-muted);display:flex;flex-direction:column;font-family:Space Grotesk,sans-serif;font-family:var(--font-ui);font-size:.78rem;gap:12px;gap:var(--space-3);padding-top:32px;padding-top:var(--space-6);text-align:center}.btn-install{background:#161b22;background:var(--color-surface);border:1px solid #f0a5002e;border:1px solid var(--color-border);border-radius:999px;border-radius:var(--radius-pill);color:#f5f0e8;color:var(--color-text);font-size:.8rem;padding:.45em 1.2em}.btn-install:hover{background:#1c2128;background:var(--color-surface-hover);border-color:#f0a50080;border-color:var(--color-border-strong)}@media (max-width:480px){.container{padding:24px 16px;padding:var(--space-5) var(--space-4)}.container,.content{gap:24px;gap:var(--space-5)}.category-grid{gap:8px;gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.category-card{min-height:80px;padding:12px 8px;padding:var(--space-3) var(--space-2)}.joke-stage{min-height:160px;padding:24px 16px;padding:var(--space-5) var(--space-4)}.modal{padding:24px;padding:var(--space-5)}.modal-buttons{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}
/*# sourceMappingURL=main.d9d9cc2f.css.map*/