@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css);:root{--hq-brand-indigo:#667eea;--hq-brand-purple:#764ba2;--hq-brand-pink:#f093fb;--hq-brand-gradient:linear-gradient(135deg,#667eea,#764ba2);--hq-brand-gradient-wide:linear-gradient(90deg,#667eea,#764ba2,#f093fb);--hq-brand-gradient-radial:radial-gradient(circle at 30% 30%,rgba(102,126,234,.03) 0%,transparent 50%);--hq-color-like:#f91880;--hq-color-retweet:#00ba7c;--hq-color-views:#1d9bf0;--hq-color-liked-btn:#dc3545;--hq-color-primary:#0d6efd;--hq-color-success:#198754;--hq-color-danger:#dc3545;--hq-color-warning:#ffc107;--hq-color-info:#0dcaf0;--hq-color-secondary:#6c757d;--hq-color-dark:#212529;--hq-color-primary-light:#6ea8fe;--hq-color-success-light:#75b798;--hq-color-danger-light:#ea868f;--hq-color-warning-light:#ffc107;--hq-color-info-light:#6edff6;--hq-color-secondary-light:#adb5bd;--hq-color-dark-light:#f8f9fa;--hq-bg-body:#fff;--hq-bg-surface:#fff;--hq-bg-surface-secondary:#f8f9fa;--hq-bg-surface-glass:hsla(0,0%,100%,.95);--hq-bg-surface-card-dark:#1c2024;--hq-bg-overlay:rgba(0,0,0,.06);--hq-bg-overlay-hover:rgba(0,0,0,.04);--hq-text-primary:#0f1419;--hq-text-secondary:#536471;--hq-text-muted:#6c757d;--hq-text-inverse:#f8f9fa;--hq-text-on-brand:#fff;--hq-text-link-hover:#9ec5fe;--hq-border-default:rgba(0,0,0,.06);--hq-border-brand:rgba(102,126,234,.1);--hq-border-brand-hover:rgba(102,126,234,.3);--hq-border-separator:#dee2e6;--hq-border-input:#dee2e6;--hq-shadow-card:0 2px 12px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.03);--hq-shadow-card-hover:0 12px 32px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.05);--hq-shadow-card-elevated:0 4px 16px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.04),0 0 0 1px hsla(0,0%,100%,.5);--hq-shadow-card-elevated-hover:0 20px 40px rgba(102,126,234,.15),0 10px 20px rgba(0,0,0,.08),0 0 0 1px rgba(102,126,234,.2);--hq-shadow-brand-button:0 4px 12px rgba(102,126,234,.25),0 2px 6px rgba(0,0,0,.1);--hq-shadow-brand-button-hover:0 8px 20px rgba(102,126,234,.35),0 4px 10px rgba(0,0,0,.15);--hq-shadow-avatar:0 4px 12px rgba(102,126,234,.25);--hq-header-height:72px;--hq-header-height-md:68px;--hq-header-height-sm:64px;--hq-card-padding:1.75rem;--hq-card-padding-sm:1.25rem;--hq-gap-xs:0.25rem;--hq-gap-sm:0.5rem;--hq-gap-md:0.75rem;--hq-gap-base:1rem;--hq-gap-lg:1.25rem;--hq-gap-xl:1.5rem;--hq-gap-2xl:2rem;--hq-avatar-lg:48px;--hq-avatar-md:44px;--hq-avatar-sm:40px;--hq-avatar-xs:36px;--hq-pill-lg:40px;--hq-pill-md:38px;--hq-pill-sm:34px;--hq-pill-xs:32px;--hq-pill-xxs:30px;--hq-categories-max-width:140px;--hq-radius-xs:6px;--hq-radius-sm:8px;--hq-radius-md:12px;--hq-radius-lg:16px;--hq-radius-xl:20px;--hq-radius-pill:50px;--hq-radius-circle:50%;--hq-radius-card:20px;--hq-font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--hq-font-family-rtl:"Segoe UI","Arial","Tahoma","Noto Sans Arabic","Geeza Pro",sans-serif;--hq-text-xs:0.75rem;--hq-text-sm:0.8125rem;--hq-text-base:0.875rem;--hq-text-md:0.9375rem;--hq-text-lg:1rem;--hq-text-xl:1.0625rem;--hq-text-2xl:1.125rem;--hq-text-3xl:1.25rem;--hq-text-4xl:1.375rem;--hq-leading-tight:1.4;--hq-leading-normal:1.6;--hq-leading-relaxed:1.7;--hq-leading-loose:1.8;--hq-transition-fast:0.2s ease;--hq-transition-base:0.3s ease;--hq-transition-slow:0.4s cubic-bezier(0.4,0,0.2,1);--hq-cat-alpha:0.15;--hq-cat-alpha-end:0.08}[data-bs-theme=dark],body.dark-mode{--hq-bg-body:#1a1d20;--hq-bg-surface:#2c3034;--hq-bg-surface-secondary:#212529;--hq-bg-surface-glass:rgba(28,32,36,.95);--hq-bg-overlay:hsla(0,0%,100%,.08);--hq-bg-overlay-hover:hsla(0,0%,100%,.06);--hq-text-primary:#e7e9ea;--hq-text-secondary:#adb5bd;--hq-text-muted:#adb5bd;--hq-text-inverse:#212529;--hq-text-link-hover:#9ec5fe;--hq-border-default:hsla(0,0%,100%,.08);--hq-border-brand:rgba(102,126,234,.15);--hq-border-brand-hover:rgba(102,126,234,.4);--hq-border-separator:#495057;--hq-border-input:#495057;--hq-shadow-card:0 2px 12px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.15);--hq-shadow-card-hover:0 12px 32px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.25);--hq-shadow-card-elevated:0 4px 16px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.05);--hq-shadow-card-elevated-hover:0 20px 40px rgba(102,126,234,.25),0 10px 20px rgba(0,0,0,.3),0 0 0 1px rgba(102,126,234,.4);--hq-shadow-brand-button:0 4px 12px rgba(102,126,234,.35);--hq-shadow-brand-button-hover:0 8px 20px rgba(102,126,234,.45),0 4px 10px rgba(0,0,0,.2);--hq-shadow-avatar:0 4px 12px rgba(102,126,234,.35);--hq-cat-alpha:0.25;--hq-cat-alpha-end:0.15}body{padding-top:var(--hq-header-height)}@media (max-width:991px){body{padding-top:var(--hq-header-height-md)}}@media (max-width:576px){body{padding-top:var(--hq-header-height-sm)}}body{font-family:var(--hq-font-family-base);background-color:var(--hq-bg-body);color:var(--hq-text-primary);transition:background-color var(--hq-transition-base),color var(--hq-transition-base)}#app,body{min-height:100vh;display:flex;flex-direction:column}.card{background-color:var(--hq-bg-surface);border-color:var(--hq-border-separator);transition:background-color var(--hq-transition-base),border-color var(--hq-transition-base)}.joke-text{font-size:var(--hq-text-3xl);line-height:var(--hq-leading-normal);color:var(--hq-text-primary)}.category-badge{font-size:var(--hq-text-base);text-transform:uppercase;letter-spacing:.5px}.main-content{flex:1;padding-top:var(--hq-gap-2xl);padding-bottom:var(--hq-gap-2xl)}.footer-bar{margin-top:auto;background-color:var(--hq-bg-surface-secondary);border-top:1px solid var(--hq-border-separator);transition:background-color var(--hq-transition-base),border-color var(--hq-transition-base)}.btn-joke{min-width:150px;font-weight:500}.category-card{transition:transform var(--hq-transition-fast),box-shadow var(--hq-transition-fast),background-color var(--hq-transition-base);cursor:pointer}.category-card:hover{transform:translateY(-5px);box-shadow:var(--hq-shadow-card-hover)}.joke-card{transition:box-shadow var(--hq-transition-base),background-color var(--hq-transition-base)}.joke-card:hover{box-shadow:var(--hq-shadow-card-hover)}.bi{margin-right:4px}.like-button{font-weight:500}.like-button.liked{color:var(--hq-color-liked-btn)!important;font-weight:600}.dark-mode .form-control,.dark-mode .form-select{background-color:var(--hq-bg-surface);border-color:var(--hq-border-separator);color:var(--hq-text-primary)}.dark-mode .form-control:focus,.dark-mode .form-select:focus{background-color:var(--hq-bg-surface);border-color:var(--hq-color-primary);color:var(--hq-text-primary)}.dark-mode .form-control::-moz-placeholder{color:var(--hq-text-muted)}.dark-mode .form-control::placeholder{color:var(--hq-text-muted)}.dark-mode .alert-success{background-color:#1e4620;border-color:#2d572e;color:var(--hq-color-success-light)}.dark-mode .alert-danger{background-color:#4d1f1f;border-color:#6d2a2a;color:var(--hq-color-danger-light)}.dark-mode .alert-warning{background-color:#4d3d1f;border-color:#6d5429;color:#ffda6a}.dark-mode .alert-info{background-color:#1f3a4d;border-color:#29516d;color:var(--hq-color-primary-light)}.dark-mode .btn-outline-secondary{color:var(--hq-text-secondary);border-color:var(--hq-color-secondary)}.dark-mode .btn-outline-secondary:hover{background-color:var(--hq-color-secondary);border-color:var(--hq-color-secondary);color:#fff}.dark-mode .btn-outline-primary{color:var(--hq-color-primary);border-color:var(--hq-color-primary)}.dark-mode .btn-outline-primary:hover{background-color:var(--hq-color-primary);border-color:var(--hq-color-primary);color:#fff}.dark-mode .text-muted{color:var(--hq-text-muted)!important}.dark-mode .spinner-border{color:var(--hq-color-primary)}.joke-card-preview{height:100%;min-height:280px}.joke-card-preview .card-body{display:flex;flex-direction:column;height:100%}.joke-preview-text{flex-grow:1;min-height:4.5em;max-height:4.5em}.category-primary{background:linear-gradient(135deg,rgba(13,110,253,var(--hq-cat-alpha)),rgba(13,110,253,var(--hq-cat-alpha-end)));color:var(--hq-color-primary)}.category-success{background:linear-gradient(135deg,rgba(25,135,84,var(--hq-cat-alpha)),rgba(25,135,84,var(--hq-cat-alpha-end)));color:var(--hq-color-success)}.category-danger{background:linear-gradient(135deg,rgba(220,53,69,var(--hq-cat-alpha)),rgba(220,53,69,var(--hq-cat-alpha-end)));color:var(--hq-color-danger)}.category-warning{background:linear-gradient(135deg,rgba(255,193,7,var(--hq-cat-alpha)),rgba(255,193,7,var(--hq-cat-alpha-end)));color:var(--hq-color-warning)}.category-info{background:linear-gradient(135deg,rgba(13,202,240,var(--hq-cat-alpha)),rgba(13,202,240,var(--hq-cat-alpha-end)));color:var(--hq-color-info)}.category-secondary{background:linear-gradient(135deg,rgba(108,117,125,var(--hq-cat-alpha)),rgba(108,117,125,var(--hq-cat-alpha-end)));color:var(--hq-color-secondary)}.category-dark{background:linear-gradient(135deg,rgba(33,37,41,var(--hq-cat-alpha)),rgba(33,37,41,var(--hq-cat-alpha-end)));color:var(--hq-color-dark)}[data-bs-theme=dark] .category-primary,body.dark-mode .category-primary{color:var(--hq-color-primary-light)}[data-bs-theme=dark] .category-success,body.dark-mode .category-success{color:var(--hq-color-success-light)}[data-bs-theme=dark] .category-danger,body.dark-mode .category-danger{color:var(--hq-color-danger-light)}[data-bs-theme=dark] .category-warning,body.dark-mode .category-warning{color:var(--hq-color-warning-light)}[data-bs-theme=dark] .category-info,body.dark-mode .category-info{color:var(--hq-color-info-light)}[data-bs-theme=dark] .category-secondary,body.dark-mode .category-secondary{color:var(--hq-color-secondary-light)}[data-bs-theme=dark] .category-dark,body.dark-mode .category-dark{color:var(--hq-color-dark-light)}.badge-primary{background:linear-gradient(135deg,rgba(13,110,253,var(--hq-cat-alpha)),rgba(13,110,253,var(--hq-cat-alpha-end)));color:var(--hq-color-primary)}.badge-success{background:linear-gradient(135deg,rgba(25,135,84,var(--hq-cat-alpha)),rgba(25,135,84,var(--hq-cat-alpha-end)));color:var(--hq-color-success)}.badge-danger{background:linear-gradient(135deg,rgba(220,53,69,var(--hq-cat-alpha)),rgba(220,53,69,var(--hq-cat-alpha-end)));color:var(--hq-color-danger)}.badge-warning{background:linear-gradient(135deg,rgba(255,193,7,var(--hq-cat-alpha)),rgba(255,193,7,var(--hq-cat-alpha-end)));color:var(--hq-color-warning)}.badge-info{background:linear-gradient(135deg,rgba(13,202,240,var(--hq-cat-alpha)),rgba(13,202,240,var(--hq-cat-alpha-end)));color:var(--hq-color-info)}.badge-secondary{background:linear-gradient(135deg,rgba(108,117,125,var(--hq-cat-alpha)),rgba(108,117,125,var(--hq-cat-alpha-end)));color:var(--hq-color-secondary)}.badge-dark{background:linear-gradient(135deg,rgba(33,37,41,var(--hq-cat-alpha)),rgba(33,37,41,var(--hq-cat-alpha-end)));color:var(--hq-color-dark)}[data-bs-theme=dark] .badge-primary,body.dark-mode .badge-primary{color:var(--hq-color-primary-light)}[data-bs-theme=dark] .badge-success,body.dark-mode .badge-success{color:var(--hq-color-success-light)}[data-bs-theme=dark] .badge-danger,body.dark-mode .badge-danger{color:var(--hq-color-danger-light)}[data-bs-theme=dark] .badge-warning,body.dark-mode .badge-warning{color:var(--hq-color-warning-light)}[data-bs-theme=dark] .badge-info,body.dark-mode .badge-info{color:var(--hq-color-info-light)}[data-bs-theme=dark] .badge-secondary,body.dark-mode .badge-secondary{color:var(--hq-color-secondary-light)}[data-bs-theme=dark] .badge-dark,body.dark-mode .badge-dark{color:var(--hq-color-dark-light)}.rtl-text{direction:rtl!important;text-align:right!important;unicode-bidi:embed}.ltr-text{direction:ltr!important;text-align:left!important}.auto-direction{unicode-bidi:plaintext;text-align:start}.rtl-text,[dir=rtl]{font-family:var(--hq-font-family-rtl);line-height:var(--hq-leading-loose)!important;letter-spacing:0!important;text-align:right!important}.preserve-whitespace{white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.rtl-text .feed-post-text,.rtl-text .feed-post-title,.rtl-text .joke-preview-text,.rtl-text .joke-text,.rtl-text h1,.rtl-text h2,.rtl-text h3,.rtl-text h4,.rtl-text h5,.rtl-text h6,.rtl-text p{text-align:right!important;direction:rtl!important}.rtl-text .ms-2{margin-right:.5rem!important;margin-left:0!important}.rtl-text .me-2{margin-left:.5rem!important;margin-right:0!important}.rtl-text .badge{margin-left:.5rem;margin-right:0}.ltr-text .badge{margin-right:.5rem;margin-left:0}.rtl-text .d-flex{direction:rtl}[dir=rtl] .card-body{text-align:right}@media (max-width:768px){.joke-card-preview{min-height:250px}}@media (max-width:576px){.joke-card-preview{min-height:auto}.joke-preview-text{min-height:3em;max-height:none;-webkit-line-clamp:2;line-clamp:2}}