@keyframes sidebar-ring-comet{0%{transform:translate(-50%,-50%) rotate(0deg)}30%{transform:translate(-50%,-50%) rotate(220deg)}55%{transform:translate(-50%,-50%) rotate(250deg)}80%{transform:translate(-50%,-50%) rotate(330deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes sidebar-ring-glints{0%{transform:translate(-50%,-50%) rotate(1turn)}to{transform:translate(-50%,-50%) rotate(0deg)}}@keyframes sidebar-ring-liquid{0%,to{border-radius:50% 50% 50% 50%/50% 50% 50% 50%;transform:scale(1)}20%{border-radius:58% 42% 55% 45%/45% 58% 42% 55%;transform:scale(1.06)}45%{border-radius:42% 58% 45% 55%/58% 42% 56% 44%;transform:scale(1.03) rotate(8deg)}70%{border-radius:55% 45% 40% 60%/48% 55% 45% 52%;transform:scale(1.07) rotate(-6deg)}}.sidebar{position:fixed;left:0;top:50%;translate:0 -50%;width:var(--sidebarWidth);z-index:999}.sidebar ul{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none}.sidebar .sidebar-button,.sidebar ul{position:relative;display:flex;align-items:center}.sidebar .sidebar-button{justify-content:center;width:60px;height:60px;border-radius:50%;color:var(--fontColor);background:none;border:none;cursor:pointer;transition:background-color .15s ease-in,color .15s ease-in}.sidebar .sidebar-button i{font-size:20px;line-height:1}.sidebar .sidebar-button:hover{background-color:var(--bgButton)}.sidebar .sidebar-button.active,.sidebar .sidebar-button:hover{color:var(--fontColorHighlight)}.sidebar .sidebar-indicator{position:absolute;z-index:0;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,180,67,.12);opacity:0;pointer-events:none;transition:opacity .25s ease-out}.sidebar .sidebar-indicator.is-visible{opacity:1}.sidebar .sidebar-indicator .sidebar-ring{position:absolute;inset:0;overflow:hidden;border-radius:inherit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.sidebar .sidebar-indicator .sidebar-ring>span{position:absolute;left:50%;top:50%;width:400%;aspect-ratio:1;will-change:transform}.sidebar .sidebar-indicator .sidebar-ring.is-comet{padding:2px}.sidebar .sidebar-indicator .sidebar-ring.is-comet>span{background:conic-gradient(#FFB443 0deg,#FF9209 70deg,transparent 160deg,transparent 290deg,#FFB443 1turn);animation:sidebar-ring-comet 7s ease-in-out infinite}.sidebar .sidebar-indicator .sidebar-ring.is-glints{padding:1px}.sidebar .sidebar-indicator .sidebar-ring.is-glints>span{background:conic-gradient(transparent 0deg,rgba(255,180,67,.55) 40deg,transparent 90deg,transparent 180deg,rgba(255,146,9,.45) 220deg,transparent 270deg);animation:sidebar-ring-glints 11s linear infinite}.sidebar ul:has(.sidebar-button.active:hover) .sidebar-indicator{animation:sidebar-ring-liquid 2.4s ease-in-out infinite}.sidebar .sidebar-button{z-index:1}@media(prefers-reduced-motion:reduce){.sidebar .sidebar-ring>span,.sidebar ul:has(.sidebar-button.active:hover) .sidebar-indicator{animation:none}.sidebar .sidebar-ring>span{transform:translate(-50%,-50%)}}.sidebar .sidebar-mask-icon{display:block;width:20px;height:20px;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}@media screen and (max-width:768px){.sidebar{top:auto;bottom:0;right:0;translate:none;width:auto;height:var(--headerHeight);background:var(--bg);border-top:1px solid var(--borderColor)}.sidebar ul{flex-direction:row;justify-content:space-evenly;height:100%;gap:0}.sidebar .sidebar-button{width:48px;height:48px}.sidebar .sidebar-button.active{background-color:var(--bgButtonHighlight)}.sidebar .sidebar-indicator{display:none}}@property --search-ring-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes search-backdrop-in{0%{background-color:rgba(0,0,0,0);backdrop-filter:blur(0)}}@keyframes search-panel-in{0%{opacity:0;transform:translateY(24px) scale(.92)}60%{opacity:1;transform:translateY(-4px) scale(1.01)}to{opacity:1;transform:none}}@keyframes search-backdrop-out{to{background-color:rgba(0,0,0,0);backdrop-filter:blur(0)}}@keyframes search-panel-out{to{opacity:0;transform:translateY(16px) scale(.94)}}@keyframes search-ring-sweep{0%{--search-ring-angle:0deg;opacity:1}70%{opacity:1}to{--search-ring-angle:360deg;opacity:0}}@keyframes search-suggestion-in{0%{opacity:0;transform:translateY(-6px)}}.search-overlay{--searchHeight:72px;position:fixed;inset:0;z-index:10000;display:flex;justify-content:center;align-items:center;padding:1.25rem;background:var(--highlightColor);backdrop-filter:blur(10px);animation:search-backdrop-in .3s ease-out}.search-overlay.is-closing{animation:search-backdrop-out .2s ease-in forwards}.search-overlay.is-closing .search-panel{animation:search-panel-out .2s ease-in forwards}.search-overlay .search-panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:720px;max-height:min(640px,100dvh - 8rem);border-radius:calc(var(--searchHeight)/2);background-color:var(--bgElevated);box-shadow:0 30px 80px rgba(0,0,0,.5);overflow:hidden;animation:search-panel-in .45s cubic-bezier(.2,.9,.3,1);transition:height .25s ease-out,border-radius .25s ease-out}.search-overlay .search-panel:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--search-ring-angle),transparent 0deg,#FFC9B2 60deg,#FF81E0 120deg,#8C4CFF 180deg,transparent 240deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;animation:search-ring-sweep 1.1s ease-out .1s}.search-overlay .search-panel.has-suggestions{border-radius:12px}.search-overlay .search-panel.has-suggestions .search-field:after{opacity:1}.search-overlay .search-field{--search-icon-size:22px;--search-close-size:13px;position:relative;display:flex;align-items:center;flex-shrink:0;height:var(--searchHeight)}.search-overlay .search-field:after{content:"";position:absolute;bottom:0;left:calc((var(--searchHeight) - var(--search-icon-size))/2);right:calc((var(--searchHeight) - var(--search-close-size))/2);height:1px;background-color:var(--borderColor);opacity:0;transition:opacity .2s ease-out}.search-overlay .search-field .search-field-icon{position:absolute;left:0;width:var(--searchHeight);height:var(--searchHeight);background-color:var(--fontColor);-webkit-mask:url(/images/nav/search.svg) no-repeat center/var(--search-icon-size);mask:url(/images/nav/search.svg) no-repeat center/var(--search-icon-size);pointer-events:none}.search-overlay .search-field input[type=text]{flex:1;min-width:0;height:100%;padding:0 0 0 var(--searchHeight);border:none;background:rgba(0,0,0,0);color:var(--fontColorHighlight);font-family:var(--font-inter);font-size:17px;font-weight:400}.search-overlay .search-field input[type=text]::placeholder{color:var(--fontColorDim)}.search-overlay .search-field input[type=text]:focus{outline:none}.search-overlay .search-field .search-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--searchHeight);height:var(--searchHeight);background:none;border:none;color:var(--fontColor);font-size:var(--search-close-size);cursor:pointer;transition:color .15s ease-in}.search-overlay .search-field .search-close:hover{color:var(--fontColorHighlight)}.search-overlay .search-suggestions{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0 0 12px;list-style:none;scrollbar-width:thin}.search-overlay .search-suggestions:empty{padding:0}.search-overlay .search-suggestions ul{margin:0;padding:0;list-style:none}.search-overlay .search-start{padding:18px 24px 20px;animation:search-suggestion-in .3s ease-out .1s backwards}.search-overlay .search-start .search-chips.is-wrapping{justify-content:flex-start}.search-overlay .search-chips{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}.search-overlay .search-chips::-webkit-scrollbar{display:none}.search-overlay .search-chips>*{flex-shrink:0}.search-overlay .search-chips.is-wrapping{flex-wrap:wrap;justify-content:center;overflow:visible;-webkit-mask-image:none;mask-image:none}.search-overlay .search-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:none;border-radius:100px;background-color:var(--bgButtonDim);color:var(--fontColor);font-family:var(--font-inter);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s ease-in,color .15s ease-in}.search-overlay .search-chip:hover{color:var(--fontColorHighlight);background-color:var(--bgButton)}.search-overlay .search-chip.active{color:var(--fontColorHighlight);background-color:var(--bgButtonHighlight)}.search-overlay .search-chip-count{padding:2px 6px;border-radius:100px;background-color:var(--bgButtonDim);color:var(--fontColorDim);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.search-overlay .suggestion-item{display:flex;align-items:center;min-height:48px;margin:0 12px;padding:0 12px 0 calc(var(--searchHeight) - 12px);border-radius:12px;font-size:16px;color:var(--fontColor);cursor:pointer;transition:background-color .15s ease-in,color .15s ease-in;animation:search-suggestion-in .25s ease-out backwards;animation-delay:calc(var(--i, 0)*25ms)}.search-overlay .suggestion-item:first-child{margin-top:8px}.search-overlay .suggestion-item.active,.search-overlay .suggestion-item:hover{color:var(--fontColorHighlight);background-color:var(--bgButtonDim)}.search-overlay .suggestion-item.recent{position:relative}.search-overlay .suggestion-item.recent>i{position:absolute;left:0;width:calc(var(--searchHeight) - 12px);text-align:center;font-size:14px;color:var(--fontColorDim)}.search-overlay .suggestion-item.profile{position:relative;min-height:52px;padding-left:calc(var(--searchHeight) + 4px)}.search-overlay .suggestion-item.profile>.suggestion-avatar{position:absolute;left:0;display:flex;align-items:center;justify-content:center;width:calc(var(--searchHeight) + 4px)}.search-overlay .suggestion-item.profile small{flex-shrink:0;font-size:12px;color:var(--fontColorDim)}.search-overlay .suggestion-item>span:not(.suggestion-avatar){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){.search-overlay .search-panel,.search-overlay .search-panel:before,.search-overlay .suggestion-item{animation:none}.search-overlay .search-panel{transition:none}.search-overlay{animation:none}}@media screen and (max-width:768px){.search-overlay{--searchHeight:56px;align-items:flex-start;padding-top:calc(max(8px,env(safe-area-inset-top)) + 40px + .75rem)}.search-overlay .search-field input[type=text]{font-size:16px}.search-overlay .search-overlay-close{width:40px;height:40px;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}.search-overlay .search-overlay-close svg{width:18px;height:18px}}