:root{--phosphor-green:#00ff41;--phosphor-green-dim:#0c3;--phosphor-green-glow:#00ff4180;--amber:#ffb000;--amber-dim:#cc8c00;--cyan:#00d4ff;--magenta:#f0f;--red:#ff3b3b;--bg-deep:#0a0e14;--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#1c2128;--bg-elevated:#21262d;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#484f58;--border-default:#30363d;--border-muted:#21262d;--border-accent:var(--phosphor-green);--glow-green:0 0 10px var(--phosphor-green-glow), 0 0 20px #00ff414d;--glow-amber:0 0 10px #ffb00080, 0 0 20px #ffb0004d;--ease-terminal:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--transition-fast:.15s var(--ease-terminal);--transition-normal:.3s var(--ease-terminal);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}html[data-theme=light]{--bg-deep:#f0f3f6;--bg-primary:#fff;--bg-secondary:#f6f8fa;--bg-card:#fff;--bg-elevated:#f6f8fa;--text-primary:#1f2328;--text-secondary:#656d76;--text-muted:#8b949e;--border-default:#d0d7de;--border-muted:#d8dee4;--phosphor-green:#00875a;--phosphor-green-dim:#064;--phosphor-green-glow:#00875a4d;--amber:#bf8700;--glow-green:0 2px 8px #00875a26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--text-primary);background:var(--bg-deep);min-height:100vh;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}body:after{content:"";opacity:.02;pointer-events:none;z-index:9998;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}html[data-theme=light] body:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000003 2px 4px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-100px;left:var(--space-md);background:var(--phosphor-green);color:var(--bg-deep);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);z-index:10000;transition:top var(--transition-fast);font-weight:600;text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-md)}:focus-visible{outline:2px solid var(--phosphor-green);outline-offset:2px}.container{width:100%;max-width:1280px;padding:var(--space-2xl) var(--space-xl);margin:0 auto}h1,h2,h3{margin-bottom:var(--space-md);font-family:Recursive,JetBrains Mono,monospace;font-weight:700;line-height:1.2}h1{color:var(--phosphor-green);text-shadow:var(--glow-green);letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem)}.terminal-prompt{color:var(--amber);margin-right:var(--space-sm);opacity:.8;font-size:.8em;font-weight:400}.cursor-blink{color:var(--phosphor-green);animation:1s step-end infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}h2{color:var(--text-primary);align-items:center;gap:var(--space-sm);margin-top:var(--space-2xl);font-size:clamp(1.25rem,3vw,1.75rem);display:flex}.section-icon{color:var(--phosphor-green);font-family:JetBrains Mono,monospace;font-weight:700}.code-comment{color:var(--text-muted);margin-left:var(--space-sm);font-size:.75em;font-style:italic;font-weight:400}h3{color:var(--text-primary);font-size:1.25rem}header{text-align:center;margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px dashed var(--border-default)}.controls{gap:var(--space-lg);margin-top:var(--space-xl);padding:var(--space-md) 0;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}button{cursor:pointer;font-family:inherit}.theme-toggle,.random-joke,.stats-button{background:var(--bg-elevated);color:var(--phosphor-green);border:1px solid var(--border-default);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);align-items:center;gap:var(--space-sm);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);font-size:.9rem;font-weight:600;display:flex;position:relative;overflow:hidden}.theme-toggle:before,.random-joke:before{content:">";margin-right:var(--space-xs);opacity:0;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);transform:translate(-10px)}.theme-toggle:hover:before,.random-joke:hover:before{opacity:1;transform:translate(0)}.theme-toggle:hover,.random-joke:hover,.stats-button:hover{background:var(--phosphor-green);color:var(--bg-deep);border-color:var(--phosphor-green);box-shadow:var(--glow-green);transform:translateY(-2px)}.theme-toggle:active,.random-joke:active,.stats-button:active{transform:translateY(0)}.stats-button{background:linear-gradient(135deg, var(--amber) 0%, var(--red) 100%);color:var(--bg-deep);padding:var(--space-sm) var(--space-md);border:none}.stats-button:hover{background:linear-gradient(135deg, var(--red) 0%, var(--amber) 100%);color:var(--bg-deep);box-shadow:var(--glow-amber)}.search-container{flex:1;max-width:400px;position:relative}.search-input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);padding-left:2.75rem;font-family:inherit;font-size:.9rem}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--phosphor-green);box-shadow:var(--glow-green)}.search-icon{left:var(--space-md);color:var(--text-muted);font-size:.875rem;position:absolute;top:50%;transform:translateY(-50%)}.search-results-count,.filter-results-count{color:var(--phosphor-green);margin-top:var(--space-xs);font-size:.75rem;display:none}.filter-container{gap:var(--space-xs);flex-direction:column;display:flex}.category-filter,.sort-select{padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);font-family:inherit;font-size:.9rem}.category-filter:focus,.sort-select:focus{border-color:var(--phosphor-green);box-shadow:var(--glow-green)}.category-filter:hover,.sort-select:hover{border-color:var(--phosphor-green)}.sort-container{align-items:center;gap:var(--space-sm);display:flex}.sort-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.filter-status{text-align:center;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px dashed var(--border-default);border-radius:var(--radius-md);margin:var(--space-md) auto;color:var(--text-secondary);max-width:600px;font-size:.875rem;display:none}.hero{margin-bottom:var(--space-2xl)}.terminal-window{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-default);overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.terminal-header{background:var(--bg-elevated);padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--border-default);display:flex}.terminal-dot{width:12px;height:12px;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-dot:hover{transform:scale(1.2)}.terminal-title{color:var(--text-muted);margin-left:auto;font-size:.75rem;font-weight:500}.terminal-body{padding:var(--space-2xl)}.terminal-body h2{color:var(--phosphor-green);margin-top:0;margin-bottom:var(--space-md);font-size:clamp(1rem,2.5vw,1.5rem)}.terminal-output{color:var(--amber);margin-right:var(--space-sm)}.terminal-body p{color:var(--text-secondary);max-width:700px;font-size:.9375rem;line-height:1.7}.text-glow{color:var(--cyan);text-shadow:0 0 8px #00d4ff80}.typewriter-text{overflow:hidden}.jokes-grid,.featured-jokes{gap:var(--space-xl);margin-top:var(--space-lg);padding:var(--space-sm) 0;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));list-style:none;display:grid}.joke,.featured-joke{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);padding:var(--space-xl);gap:var(--space-lg);transition:color var(--transition-normal), background-color var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal), opacity var(--transition-normal);flex-direction:column;padding-top:3.75rem;display:flex;position:relative;overflow:hidden}.joke:before,.featured-joke:before{content:"";background:var(--bg-elevated);border-bottom:1px solid var(--border-default);height:32px;position:absolute;top:0;left:0;right:0}.joke:after{content:"_ ☐✕";top:8px;left:var(--space-md);letter-spacing:6px;color:var(--text-muted);font-family:inherit;font-size:.75rem;position:absolute}.joke:hover,.featured-joke:hover{border-color:var(--phosphor-green);box-shadow:0 8px 32px #00ff411a, 0 0 0 1px var(--phosphor-green);transform:translateY(-4px)}.featured-joke{border-color:var(--amber);background:linear-gradient(135deg, var(--bg-card) 0%, #ffb0000d 100%)}.featured-joke:after{content:"★FEATURED";top:8px;left:var(--space-md);letter-spacing:1px;color:var(--amber);font-size:.65rem;font-weight:700;position:absolute}.featured-joke:hover{border-color:var(--amber);box-shadow:0 8px 32px #ffb00026, 0 0 0 1px var(--amber)}.category-badge{top:44px;right:var(--space-lg);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-elevated);color:var(--phosphor-green);border:1px solid var(--phosphor-green);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);z-index:2;font-size:.7rem;font-weight:700;position:absolute}.category-badge:hover{background:var(--phosphor-green);color:var(--bg-deep);transform:scale(1.05)}[data-category=javascript] .category-badge{color:#f0db4f;border-color:#f0db4f}[data-category=javascript] .category-badge:hover{color:#323330;background:#f0db4f}[data-category=python] .category-badge{color:#3776ab;border-color:#3776ab}[data-category=python] .category-badge:hover{color:#fff;background:#3776ab}[data-category=java] .category-badge{color:#f89820;border-color:#f89820}[data-category=java] .category-badge:hover{color:#fff;background:#f89820}[data-category=web] .category-badge{color:#e34c26;border-color:#e34c26}[data-category=web] .category-badge:hover{color:#fff;background:#e34c26}[data-category=testing] .category-badge{color:#4ade80;border-color:#4ade80}[data-category=testing] .category-badge:hover{color:#064e3b;background:#4ade80}[data-category=design] .category-badge{color:#f472b6;border-color:#f472b6}[data-category=design] .category-badge:hover{color:#831843;background:#f472b6}[data-category=security] .category-badge{color:#ff6b6b;border-color:#ff6b6b}[data-category=security] .category-badge:hover{color:#fff;background:#ff6b6b}[data-category=mobile] .category-badge{color:#60a5fa;border-color:#60a5fa}[data-category=mobile] .category-badge:hover{color:#1e3a8a;background:#60a5fa}[data-category=startup] .category-badge{color:var(--magenta);border-color:var(--magenta)}[data-category=startup] .category-badge:hover{background:var(--magenta);color:#fff}[data-category=ai] .category-badge{color:var(--cyan);border-color:var(--cyan)}[data-category=ai] .category-badge:hover{background:var(--cyan);color:var(--bg-deep)}[data-category=database] .category-badge{color:#0ea5e9;border-color:#0ea5e9}[data-category=database] .category-badge:hover{color:#fff;background:#0ea5e9}[data-category=devops] .category-badge{color:#10b981;border-color:#10b981}[data-category=devops] .category-badge:hover{color:#fff;background:#10b981}[data-category=hardware] .category-badge{color:var(--amber);border-color:var(--amber)}[data-category=hardware] .category-badge:hover{background:var(--amber);color:var(--bg-deep)}[data-category=general] .category-badge{color:var(--text-secondary);border-color:var(--text-secondary)}[data-category=general] .category-badge:hover{background:var(--text-secondary);color:var(--bg-deep)}.question{color:var(--text-primary);padding-right:5rem;font-size:1.05rem;font-weight:600;line-height:1.6;position:relative}.question:before{content:"//";color:var(--text-muted);margin-right:var(--space-sm);font-weight:400}.punchline{opacity:0;max-height:0;color:var(--phosphor-green);filter:blur(4px);transition:opacity .4s var(--ease-terminal), max-height .4s var(--ease-terminal), transform .4s var(--ease-terminal), filter .4s var(--ease-terminal);padding:var(--space-md) var(--space-lg);border-left:3px solid var(--phosphor-green);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#00ff4108;font-size:1rem;font-weight:500;line-height:1.6;overflow:hidden;transform:translateY(10px)}.punchline.visible{opacity:1;filter:blur();max-height:500px;transform:translateY(0)}.joke-actions{justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px dashed var(--border-muted);flex-wrap:wrap;margin-top:auto;display:flex}.action-buttons{gap:var(--space-md);flex-wrap:wrap;display:flex}.action-button{border:1px solid var(--border-default);color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);align-items:center;gap:var(--space-sm);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);background:0 0;min-height:40px;font-size:.85rem;display:flex}.action-button:hover{border-color:var(--phosphor-green);color:var(--phosphor-green);background:#00ff411a}.reveal-button{background:var(--phosphor-green);color:var(--bg-deep);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);align-items:center;gap:var(--space-sm);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;border:none;min-height:44px;font-size:.85rem;font-weight:700;display:flex;position:relative;overflow:hidden}.reveal-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.reveal-button:hover:before{left:100%}.reveal-button:hover{background:var(--phosphor-green-dim);box-shadow:var(--glow-green);transform:translateY(-2px)}.reveal-button:active{transform:translateY(0)}.reactions-container{align-items:center;gap:var(--space-xs);display:flex}.reaction-picker{gap:var(--space-sm);display:flex}.reaction-button{padding:var(--space-sm);border-radius:var(--radius-sm);min-width:42px;min-height:42px;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);filter:grayscale(.5);opacity:.7;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:1.35rem;line-height:1;display:flex}.reaction-button:hover{filter:grayscale(0);opacity:1;background:var(--bg-elevated);transform:scale(1.2)}.reaction-button.active{filter:grayscale(0);opacity:1;border-color:var(--phosphor-green);animation:pulse-reaction .3s var(--ease-bounce);background:#00ff411a}@keyframes pulse-reaction{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.reaction-emoji{display:block}.like-button.liked{background:var(--red);border-color:var(--red);color:#fff}.submit-joke{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2xl);padding-top:var(--space-2xl);max-width:650px;margin:var(--space-2xl) auto;position:relative}.submit-joke:before{content:"// new_joke.js";top:var(--space-md);left:var(--space-lg);color:var(--text-muted);font-size:.75rem;position:absolute}.form-group{margin-bottom:var(--space-xl)}.form-group label{margin-bottom:var(--space-sm);color:var(--text-secondary);font-size:.875rem;font-weight:600;display:block}.form-group label:before{content:"const ";color:var(--cyan);font-weight:400}.form-group label:after{content:" =";color:var(--text-muted)}.form-group input,.form-group select{width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);font-family:inherit;font-size:1rem}.form-group input:focus,.form-group select:focus{border-color:var(--phosphor-green);box-shadow:var(--glow-green)}.submit-button{background:linear-gradient(135deg, var(--phosphor-green) 0%, var(--cyan) 100%);color:var(--bg-deep);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);text-transform:uppercase;letter-spacing:1px;border:none;width:100%;min-height:52px;font-size:1rem;font-weight:700}.submit-button:hover{box-shadow:var(--glow-green);transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.pagination{justify-content:center;align-items:center;gap:var(--space-md);margin:var(--space-2xl) 0;padding:var(--space-lg);display:flex}.pagination-button{background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-secondary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);text-align:center;min-width:44px;min-height:44px;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);font-family:inherit;font-size:.9rem;font-weight:600}.pagination-button:hover:not(:disabled){border-color:var(--phosphor-green);color:var(--phosphor-green);background:#00ff411a}.pagination-button:disabled{opacity:.3;cursor:not-allowed}.pagination-button.active{background:var(--phosphor-green);color:var(--bg-deep);border-color:var(--phosphor-green)}.pagination-info{color:var(--text-muted);margin:0 var(--space-md);font-size:.8rem}.stats-dashboard.hidden{display:none}.stats-dashboard{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-xl);animation:slideIn .3s var(--ease-terminal)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.stats-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px dashed var(--border-default);justify-content:space-between;align-items:center;display:flex}.stats-header h2{color:var(--amber);align-items:center;gap:var(--space-sm);margin:0;display:flex}.close-stats{padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-default);color:var(--text-secondary);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);background:0 0;font-size:1rem}.close-stats:hover{background:var(--red);color:#fff;border-color:var(--red);transform:rotate(90deg)}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-default);padding:var(--space-xl);border-radius:var(--radius-md);text-align:center;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast)}.stat-card:hover{border-color:var(--phosphor-green);transform:translateY(-2px)}.stat-icon{margin-bottom:var(--space-sm);font-size:2rem}.stat-value{color:var(--phosphor-green);margin-bottom:var(--space-xs);font-size:1.75rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.achievements-section h3{color:var(--amber);align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.achievements-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.achievement{background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-default);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast)}.achievement.unlocked{border-color:var(--phosphor-green);background:#00ff410d}.achievement.locked{opacity:.4;filter:grayscale()}.achievement:hover{transform:scale(1.05)}.achievement-icon{margin-bottom:var(--space-sm);font-size:1.75rem}.achievement-name{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:.8rem;font-weight:600}.achievement-desc{color:var(--text-muted);font-size:.7rem}.achievement-notification{top:var(--space-xl);right:var(--space-xl);background:linear-gradient(135deg, var(--phosphor-green) 0%, var(--cyan) 100%);color:var(--bg-deep);padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--glow-green), 0 8px 32px #0000004d;z-index:10000;max-width:320px;animation:notificationSlide .5s var(--ease-bounce);position:fixed}@keyframes notificationSlide{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.achievement-notification-content{align-items:center;gap:var(--space-md);display:flex}.achievement-notification-icon{font-size:2.5rem}.achievement-notification-title{text-transform:uppercase;opacity:.8;margin-bottom:var(--space-xs);letter-spacing:1px;font-size:.7rem;font-weight:700}.achievement-notification-name{font-size:1.1rem;font-weight:700}.toast{bottom:var(--space-xl);right:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-primary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);z-index:10000;animation:slideIn .3s var(--ease-terminal);position:fixed;box-shadow:0 8px 32px #0000004d}.loading{gap:var(--space-xl);padding:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.loading-skeleton{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg);min-height:200px;position:relative;overflow:hidden}.loading-skeleton:before{content:"";background:linear-gradient(90deg,#0000 0%,#00ff410d 50%,#0000 100%);width:200%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{transform:translate(-50%)}to{transform:translate(50%)}}.skeleton-category,.skeleton-question,.skeleton-answer,.skeleton-button{background:var(--bg-elevated);border-radius:var(--radius-sm)}.skeleton-category{width:80px;height:20px;top:var(--space-md);right:var(--space-md);position:absolute}.skeleton-question{width:80%;height:20px;margin-bottom:var(--space-md)}.skeleton-answer{width:60%;height:16px;margin-bottom:var(--space-xl)}.skeleton-actions{gap:var(--space-md);margin-top:auto;display:flex}.skeleton-button{width:100px;height:36px}.featured-skeleton{border-color:var(--amber)}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.empty-state i{color:var(--text-muted);margin-bottom:var(--space-md);font-size:3rem;display:block}.empty-state h3{color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state p{color:var(--text-muted)}.error-message{text-align:center;padding:var(--space-xl);border:1px solid var(--red);border-radius:var(--radius-md);color:var(--red);justify-content:center;align-items:center;gap:var(--space-md);background:#ff3b3b1a;display:flex}.loading-spinner{border:3px solid var(--border-default);border-top-color:var(--phosphor-green);border-radius:50%;width:48px;height:48px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{text-align:center;margin-top:var(--space-md);color:var(--text-muted)}footer{text-align:center;margin-top:var(--space-2xl);padding:var(--space-xl) var(--space-lg);border-top:1px dashed var(--border-default)}.footer-terminal{margin-bottom:var(--space-md);font-family:inherit}.footer-terminal .terminal-output{color:var(--phosphor-green)}.footer-text{color:var(--text-secondary)}.footer-copyright{color:var(--text-muted);font-size:.8rem}.social-links{justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.social-link{color:var(--text-secondary);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);font-size:1.25rem}.social-link:hover{color:var(--phosphor-green);text-shadow:var(--glow-green)}@media (width<=768px){.container{padding:var(--space-lg)}header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}h1{margin-bottom:var(--space-md);font-size:1.75rem}h2{margin-top:var(--space-xl);margin-bottom:var(--space-md);flex-wrap:wrap;font-size:1.25rem}.code-comment{margin-left:0;margin-top:var(--space-xs);display:block}.controls{align-items:stretch;gap:var(--space-md);flex-direction:column}.search-container{max-width:none}.search-input{padding:var(--space-md);padding-left:2.75rem;font-size:1rem}.category-filter,.sort-select{padding:var(--space-md);font-size:1rem}.theme-toggle,.random-joke,.stats-button{width:100%;padding:var(--space-md) var(--space-lg);justify-content:center;font-size:1rem}.jokes-grid,.featured-jokes{gap:var(--space-lg);grid-template-columns:1fr}.joke,.featured-joke{padding:var(--space-lg);margin:0;padding-top:3.5rem}.question{margin-bottom:var(--space-sm);padding-right:0;font-size:1rem;line-height:1.6}.category-badge{margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);font-size:.7rem;display:inline-block;position:static}.punchline{padding:var(--space-md);padding-left:var(--space-lg);font-size:.95rem;line-height:1.6}.joke-actions{align-items:stretch;gap:var(--space-md);padding-top:var(--space-lg);margin-top:var(--space-md);flex-direction:column}.reveal-button{width:100%;padding:var(--space-md) var(--space-lg);justify-content:center;font-size:.9rem}.action-buttons{justify-content:center;gap:var(--space-md)}.action-button{padding:var(--space-md);min-width:48px}.reactions-container{justify-content:center;width:100%}.reaction-picker{gap:var(--space-sm)}.reaction-button{min-width:44px;min-height:44px;font-size:1.5rem}.terminal-window{margin:0}.terminal-header{padding:var(--space-md)}.terminal-body{padding:var(--space-lg)}.terminal-body h2{font-size:1.1rem;line-height:1.4}.terminal-body p{font-size:.9rem;line-height:1.7}.stats-dashboard{padding:var(--space-lg)}.stats-header{margin-bottom:var(--space-lg)}.stats-header h2{font-size:1.25rem}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-lg)}.achievements-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.achievement{padding:var(--space-md)}.submit-joke{padding:var(--space-lg);margin:var(--space-lg) var(--space-sm)}.form-group{margin-bottom:var(--space-lg)}.form-group input,.form-group select{padding:var(--space-md);font-size:1rem}.submit-button{padding:var(--space-lg);font-size:1rem}.pagination{padding:var(--space-lg);gap:var(--space-sm);flex-wrap:wrap}.pagination-button{padding:var(--space-md);min-width:44px;font-size:.9rem}.pagination-info{text-align:center;width:100%;margin:var(--space-md) 0;font-size:.85rem}.achievement-notification{top:var(--space-md);right:var(--space-md);left:var(--space-md);max-width:none;padding:var(--space-lg)}.toast{bottom:var(--space-lg);right:var(--space-md);left:var(--space-md);padding:var(--space-lg)}footer{margin-top:var(--space-xl);padding:var(--space-lg) var(--space-md)}}@media (width<=480px){.container{padding:var(--space-md)}header{margin-bottom:var(--space-lg)}h1{font-size:1.5rem;line-height:1.3}.terminal-prompt,.cursor-blink{display:none}h2{margin-top:var(--space-lg);font-size:1.1rem}.section-icon{font-size:1rem}.controls{gap:var(--space-sm)}.joke,.featured-joke{padding:var(--space-md);border-radius:var(--radius-md);padding-top:3rem}.joke:before,.featured-joke:before{height:28px}.joke:after{letter-spacing:4px;font-size:.65rem;top:6px}.featured-joke:after{font-size:.55rem;top:6px}.question{font-size:.95rem}.question:before{display:none}.punchline{padding:var(--space-md);font-size:.9rem}.terminal-body{padding:var(--space-md)}.terminal-body h2{font-size:.95rem}.terminal-body p{font-size:.85rem}.text-glow{margin-top:var(--space-sm);display:block}.stats-dashboard{padding:var(--space-md)}.stats-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr}.stat-card{padding:var(--space-md)}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.65rem}.achievements-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr}.achievement{padding:var(--space-sm)}.achievement-icon{font-size:1.5rem}.achievement-name{font-size:.7rem}.achievement-desc{font-size:.6rem}.submit-joke{padding:var(--space-md);margin:var(--space-md) 0}.submit-joke:before{top:var(--space-sm);left:var(--space-md);font-size:.65rem}.form-group label{font-size:.8rem}.form-group label:before,.form-group label:after{display:none}.pagination{padding:var(--space-md)}.pagination-button{min-width:36px;padding:var(--space-sm);font-size:.8rem}footer{padding:var(--space-md)}.footer-copyright{font-size:.75rem}}@media (width<=360px){.container{padding:var(--space-sm)}h1{font-size:1.25rem}.joke:after,.featured-joke:after{display:none}.joke,.featured-joke{padding:var(--space-md);padding-top:2.5rem}.category-badge{padding:var(--space-xs) var(--space-sm);font-size:.6rem}.reaction-button{min-width:40px;min-height:40px;font-size:1.25rem}.action-button{padding:var(--space-sm);font-size:.75rem}.reveal-button{padding:var(--space-md);font-size:.8rem}.stats-grid{gap:var(--space-sm);grid-template-columns:1fr}.achievements-grid{grid-template-columns:1fr}.terminal-header{padding:var(--space-sm) var(--space-md)}.terminal-dot{width:10px;height:10px}.terminal-title{font-size:.65rem}}@media print{body:before,body:after,.theme-toggle,.search-container,.category-filter,.random-joke,.stats-button,.joke-actions,.submit-joke,.pagination{display:none}.joke,.featured-joke{break-inside:avoid;page-break-inside:avoid;box-shadow:none;border:1px solid #ddd}.punchline{opacity:1;filter:none;max-height:none;transform:none}.container{max-width:none;padding:0}}.joke{animation:fadeInUp .5s var(--ease-terminal);animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.joke:first-child{animation-delay:0s}.joke:nth-child(2){animation-delay:50ms}.joke:nth-child(3){animation-delay:.1s}.joke:nth-child(4){animation-delay:.15s}.joke:nth-child(5){animation-delay:.2s}.joke:nth-child(6){animation-delay:.25s}.featured-joke{animation:fadeInUp .5s var(--ease-terminal)}.featured-joke:first-child{animation-delay:0s}.featured-joke:nth-child(2){animation-delay:.1s}.featured-joke:nth-child(3){animation-delay:.2s}.joke.highlighted{animation:highlight 1s var(--ease-terminal)}@keyframes highlight{0%,to{box-shadow:0 0 0 0 var(--phosphor-green-glow)}50%{box-shadow:0 0 20px 10px var(--phosphor-green-glow)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}