.topbar{z-index:var(--z-topbar)!important;visibility:visible!important;opacity:1!important;clip:none!important;clip-path:none!important;background:0 0!important;border:none!important;width:100%!important;height:4.5rem!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important}body{scroll-behavior:smooth}body,html{z-index:auto!important;contain:none!important;isolation:auto!important;position:static!important;overflow-x:visible!important;transform:none!important}.topbar-glow{opacity:1;background:#fff;position:absolute;inset:0}.dark .topbar-glow{background:linear-gradient(90deg,#111827f2 0%,#1f2937fa 100%)}.topbar-container{max-width:100%;position:relative;-webkit-backdrop-filter:blur(24px)saturate(180%)!important;box-shadow:none!important;pointer-events:auto!important;background-color:#fff!important;border-bottom:1px solid #eceef1!important;width:100%!important;height:100%!important;transition:background-color .3s!important;overflow:visible!important}@media (min-width:768px){.topbar{background:0 0!important;height:auto!important;padding:10px 20px!important}.topbar .topbar-glow{display:none}.topbar .topbar-container{background-color:#ffffffd1!important;border-bottom:1px solid #00000017!important;border-radius:9999px!important;width:100%!important;max-width:920px!important;height:auto!important;margin:0 auto!important;transition:none!important;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000f,inset 0 1px #fff9!important}.dark .topbar .topbar-container{background-color:#0a0e16d1!important;border-bottom:1px solid #ffffff14!important;box-shadow:0 8px 32px #00000059,0 2px 8px #0003,inset 0 1px #ffffff0d!important}.topbar .topbar-content{height:3.25rem!important}.topbar .topbar-search{flex:0 180px!important;min-width:100px!important;max-width:180px!important}.topbar .auth-username{display:none!important}.topbar .auth-menu-button{padding-left:.5rem!important;padding-right:.5rem!important}}@media (max-width:767px){.topbar.topbar-scrolled .topbar-container{background-color:#fffffff0!important}.dark .topbar.topbar-scrolled .topbar-container{background-color:#0a0e16f0!important}}.dark .topbar-container{background-color:#000000fa!important;border-bottom:1px solid #ffffff1f!important;box-shadow:0 2px 16px -4px #0006!important}.topbar-content{justify-content:space-between;align-items:center;gap:clamp(.5rem,2vw,2rem);max-width:80rem;height:4.5rem;margin:0 auto;padding:0 26px;display:flex}@media (max-width:767px){.topbar-content{align-items:center;gap:0;height:3.5rem;padding:0 16px;display:flex}}.mobile-topbar-actions{flex-shrink:0;align-items:center;gap:6px;padding-right:4px;display:flex}@media (min-width:768px){.mobile-topbar-actions{display:none}}.mobile-topbar-btn{cursor:pointer;color:#374151;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:#0000000d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s,transform .1s;display:flex}.dark .mobile-topbar-btn{color:#e5e7eb;background-color:#ffffff14}.mobile-topbar-btn:active{transform:scale(.93)}.mobile-topbar-btn-create,.mobile-topbar-btn-login{box-shadow:0 2px 10px var(--color-interactive-ring);animation:10s ease-in-out infinite btn-gradient-wave;background:var(--color-interactive)!important;color:var(--color-interactive-fg)!important;background-size:250% 250%!important}.mobile-topbar-auth{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mobile-topbar-auth .auth-menu-button{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;padding:0!important;display:flex!important}.mobile-topbar-auth .auth-avatar{width:32px!important;height:32px!important;margin:0!important}.mobile-topbar-auth .auth-username,.mobile-topbar-auth .auth-menu-icon{display:none!important}.topbar-logo-container{flex-shrink:0;align-items:center;min-width:fit-content;display:flex}.topbar-logo{-webkit-user-select:none;user-select:none;cursor:pointer;min-width:fit-content;color:inherit;background:0 0;border:none;flex-shrink:0;align-items:center;gap:9px;margin:0;padding:0;font-family:inherit;text-decoration:none;display:flex}.topbar-logo-icon-container{border-radius:8px;line-height:0;transition:box-shadow .3s,transform .3s;position:relative;box-shadow:0 4px 12px #8b5cf64d}.topbar-logo-mark{-webkit-user-select:none;user-select:none;border-radius:8px;width:28px;height:28px;display:block}@media (max-width:767px){.topbar-logo-icon-container{border-radius:7px}.topbar-logo-mark{border-radius:7px;width:26px;height:26px}}.topbar-logo-glow{display:none}.topbar-logo-icon{color:#fff;width:1.25rem;height:1.25rem;transition:color .3s;position:relative}@media (max-width:767px){.topbar-logo-icon{width:1rem;height:1rem}}@media (min-width:768px){.topbar-logo-icon{width:1.5rem;height:1.5rem}}.topbar-logo-text{color:#15171c;letter-spacing:-.02em;font-family:Fredoka,sans-serif;font-size:23px;font-weight:500;transition:color .3s}.dark .topbar-logo-text{color:#f9fafb}@media (max-width:767px){.topbar-logo-text{font-size:21px}}.topbar-nav{display:none}@media (min-width:1024px){.topbar-nav{flex-shrink:0;align-items:center;gap:1.875rem;margin-left:30px;display:flex}}.topbar-nav-link{-webkit-user-select:none;user-select:none;color:#8a8e98;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-primary);background:0 0;border:none;align-items:center;padding:0;text-decoration:none;transition:color .2s;display:flex;position:relative}.topbar-nav-link.active{color:#15171c;font-weight:600}.topbar-nav-link:hover{color:#15171c}.dark .topbar-nav-link{color:#9ca3af}.dark .topbar-nav-link:hover{color:#f3f4f6}.dark .topbar-nav-link.active{color:#f9fafb}.topbar-nav-icon-container{border-radius:.5rem;padding:.25rem;transition:all .3s;position:relative}.topbar-nav-link.active .topbar-nav-icon-container{background-color:#667eea26}.topbar-nav-icon{width:1.25rem;height:1.25rem;transition:color .3s}.topbar-nav-link:hover .topbar-nav-icon{color:var(--color-interactive-solid)}.dark .topbar-nav-link:hover .topbar-nav-icon{color:#d1d5db}.topbar-nav-text{letter-spacing:.025em;font-size:.875rem;font-weight:500;transition:transform .3s}.topbar-nav-link:hover .topbar-nav-text{transform:translate(.125rem)}.topbar-tablet-nav{align-items:center;gap:.5rem;margin-left:1rem;display:none}@media (min-width:768px) and (max-width:1023px){.topbar-tablet-nav{display:flex}}.topbar-tablet-nav-link{-webkit-user-select:none;user-select:none;color:#8a8e98;font-size:14px;font-weight:500;font-family:var(--font-primary);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;text-decoration:none;transition:color .2s;display:flex}@media (hover:hover){.topbar-tablet-nav-link:hover{color:#15171c}.dark .topbar-tablet-nav-link:hover{color:#f3f4f6}}.dark .topbar-tablet-nav-link{color:#9ca3af}.topbar-tablet-nav-link.active{color:#15171c;font-weight:600}.dark .topbar-tablet-nav-link.active{color:#f9fafb}.topbar-tablet-nav-link .topbar-nav-icon-container{padding:.125rem}.topbar-tablet-nav-link .topbar-nav-icon{width:1.125rem;height:1.125rem}.topbar-tablet-nav-link .topbar-nav-text{letter-spacing:.025em;font-size:.75rem}.topbar-actions{flex-shrink:0;align-items:center;gap:clamp(.5rem,1.5vw,1rem);min-width:fit-content;display:none}@media (min-width:768px){.topbar-actions{display:flex}}.topbar-actions .auth-username,.topbar-actions .auth-menu-icon{display:none}.topbar-actions .auth-menu-button{border-radius:50%;gap:0;padding:0}.topbar-actions .auth-avatar{width:34px;height:34px}.topbar-actions .auth-avatar .auth-avatar-fallback,.topbar-actions .auth-avatar [class*=AvatarFallback]{font-size:13px;font-weight:600}.topbar-create-btn{cursor:pointer;color:#fff;height:38px;font-family:var(--font-primary);white-space:nowrap;background:var(--color-interactive);box-shadow:0 3px 10px var(--color-interactive-ring);background-size:250% 250%;border:none;border-radius:999px;align-items:center;gap:5px;padding:0 18px;font-size:13px;font-weight:600;animation:10s ease-in-out infinite btn-gradient-wave;display:flex}.topbar-search{display:none}@media (min-width:768px){.topbar-search{flex:0 240px;width:240px;min-width:160px;display:block}}.search-pill{background-color:#f3f3f6;border:none;border-radius:999px;align-items:center;width:100%;height:38px;transition:background-color .15s,box-shadow .15s;display:flex;position:relative}.search-pill:focus-within{background-color:#ededf1;box-shadow:0 0 0 2px #8b5cf640}.dark .search-pill{background-color:#ffffff14}.search-pill-icon{color:#9a9ea8;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.search-pill .search-input-field{color:#15171c;height:100%;font-size:13px;font-family:var(--font-primary);background:0 0;border:none;border-radius:999px;padding:0 16px 0 38px}.search-pill .search-input-field:focus{box-shadow:none}.search-pill .search-input-field::placeholder{color:#9a9ea8}.dark .search-pill .search-input-field{color:#f3f4f6}.topbar-mobile-nav{align-items:center;gap:8px;display:flex}@media (max-width:767px){.topbar-mobile-nav{flex:1;justify-content:center;gap:8px}}@media (min-width:768px){.topbar-mobile-nav{display:none}}.topbar-mobile-button{color:#6b7280;cursor:pointer;z-index:100;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:#0000;border:none;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:.5rem;text-decoration:none;transition:color .2s,background-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.topbar-mobile-button:focus-visible{outline:2px solid var(--color-interactive-ring);outline-offset:2px}@media (hover:hover){.topbar-mobile-button:hover{color:var(--color-interactive-solid);background-color:var(--color-interactive-hover);transform:translateY(-1px)}.dark .topbar-mobile-button:hover{color:#d1d5db;background-color:#ffffff14}}.dark .topbar-mobile-button{color:#9ca3af}.topbar-mobile-button.active{color:var(--color-interactive-solid);box-shadow:0 2px 8px var(--color-interactive-ring);background-color:#11182714;transform:translateY(-1px)}.topbar-mobile-button.active:after{content:"";background:var(--color-interactive);background-size:250% 250%;border-radius:50%;width:4px;height:4px;animation:10s ease-in-out infinite btn-gradient-wave;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.dark .topbar-mobile-button.active{color:#f9fafb;background-color:#ffffff1f;box-shadow:0 2px 8px #ffffff1a}.dark .topbar-mobile-button.active:after{background:#f9fafb}@media (prefers-reduced-motion:reduce){.topbar-mobile-button{transition:color .1s,background-color .1s}.topbar-mobile-button.active,.topbar-mobile-button:hover,.topbar-nav-link:hover,.topbar-nav-link:hover .topbar-nav-text{transform:none}}body.search-pre-open,body.search-open,body.search-closing{overflow:hidden}.topbar-mobile-search-overlay{height:4.5rem;z-index:var(--z-topbar-search);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);will-change:opacity, transform;backface-visibility:hidden;pointer-events:auto;contain:layout style paint;isolation:isolate;opacity:1;background-color:#fffffffa;border-bottom:1px solid #00000014;align-items:center;padding:0 1.5rem;transition:opacity .25s ease-in-out,transform .25s ease-in-out;display:flex;position:fixed;top:0;left:0;right:0;transform:translate(0,0);box-shadow:0 4px 24px -8px #0000001a}.dark .topbar-mobile-search-overlay{background-color:#111827fa;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 24px -8px #0000004d}body.search-closing .topbar-mobile-search-overlay,body.search-pre-open .topbar-mobile-search-overlay{opacity:0;transform:translateY(-10px)}.topbar-mobile-search-overlay-content{will-change:transform;backface-visibility:hidden;contain:layout style;align-items:center;width:100%;max-width:80rem;height:100%;margin:0 auto;padding:.75rem 0;display:flex;position:relative;transform:translate(0,0)}.topbar-mobile-search-overlay-content .search-input-container{flex-grow:1;align-items:center;height:100%;margin-right:1rem;display:flex}.topbar-mobile-search-overlay-content .search-input-container form{width:100%;height:100%;margin:0}.topbar-mobile-search-overlay-content .search-input-container>form>div{border-radius:1rem;height:100%;box-shadow:0 4px 12px #00000014}.topbar-mobile-search-overlay-content .search-input-field{border:2px solid #0000001a;border-radius:1rem;height:100%;padding-left:3rem;padding-right:4.5rem;font-family:Montserrat,sans-serif;font-size:1rem}.dark .topbar-mobile-search-overlay-content .search-input-field{border-color:#fff3}.topbar-mobile-search-close{color:#6b7280;will-change:transform, background-color;backface-visibility:hidden;cursor:pointer;background-color:#0000;border:none;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .2s ease-out;display:flex;transform:translate(0,0)}.topbar-mobile-search-close:hover,.topbar-mobile-search-close:active{color:var(--color-interactive-solid);background-color:#667eea1a}.dark .topbar-mobile-search-close{color:#9ca3af}.dark .topbar-mobile-search-close:hover,.dark .topbar-mobile-search-close:active{color:#d1d5db;background-color:#a5b4fc26}.topbar-mobile-search-close:active{transform:scale(.95)translate(0,0)}@media (min-width:768px){.topbar-mobile-search-overlay{display:none}}.topbar-back-btn{color:#374151;font-family:var(--font-primary);cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0000000f;border:1px solid #00000017;border-radius:9999px;flex-shrink:0;align-items:center;gap:3px;padding:6px 14px 6px 10px;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.dark .topbar-back-btn{color:#e5e7eb;background:#ffffff17;border-color:#ffffff1f}.topbar-back-btn:hover{background:#0000001a;border-color:#00000024}.dark .topbar-back-btn:hover{background:#ffffff24;border-color:#ffffff2e}.topbar-back-icon{flex-shrink:0;margin-left:-2px}@media (max-width:767px){.topbar-back-label{display:none}.topbar-back-btn{border-radius:50%;justify-content:center;gap:0;width:38px;height:38px;padding:0}}
.auth-menu-container{text-align:left;flex-shrink:0;display:inline-block;position:relative}.auth-menu-button{color:#fff;font-weight:500;font-family:var(--font-primary);cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.875rem;transition:background-color .18s;display:inline-flex}.light .auth-menu-button{color:#0f172ae6}@media (min-width:768px){.auth-menu-button{gap:.5rem;padding:.375rem .75rem}}.auth-menu-button:hover{background-color:#ffffff14}.light .auth-menu-button:hover{background-color:#0000000d}.auth-menu-button:focus-visible{outline:2px solid var(--color-interactive-ring);outline-offset:2px}.auth-avatar{flex-shrink:0;width:1.75rem;height:1.75rem}.auth-username{text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:.8125rem;overflow:hidden}@media (min-width:768px){.auth-username{max-width:120px}}.auth-menu-icon{opacity:.7;flex-shrink:0;width:.875rem;height:.875rem}.auth-dropdown{z-index:200;transform-origin:100% 0;width:15rem;position:absolute;top:calc(100% + .5rem);right:0}.auth-dropdown-container{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0a0a14e0;border:1px solid #ffffff17;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 24px 48px -8px #0000008c,0 8px 20px -4px #00000059,inset 0 1px #ffffff12}@media (prefers-reduced-transparency:reduce){.auth-dropdown-container{-webkit-backdrop-filter:none;background:#0c0c16f7}.light .auth-dropdown-container{-webkit-backdrop-filter:none;background:#fffffffc}}.light .auth-dropdown-container{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#fffffff0;border:1px solid #00000012;box-shadow:0 0 0 1px #00000008,0 24px 48px -8px #00000024,0 8px 20px -4px #00000012,inset 0 1px #ffffffe6}.auth-dropdown-header{background:#1118270d;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.light .auth-dropdown-header{background:#00000006;border-bottom:1px solid #0000000d}.auth-dropdown-avatar{width:2.25rem;height:2.25rem;box-shadow:0 0 0 1.5px var(--color-interactive-ring), 0 2px 10px #00000059;flex-shrink:0}.light .auth-dropdown-avatar{box-shadow:0 0 0 1.5px var(--color-interactive-ring), 0 2px 8px #0000001a}.auth-dropdown-user-info{flex:1;min-width:0}.auth-dropdown-username{letter-spacing:-.02em;color:#fffffff2;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;line-height:1.3;overflow:hidden}.light .auth-dropdown-username{color:#0f172af2}.auth-dropdown-email{color:#ffffff6b;text-overflow:ellipsis;white-space:nowrap;margin-top:.1875rem;font-size:.6875rem;line-height:1.3;overflow:hidden}.light .auth-dropdown-email{color:#475569a6}.auth-dropdown-divider{background:#ffffff0d;height:1px;margin:0}.light .auth-dropdown-divider{background:#0000000d}.auth-menu-list{margin:0;padding:.375rem 0;font-size:.875rem;list-style:none}.auth-menu-footer{padding:.375rem 0}.auth-menu-item{text-align:left;cursor:pointer;color:#ffffffc7;background:0 0;border:none;align-items:center;gap:.625rem;width:100%;padding:.5rem 1rem;transition:background-color .15s,color .15s;display:flex;position:relative}.light .auth-menu-item{color:#1e293bd1}.auth-menu-item:hover{color:#fffffff7;background:#ffffff14}.light .auth-menu-item:hover{color:#0f172af7;background:#0000000a}.auth-menu-item:focus-visible{background:var(--color-interactive-hover);outline:none}.auth-menu-item-active{color:#fffffff7;box-shadow:inset 2px 0 0 var(--color-interactive-solid,#4a5ecfe6)}.light .auth-menu-item-active{color:var(--color-interactive-solid);box-shadow:inset 2px 0 0 var(--color-interactive-solid)}.auth-menu-item-active:hover{background:#4a5ecf12}.light .auth-menu-item-active:hover{background:#4a5ecf0f}.auth-menu-item-active .auth-menu-item-label{font-weight:600}.auth-menu-item-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:color .15s;display:flex}.auth-icon-blue{color:#60a5fa}.light .auth-icon-blue{color:#2563eb}.auth-icon-rose{color:#fb7185}.light .auth-icon-rose{color:#e11d48}.auth-icon-slate{color:#94a3b8}.light .auth-icon-slate{color:#475569}.auth-icon-red{color:#f87171}.light .auth-icon-red{color:#dc2626}.auth-menu-item:hover .auth-icon-blue{color:#93c5fd}.light .auth-menu-item:hover .auth-icon-blue{color:#3b82f6}.auth-menu-item:hover .auth-icon-rose{color:#fda4af}.light .auth-menu-item:hover .auth-icon-rose{color:#f43f5e}.auth-menu-item:hover .auth-icon-slate{color:#cbd5e1}.light .auth-menu-item:hover .auth-icon-slate{color:#334155}.auth-menu-item-label{font-size:.875rem;font-weight:500;font-family:var(--font-primary);letter-spacing:-.01em;flex:1;line-height:1}.auth-menu-item-logout{color:#fca5a5e0}.light .auth-menu-item-logout{color:#b91c1cd1}.auth-menu-item-logout:hover{color:#fca5a5;background:#ef444414}.light .auth-menu-item-logout:hover{color:#b91c1c;background:#ef44440f}.auth-menu-item:hover .auth-icon-red{color:#fca5a5}.light .auth-menu-item:hover .auth-icon-red{color:#b91c1c}.auth-error-banner{background-color:#ef444426;border-bottom:1px solid #ef444433;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.75rem;display:flex}.light .auth-error-banner{background-color:#ef44441a}.auth-error-text{color:#fca5a5;font-size:.6875rem}.light .auth-error-text{color:#dc2626}.auth-retry-button{color:#fca5a5;cursor:pointer;background-color:#0000;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.auth-retry-button:hover{color:#f87171;background-color:#ef444433}.light .auth-retry-button{color:#dc2626}.light .auth-retry-button:hover{background-color:#ef444426}.auth-buttons{flex-shrink:0;align-items:center;gap:.5rem;display:flex}@media (min-width:768px){.auth-buttons{gap:.75rem}}.auth-login-button{color:#fafafa;font-weight:500;font-family:var(--font-primary);white-space:nowrap;cursor:pointer;background-color:#0000;border:1px solid #ffffff4d;border-radius:.375rem;flex-shrink:0;min-width:0;height:1.75rem;padding:.25rem .5rem;font-size:.6875rem;transition:all .2s}.light .auth-login-button{color:#fafafa;background-color:#0000;border:1px solid #0f172a4d}@media (min-width:768px){.auth-login-button{height:2.25rem;padding:.375rem .75rem;font-size:.875rem}}.auth-login-button:hover{color:#e5e5e5;background-color:#ffffff1a;border-color:#ffffff80}.light .auth-login-button:hover{color:#e5e5e5;background-color:#ffffff1a;border-color:#0f172a80}.auth-signup-button{background:linear-gradient(white, white) padding-box, var(--color-interactive) border-box;color:#15171c;font-weight:600;font-family:var(--font-primary);white-space:nowrap;cursor:pointer;background-size:250% 250%;border:3px solid #0000;border-radius:9999px;flex-shrink:0;min-width:0;height:38px;padding:0 18px;font-size:13px;transition:transform .2s;animation:10s ease-in-out infinite btn-gradient-wave}.auth-signup-button:hover{transform:scale(1.04)}.dark .auth-signup-button{background:linear-gradient(#0a0e16, #0a0e16) padding-box, var(--color-interactive) border-box;color:#c7d2fe;background-size:250% 250%}.auth-signup-button:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.auth-menu-item,.auth-menu-item-icon-wrap,.auth-retry-button,.auth-signup-button{transition:none;transform:none!important}}
.search-modal-overlay{z-index:49;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffffff2;position:fixed;inset:0}.dark .search-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0f172af2}.search-modal-container{z-index:50;pointer-events:none;flex-direction:column;align-items:center;width:100%;height:100vh;padding-top:4.5rem;display:flex;position:fixed;inset:0}@media (min-width:768px){.search-modal-container{padding-top:5rem}}.search-modal-content{pointer-events:auto;flex-direction:column;width:100%;max-width:90rem;height:100%;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem;display:flex}@media (min-width:768px){.search-modal-content{padding-left:1rem;padding-right:1rem}}.search-modal-box{box-shadow:none;background-color:#0000;border:none;border-radius:0;flex-direction:column;height:100%;display:flex;overflow:hidden}.search-modal-header{border-bottom:1px solid var(--border);padding:.5rem}@media (min-width:768px){.search-modal-header{padding:1rem}}.search-modal-header-content{justify-content:flex-end;align-items:center;display:flex}.search-modal-title{color:var(--foreground);font-size:1.5rem;font-weight:700;line-height:2rem}.search-modal-close-button{height:auto;color:var(--muted-foreground);background-color:var(--secondary);border-radius:9999px;padding:.5rem}.search-modal-close-button:hover{color:var(--foreground);background-color:var(--secondary-foreground)}.search-modal-close-icon{width:1.25rem;height:1.25rem}.search-modal-tabs{border-bottom:1px solid var(--border);justify-content:flex-start;align-items:center;gap:0;margin-top:.25rem;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;display:flex}.search-modal-tab-button{cursor:pointer;font-family:var(--font-primary);color:#64748b;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 20px;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}@media (max-width:640px){.search-modal-tab-button{min-width:unset;border-radius:12px;flex:1;padding:8px 12px;font-size:.75rem}}.search-modal-tab-button:hover:not(.active){background:var(--color-interactive-hover);color:var(--color-interactive-solid)}.dark .search-modal-tab-button{color:#94a3b8}.dark .search-modal-tab-button:hover:not(.active){color:#d1d5db;background:#ffffff14}.search-modal-tab-button.active{background:var(--color-interactive);color:var(--color-interactive-fg);box-shadow:0 4px 20px var(--color-interactive-ring), inset 0 1px 0 #ffffff1a;background-size:250% 250%;animation:10s ease-in-out infinite btn-gradient-wave}.search-modal-tab-button.active:hover{background:var(--color-interactive);box-shadow:0 6px 25px var(--color-interactive-ring), inset 0 1px 0 #ffffff1a;background-size:250% 250%;animation:10s ease-in-out infinite btn-gradient-wave}.search-modal-tab-icon{width:18px;height:18px;transition:all .3s}@media (max-width:640px){.search-modal-tab-icon{width:14px;height:14px}}.search-modal-tab-count{color:var(--color-interactive-solid);background:#11182712;border-radius:12px;flex-shrink:0;align-items:center;margin-left:auto;padding:2px 8px;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-flex}.dark .search-modal-tab-count{color:#d1d5db;background:#ffffff1a}.search-modal-tab-button.active .search-modal-tab-count{color:#fff;background:#fff3}@media (max-width:640px){.search-modal-tab-count{margin-left:4px;padding:1px 4px;font-size:.625rem}}.search-modal-tab-content{z-index:2;align-items:center;gap:8px;display:flex;position:relative}@media (max-width:640px){.search-modal-tab-content{gap:4px}}.search-modal-tab-text{letter-spacing:.025em;white-space:nowrap;font-weight:600}.search-modal-tab-indicator{opacity:.8;background:linear-gradient(90deg,#0000,#fffc,#0000);border-radius:2px;width:60%;height:3px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}@media (max-width:640px){.search-modal-tab-indicator{background:linear-gradient(90deg,#0000,#fffc,#0000);width:60%;height:3px;bottom:-2px;left:50%;transform:translate(-50%)}}.search-modal-body{flex:1;width:100%;max-width:500px;margin:0 auto;padding:.5rem .75rem 2rem;overflow-y:auto}@media (min-width:768px){.search-modal-body{padding:.75rem 1.5rem 2rem}}.search-modal-body::-webkit-scrollbar{width:6px}.search-modal-body::-webkit-scrollbar-track{background:0 0}.search-modal-body::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:20px}.search-modal-body::-webkit-scrollbar-thumb:hover{background-color:#6b7280b3}.dark .search-modal-body::-webkit-scrollbar-thumb{background-color:#4b556380}.dark .search-modal-body::-webkit-scrollbar-thumb:hover{background-color:#6b7280b3}.search-modal-body:before{content:none}.search-modal-query{color:var(--muted-foreground);margin-top:.5rem;margin-bottom:1rem;font-size:1rem}.search-results-category{display:none}.search-result-user,.search-result-tag{flex:1;align-items:center;gap:.75rem;width:100%;display:flex}.search-result-item{cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;align-items:center;width:100%;padding:.5rem;transition:all .2s;display:flex}@media (min-width:768px){.search-result-item{padding:.75rem}}.search-result-item:hover{background-color:var(--color-interactive-hover);box-shadow:none;transform:none}.search-result-item:focus-visible{outline:2px solid var(--color-interactive-ring);outline-offset:-2px;background-color:var(--color-interactive-hover)}.dark .search-result-item:hover,.dark .search-result-item:focus-visible{background-color:#ffffff0f}.search-modal-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;margin:.5rem;padding:6px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff80}.dark .search-modal-tabs{background:#111827f2;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff1a}@media (min-width:768px){.search-modal-tabs{margin:1rem;padding:8px}}@media (max-width:640px){.search-modal-tabs{border-radius:16px;flex-direction:row;width:100%;max-width:100%;margin:.5rem;padding:4px}}.search-modal-loading{color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.search-modal-loading-text{opacity:0;visibility:hidden;height:0;display:none;overflow:hidden}.search-modal-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.search-modal-empty-icon{color:var(--muted-foreground);width:3rem;height:3rem}.search-modal-empty-title{color:var(--foreground);margin-top:1rem;font-size:1.125rem;font-weight:500}.search-modal-empty-description{color:var(--muted-foreground);max-width:24rem;margin-top:.5rem}.search-results-list{flex-direction:column;gap:.25rem;margin-top:.25rem;padding-bottom:1rem;padding-right:.5rem;display:flex}.search-results-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);opacity:.6;font-size:.6875rem;font-weight:600;font-family:var(--font-primary);align-items:center;gap:.4rem;padding:.75rem .5rem .25rem;display:flex}.search-results-group-label+.search-results-group-label{margin-top:.5rem}.search-results-group-icon{flex-shrink:0;width:.75rem;height:.75rem}.search-results-list::-webkit-scrollbar{width:6px}.search-results-list::-webkit-scrollbar-track{background:0 0}.search-results-list::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:20px}.search-results-list::-webkit-scrollbar-thumb:hover{background-color:#6b7280b3}.dark .search-results-list::-webkit-scrollbar-thumb{background-color:#4b556380}.dark .search-results-list::-webkit-scrollbar-thumb:hover{background-color:#6b7280b3}.search-result-avatar{border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;overflow:hidden}@media (min-width:768px){.search-result-avatar{width:3rem;height:3rem}}.search-result-user .search-result-avatar{background-color:var(--secondary)}.search-result-tag .search-result-avatar{background-color:var(--primary-foreground);color:var(--primary)}.search-result-info{flex:1;margin-left:0}.search-result-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:500;overflow:hidden}.search-result-username{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;overflow:hidden}.search-result-tag-icon{color:#4f46e5;background-color:#f3f4f6;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.search-result-tag-name{color:#1f2937;font-weight:500}.search-modal-input{color:#000;background-color:#f8f3e0;border:2px solid #000;border-radius:1rem;width:100%;margin-bottom:.75rem;padding:1rem 1.25rem;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;transition:all .2s}.search-modal-input:focus{outline:none;box-shadow:0 0 0 3px #0000004d}.dark .search-modal-input{color:#fff;background-color:#1a1a1a;border-color:#404040}@media (prefers-reduced-motion:reduce){.search-modal-tab-button,.search-modal-tab-button.active,.search-modal-tab-button:hover,.search-modal-tab-button.active:hover,.search-result-item,.search-modal-overlay,.search-modal-container{transition:none!important;animation:none!important;transform:none!important}}
.search-form{width:100%;position:relative}.search-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.search-input{background-color:#0000004d;border:1px solid #ffffff1a;border-radius:.5rem;width:100%;padding:.5rem 2.5rem;font-size:.875rem;transition:all .2s;color:#fff!important}.light .search-input{background-color:#ffffffe6;border:1px solid #0003;color:#000000e6!important}.light .search-input::placeholder{color:#4b5563cc!important}.search-input:focus{background-color:#0006;border-color:#4f46e580;outline:none;box-shadow:0 0 0 2px #4f46e533}.light .search-input:focus{background-color:#fffffff2;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633}.search-input::placeholder{color:#9ca3af}.search-icon{color:#9ca3af;pointer-events:none;width:1rem;height:1rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.light .search-icon{color:#374151e6}.search-clear-button{color:#9ca3af;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:1rem;height:1rem;padding:0;transition:opacity .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.light .search-clear-button{color:#374151e6}.search-clear-button:hover{opacity:1}.search-history-container{z-index:50;margin-top:.25rem;position:absolute;top:100%;left:0;right:0}.search-history-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#000c;border:1px solid #ffffff1a;border-radius:.75rem;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.light .search-history-dropdown{background-color:#fffffff2;border:1px solid #0000001a;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.search-history-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.light .search-history-header{border-bottom:1px solid #0000000d}.search-history-title{color:#d1d5db;font-size:.875rem;font-weight:500}.light .search-history-title{color:#374151}.search-history-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:.75rem;transition:color .2s}.light .search-history-clear{color:#6b7280}.search-history-clear:hover{color:#ef4444}.search-history-list{max-height:300px;overflow-y:auto}.search-history-item{color:#fff;cursor:pointer;align-items:center;padding:.75rem 1rem;transition:background-color .2s;display:flex}.light .search-history-item{color:#1f2937}.search-history-item:hover{background-color:#ffffff0d}.light .search-history-item:hover{background-color:#0000000d}.search-history-item-icon{color:#9ca3af;flex-shrink:0;width:1rem;height:1rem;margin-right:.75rem}.search-history-item-text{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;overflow:hidden}.search-history-item-remove{color:#9ca3af;opacity:0;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:1rem;height:1rem;margin-left:.75rem;padding:0;transition:all .2s;display:flex}.search-history-item:hover .search-history-item-remove{opacity:.8}.search-history-item-remove:hover{color:#ef4444;opacity:1!important}@media (max-width:768px){.search-input{padding:.625rem 2.5rem}}.search-input-container{width:100%;position:relative}.search-input-field{color:#0f172a;background-color:#fffffff2;border:none;border-radius:.375rem;outline:none;width:100%;padding:.625rem 2.5rem;font-size:.875rem;line-height:1.25rem;transition:all .2s ease-in-out}@media (max-width:640px){.search-input-field{padding-right:4rem}}.dark .search-input-field{color:#ffffffe6;background-color:#111827cc}.search-input-field:focus{box-shadow:0 0 0 2px #60a5fa80}.search-input-field::placeholder{color:#0f172a99}.dark .search-input-field::placeholder{color:#ffffff80}.topbar-search-container{width:100%;max-width:500px;position:relative}.topbar-search-input-wrapper{width:100%;position:relative}.topbar-search-input{color:#000000e6;background-color:#fffffff2;border:1px solid #00000026;border-radius:21px;outline:none;width:100%;height:42px;padding:0 16px 0 40px;font-size:.95rem;transition:all .2s}.dark .topbar-search-input{color:#ffffffe6;background-color:#111827cc;border:1px solid #ffffff1a}.topbar-search-input::placeholder{color:#0009}.dark .topbar-search-input::placeholder{color:#ffffff80}.topbar-search-icon{color:#0f172a99;width:20px;height:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dark .topbar-search-icon{color:#ffffff80}.topbar-search-clear{cursor:pointer;color:#0f172a99;z-index:10;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;min-width:30px;min-height:30px;padding:8px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.dark .topbar-search-clear{color:#ffffff80}@media (max-width:768px){.topbar-search-clear{z-index:20;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;min-width:40px;min-height:40px;padding:10px}.search-input-field{padding-right:4.5rem}}
.infinite-scroll-container{min-height:100vh;position:relative}@keyframes backgroundSmudgeAnimation{0%{background-position:0 0;transform:scale(1)}25%{background-position:20% 10%}50%{background-position:10% 20%;transform:scale(1.05)}75%{background-position:5% 10%}to{background-position:15% 0;transform:scale(1)}}.infinite-scroll-background{z-index:-10;height:100lvh;position:fixed;top:0;left:0;right:0;overflow:hidden}.infinite-scroll-background.bg-zinc-900,.infinite-scroll-background.bg-\[rgb\(245\,248\,255\)\]{backface-visibility:hidden;will-change:background-color;transition:background-color .3s ease-out;transform:translateZ(0)}.infinite-scroll-background-overlay{mix-blend-mode:overlay;background:linear-gradient(#0000,#0003);position:absolute;inset:0}:root.light .infinite-scroll-background-overlay{background:linear-gradient(#0000,#fff6)}.infinite-scroll-background-radial{transform-origin:50%;background-size:200% 200%;position:absolute;inset:0}.infinite-scroll-content{z-index:10;width:100%;min-height:calc(100vh - 80px);position:relative}.infinite-scroll-main{z-index:10;width:100%;max-width:1440px;margin-left:auto;margin-right:auto;position:relative;container:mx-auto}.masonry-grid{width:calc(100% + 1.5rem);max-width:1440px;margin-left:auto;margin-right:auto;display:flex}.masonry-column{background-clip:padding-box;flex-shrink:0;min-width:0}@media (max-width:640px){.masonry-grid{margin-left:0;padding-top:0;padding-left:0}.masonry-column{width:100%;max-width:100%;padding-left:.5rem;padding-right:.5rem}}.infinite-scroll-error{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.infinite-scroll-error-text{color:#6b7280;font-size:1.125rem;line-height:1.75rem}.infinite-scroll-empty{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:5rem 1.5rem 4rem;display:flex}.infinite-scroll-empty-icon{opacity:.2;flex-shrink:0;width:3rem;height:3rem;margin-bottom:.75rem}.infinite-scroll-empty-title{letter-spacing:-.02em;color:inherit;margin-bottom:0;font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.5rem}.infinite-scroll-empty-message{color:#6b7280;max-width:26ch;margin-top:.25rem;font-size:.9375rem;line-height:1.5}.infinite-scroll-filter{z-index:50;margin-top:0;margin-bottom:0;position:relative}.infinite-scroll-load-more{width:100%;height:1px}.infinite-scroll-loading-more{justify-content:center;padding-top:1rem;padding-bottom:1rem;display:flex}@media (prefers-reduced-motion:reduce){.infinite-scroll-background-radial{animation:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.2s ease-in-out forwards fadeIn}.infinite-scroll-lists{margin-top:0}.explore-sort-container{background-color:#ececec;border:1px solid #00000026;border-radius:1rem;overflow:hidden;box-shadow:0 2px 6px #00000014}:root.dark .explore-sort-container{background-color:#1a1a1a;border:2px solid #404040;box-shadow:0 4px 12px #0006}.explore-button{z-index:1;position:relative;color:#000!important;text-transform:uppercase!important;letter-spacing:.025em!important;background-color:#ffffffe6!important;border:1px solid #0003!important;border-radius:.5rem!important;margin:2px!important;padding:.5rem 1rem!important;font-family:Montserrat,sans-serif!important;font-size:.875rem!important;font-weight:700!important;transition:none!important;transform:none!important;box-shadow:0 2px 4px #00000014!important}.explore-button:hover{color:#000!important;background-color:#fffffffa!important;border-color:#2563eb99!important}.explore-button-active{color:#fff!important;box-shadow:none!important;background-color:#000!important;border-color:#000!important;font-weight:700!important;transition:none!important;transform:none!important}.explore-button-active:hover{color:#fff!important;background-color:#333!important}.explore-button:focus{outline:none!important;box-shadow:0 0 0 2px #0003!important}:root.dark .explore-button{color:#fff!important;background-color:#0000!important}:root.dark .explore-button:hover{color:#000!important;background-color:#fff!important}:root.dark .explore-button-active{color:#000!important;box-shadow:none!important;background-color:#fff!important}:root.dark .explore-button-active:hover{color:#000!important;background-color:#fff!important}:root.dark .explore-button:focus{box-shadow:0 0 0 3px #ffffff4d!important}.explore-time-dropdown{color:#000;background-color:#ffffffe6;border:1px solid #0003;font-weight:600;box-shadow:0 2px 4px #0000001a}.explore-time-dropdown:hover,.explore-time-dropdown:focus{border-color:#2563eb99;outline:none}:root.dark .explore-time-dropdown{color:#fff;background-color:#00000080;border:1px solid #fff3;box-shadow:0 2px 4px #0000004d}
.theme-toggle-button{background-color:#ffffff1a;border:1px solid #fff3;border-radius:9999px;justify-content:center;align-items:center;margin-left:.25rem;margin-right:.25rem;padding:.5rem;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.theme-toggle-button:hover{background-color:#fff3;transform:translateY(-1px);box-shadow:0 6px 8px -1px #0000001a,0 3px 6px -1px #0000000f}.theme-toggle-button:active{transform:translateY(0);box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f}:root.light .theme-toggle-button{background-color:#00000040;border:1px solid #00000059;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}:root.light .theme-toggle-button:hover{background-color:#00000059;box-shadow:0 6px 8px -1px #0003,0 3px 6px -1px #00000026}.theme-toggle-button:after{content:"";z-index:-1;background:radial-gradient(circle at center, var(--glow-color,#3b82f64d) 0%, transparent 70%);opacity:0;border-radius:9999px;transition:opacity .3s;position:absolute;inset:0}.theme-toggle-button:hover:after{opacity:1}.dark .theme-toggle-button{--glow-color:#3b82f64d;background-color:#0000004d;border:1px solid #fff3}.light .theme-toggle-button{--glow-color:#facc1566}.theme-toggle{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:.25rem;padding:0;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #0003}.theme-toggle:hover{background:#000000b3;transform:scale(1.05);box-shadow:0 0 15px #3b82f666}.theme-toggle:focus{outline:none;box-shadow:0 0 0 2px #3b82f699}.theme-toggle svg{width:20px;height:20px;transition:all .5s cubic-bezier(.4,0,.2,1);position:absolute}.theme-icon-light{opacity:0;transform:rotate(90deg)scale(.5)}.theme-icon-dark{opacity:1;transform:rotate(0)scale(1)}.light .theme-toggle{color:#000c;background:#00000026;border:1px solid #0003;box-shadow:0 2px 10px #0003}.light .theme-toggle:hover{background:#00000040;box-shadow:0 0 15px #0000004d}.light .theme-icon-light{opacity:1;color:#f97316;transform:rotate(0)scale(1)}.light .theme-icon-dark{opacity:0;transform:rotate(-90deg)scale(.5)}
.loading-animation-wrapper{perspective:1200px;justify-content:center;align-items:center;width:100%;min-height:120px;padding:.75rem 0;display:flex;overflow:visible}.skeleton-masonry,.skeleton-column{contain:content}.skeleton-item{opacity:0;animation:.3s ease-in-out forwards fadeIn}.list-loading-state,.infinite-scroll-loading-container{contain:content}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.infinite-scroll-loading{justify-content:center;align-items:center;min-height:160px;padding:2rem 0;display:flex}.infinite-scroll-loading.fetch-more{min-height:140px;padding:.5rem 0}.loading-container{flex-direction:column;align-items:center;width:100%;display:flex;overflow:visible}.loading-text{color:var(--text-muted);opacity:0;visibility:hidden;height:0;margin-top:.5rem;font-size:.9rem;display:none;overflow:hidden}
*{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s}
.boxes{--size:32px;--duration:.8s;height:calc(var(--size) * 2);width:calc(var(--size) * 3);transform-style:preserve-3d;transform-origin:50%;position:relative;transform:rotateX(60deg)rotate(45deg)rotateY(0)translateZ(0)}.boxes .box{width:var(--size);height:var(--size);transform-style:preserve-3d;position:absolute;top:0;left:0}.boxes .box:first-child{animation:box1 var(--duration) linear infinite;transform:translate(100%)}.boxes .box:nth-child(2){animation:box2 var(--duration) linear infinite;transform:translateY(100%)}.boxes .box:nth-child(3){animation:box3 var(--duration) linear infinite;transform:translate(100%,100%)}.boxes .box:nth-child(4){animation:box4 var(--duration) linear infinite;transform:translate(200%)}.boxes .box>div{--background:#5c8df6;--top:auto;--right:auto;--bottom:auto;--left:auto;--translateZ:calc(var(--size) / 2);--rotateY:0deg;--rotateX:0deg;background:var(--background);width:100%;height:100%;top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));position:absolute}.boxes .box>div:first-child{--top:0;--left:0;--background:#3b82f6}.boxes .box>div:nth-child(2){--background:#60a5fa;--right:0;--rotateY:90deg}.boxes .box>div:nth-child(3){--background:#93c5fd;--rotateX:-90deg}.boxes .box>div:nth-child(4){--background:#bfdbfe;--top:0;--left:0;--translateZ:calc(var(--size) * 3 * -1)}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#94a3b880 #e2e8f04d}@media (max-width:768px){.fixed.inset-0.z-40.flex.flex-col{z-index:45}.page-wrapper input[type=text],.modal-active input[type=text]{z-index:60!important;position:relative!important}.bg-black\/90.backdrop-blur-md{--tw-bg-opacity:.95!important}.topbar-navigation{justify-content:space-between}.topbar-navigation>*{flex:1;justify-content:center;display:flex}.search-dropdown{max-height:80vh;top:calc(100% + 8px);overflow-y:auto}.search-input-clear{justify-content:center;align-items:center;min-width:24px;min-height:24px;display:flex;transform:translateZ(0)}}body.modal-open .search-input-container{z-index:60;position:relative}.search-result-item{z-index:50;position:relative}.infinite-scroll-loading,.infinite-scroll-loading-container,.infinite-scroll-loading *,.infinite-scroll-loading-container *{color:#0000!important}.loading-animation-wrapper{will-change:transform, opacity;backface-visibility:hidden;contain:content;transform:translateZ(0)}.infinite-scroll-empty{opacity:0;animation:.3s ease-in-out .2s forwards fadeIn}html,body,.infinite-scroll-background,.base-page-background{backface-visibility:hidden;will-change:background-color;contain:layout;transform:translateZ(0)}.animate-fade-in,.animate-fade-out,.animate-slide-in,.animate-slide-out{backface-visibility:hidden;will-change:transform, opacity;transform:translateZ(0)}