.floating-controls{z-index:999;pointer-events:none;position:fixed;bottom:2rem;right:.75rem}.floating-btn{color:var(--primary);cursor:pointer;pointer-events:auto;border:none;font-size:2rem;font-weight:700;position:absolute;right:0}.floating-btn:active{transform:scale(.9)}.floating-btn i{font-size:1.75rem}.to-top-btn{opacity:0;pointer-events:none;transition:bottom var(--dur-float,.35s) cubic-bezier(.4, 0, .2, 1), opacity var(--dur-float,.35s) cubic-bezier(.4, 0, .2, 1);bottom:-4.25rem}.to-top-btn:not(.hide){opacity:1;pointer-events:auto;bottom:0}.home-btn{opacity:1;pointer-events:auto;transition:bottom var(--dur-float,.35s) cubic-bezier(.4, 0, .2, 1), opacity .3s ease;bottom:0}.home-btn.hide{opacity:0;pointer-events:none}.comment-btn{opacity:1;pointer-events:auto;transition:bottom var(--dur-float,.35s) cubic-bezier(.4, 0, .2, 1), opacity .3s ease;font-size:1.8rem;bottom:4.25rem}.floating-controls:not(:has(.home-btn)) .comment-btn{bottom:0}.comment-btn.hide{opacity:0;pointer-events:none}.to-top-btn:not(.hide)~.home-btn{bottom:4.25rem}.to-top-btn:not(.hide)~.comment-btn{bottom:8.5rem}.floating-controls:not(:has(.home-btn)) .to-top-btn:not(.hide)~.comment-btn{bottom:4.25rem}.custom-btns-wrapper{pointer-events:none;transition:bottom var(--dur-float,.35s) cubic-bezier(.4, 0, .2, 1);flex-direction:column;gap:.75rem;display:flex;position:absolute;bottom:8.5rem;right:0}.custom-btn{position:relative;bottom:auto;right:auto}.custom-btn-icon{justify-content:center;align-items:center;font-size:1.75rem;display:flex}.custom-btn-icon svg{width:1.75rem;height:1.75rem}body.navbar-blur-enabled .floating-btn .btn-card{backdrop-filter:saturate(180%)blur(20px);background-color:#ffffff9e!important}:root.dark body.navbar-blur-enabled .floating-btn .btn-card{background-color:#000000a6!important}.category-bar-track{background:color-mix(in oklab, var(--btn-regular-bg) 55%, transparent);border:1px solid var(--line-divider);isolation:isolate;border-radius:.9rem;padding:4px;position:relative}.category-liquid{z-index:0;background:color-mix(in oklab, var(--btn-content) 13%, transparent);-webkit-backdrop-filter:blur(12px)saturate(170%);border:1px solid color-mix(in oklab, var(--btn-content) 22%, transparent);pointer-events:none;opacity:1;will-change:transform, width;border-radius:.7rem;width:0;transition:transform .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 1px 8px #00000024,inset 0 1px #fff6}.category-divider{z-index:1;position:relative}.category-scroll{scrollbar-width:none;-ms-overflow-style:none;--mask-fade:1.5rem}.category-scroll::-webkit-scrollbar{display:none}.category-scroll.can-scroll-left{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 calc(var(--mask-fade) + .5rem));mask-image:linear-gradient(to right, transparent 0, #000 calc(var(--mask-fade) + .5rem))}.category-scroll.can-scroll-right{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--mask-fade) - .5rem), transparent 100%);mask-image:linear-gradient(to right, #000 calc(100% - var(--mask-fade) - .5rem), transparent 100%)}.category-scroll.can-scroll-left.can-scroll-right{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 calc(var(--mask-fade) + .5rem), #000 calc(100% - var(--mask-fade) - .5rem), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 calc(var(--mask-fade) + .5rem), #000 calc(100% - var(--mask-fade) - .5rem), transparent 100%)}.category-pill{z-index:1;color:var(--btn-content);background:0 0;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .25s,color .25s,box-shadow .25s;position:relative}.category-pill:hover{background:color-mix(in oklab, var(--primary) 12%, transparent)}.category-pill:active{transform:scale(.94)}.category-pill.cat-active{color:var(--primary)}@media (prefers-reduced-motion:reduce){.category-liquid,.category-pill{transition:none!important}}@media (width<=767px){.category-liquid{-webkit-backdrop-filter:none;will-change:auto;transition:none}.category-scroll.can-scroll-left,.category-scroll.can-scroll-right,.category-scroll.can-scroll-left.can-scroll-right{mask-image:none}}html.is-scrolling .navbar-blur,html.is-scrolling #navbar-wrapper.backdrop-blur-lg,html.is-scrolling .floating-btn .btn-card,html.is-scrolling .footer-glass .footer-panel,html.is-scrolling .float-panel,html.is-scrolling .submenu-panel{backdrop-filter:none!important}.home-moments-overlay{z-index:1;border-radius:inherit;text-decoration:none;position:absolute;inset:0}.home-moments-marquee{mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000)}.home-moments-track--animate{animation:home-moments-scroll var(--home-moments-duration,40s) linear infinite;will-change:transform}@keyframes home-moments-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.home-moments-marquee:hover .home-moments-track--animate{animation-play-state:paused}.home-moment-text{transition:color .2s;white-space:nowrap!important;vertical-align:middle!important;display:inline-block!important}.home-moment-link:hover .home-moment-text{color:var(--primary)}#home-moments-tags .home-moment-tag{height:1.75rem;color:var(--btn-content);background:var(--btn-regular-bg);border-radius:.5rem;align-items:center;gap:.375rem;padding:0 .625rem;font-size:.75rem;font-weight:600;transition:background .2s,color .2s,transform .15s;display:inline-flex}#home-moments-tags .home-moment-tag:hover{background:var(--btn-regular-bg-hover);color:var(--primary)}#home-moments-tags .home-moment-tag:active{transform:scale(.95)}#home-moments-tags .home-moment-tag .home-moment-tag-count{color:var(--primary);opacity:.7;font-size:.6875rem;font-weight:500}@media (width<=767px){.home-moments-track--animate{will-change:auto!important;animation:none!important}.home-moments-marquee{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto;mask-image:none}.home-moments-marquee::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){.home-moments-track--animate{animation:none}}.collapsed[data-astro-cid-pc56jia6]{height:var(--collapsedHeight)}.hitokoto-card[data-astro-cid-nikk7jjm]{box-sizing:border-box;max-width:100%;line-height:1.6}.hitokoto-main-row[data-astro-cid-nikk7jjm]{align-items:flex-start;gap:10px;display:flex}.hitokoto-text[data-astro-cid-nikk7jjm]{min-width:0;color:var(--deep-text);word-break:break-word;flex:1;margin:0;font-size:14px;transition:opacity .3s}.hitokoto-refresh[data-astro-cid-nikk7jjm]{cursor:pointer;width:26px;height:26px;color:var(--deep-text);opacity:.4;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;padding:0;font-size:15px;transition:color .2s,background .2s,opacity .2s;display:flex}.hitokoto-refresh[data-astro-cid-nikk7jjm]:hover{opacity:.7;background:#8080801a}.hitokoto-refresh[data-astro-cid-nikk7jjm]:active{transform:scale(.9)}.hitokoto-refresh[data-astro-cid-nikk7jjm] .iconify-spin[data-astro-cid-nikk7jjm]{transition:transform .4s}.hitokoto-refresh[data-astro-cid-nikk7jjm].spinning .iconify-spin[data-astro-cid-nikk7jjm]{transform:rotate(360deg)}.hitokoto-author-row[data-astro-cid-nikk7jjm]{margin-top:6px}.hitokoto-author[data-astro-cid-nikk7jjm]{color:var(--deep-text);opacity:.5;text-align:right;font-size:12px;display:block}.hitokoto-author[data-astro-cid-nikk7jjm]:before{content:"—— "}.hitokoto-loading[data-astro-cid-nikk7jjm] .hitokoto-text[data-astro-cid-nikk7jjm]{opacity:.5}#welcome-popup-wrapper{display:none}#welcome-popup-wrapper.welcome-show{display:flex}#welcome-popup-wrapper[data-position=top-left],#welcome-popup-wrapper[data-position=top-right]{top:5.25rem}#welcome-popup-wrapper[data-position=top-left]{left:1rem}#welcome-popup-wrapper[data-position=top-right]{right:1rem}#welcome-popup-wrapper[data-position=bottom-left]{bottom:1rem;left:1rem}#welcome-popup-wrapper[data-position=bottom-right]{bottom:1rem;right:1rem}.welcome-card{box-shadow:0 10px 30px -12px color-mix(in oklab, var(--primary) 40%, transparent)}body.navbar-blur-enabled .welcome-card{backdrop-filter:saturate(180%)blur(20px)!important;background-color:#ffffff9e!important}:root.dark body.navbar-blur-enabled .welcome-card{background-color:#000000a6!important}#welcome-popup-wrapper.welcome-show .welcome-card{animation:.5s cubic-bezier(.22,1,.36,1) both welcome-in}.welcome-card.welcome-out{animation:.25s forwards welcome-out!important}@keyframes welcome-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes welcome-out{to{opacity:0;transform:translateY(8px)scale(.97)}}@media (width<=767.98px){#welcome-popup-wrapper{justify-content:center;padding:0 1rem;top:auto!important;left:0!important;right:0!important;bottom:calc(.75rem + env(safe-area-inset-bottom))!important}}@media (prefers-reduced-motion:reduce){#welcome-popup-wrapper.welcome-show .welcome-card{animation:none}}@media (width<=1023px){#navbar-wrapper{z-index:50!important;position:fixed!important;top:0!important;left:0!important;right:0!important}#navbar-wrapper.navbar-hidden{opacity:1!important;visibility:visible!important;translate:none!important}#top-row{height:var(--navbar-height)!important}}@media (width>=1024px){html[data-navbar-fixed=true] #navbar-wrapper{z-index:50!important;position:fixed!important;top:0!important;left:0!important;right:0!important}html[data-navbar-fixed=true] #navbar-wrapper.navbar-hidden{opacity:1!important;visibility:visible!important;translate:none!important}html[data-navbar-fixed=true] #top-row{height:var(--navbar-height)!important}html[data-navbar-fixed=true] body:not(.is-home) #sidebar-sticky,html[data-navbar-fixed=true] body:not(.is-home) #right-sidebar-sticky{top:calc(var(--navbar-height) + 1rem)!important}html[data-navbar-fixed=true] body.is-home.enable-banner #sidebar-sticky,html[data-navbar-fixed=true] body.is-home.enable-banner #right-sidebar-sticky{top:calc(1rem - var(--banner-height-extend) + var(--navbar-height))!important}}#banner .banner-slide,#banner-mobile .banner-slide{opacity:0;transition:opacity var(--dur-banner-transition,.7s) ease, transform var(--dur-banner-transition,.7s) ease;display:none}#banner .banner-slide.visible,#banner .banner-slide.active,#banner-mobile .banner-slide.visible,#banner-mobile .banner-slide.active{will-change:opacity, transform;display:block}#banner .banner-slide.active,#banner-mobile .banner-slide.active{opacity:1}.banner-mobile-enabled #banner-mobile{display:none}@media (width<=767.98px){.banner-mobile-enabled #banner{display:none}.banner-mobile-enabled #banner-mobile{display:block}}
