.onload-animation{opacity:0;animation:.3s fade-in-up;animation-fill-mode:forwards}@keyframes fade-in-up{0%{scale:98%;transform:translateY(2rem);opacity:0}to{scale:100%;transform:translateY(0);opacity:1}}.onload-animation-fade-in{opacity:0;animation:.3s fade-in ease-in;animation-fill-mode:forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.scrollbar-base.os-scrollbar{transition:width .15s ease-in-out,height .15s ease-in-out,opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:unset}.scrollbar-base.os-scrollbar.os-scrollbar-horizontal{padding-top:4px;padding-bottom:4px;height:16px}.scrollbar-base.os-scrollbar.os-scrollbar-horizontal .os-scrollbar-track .os-scrollbar-handle{height:4px;border-radius:4px}.scrollbar-base.os-scrollbar.os-scrollbar-horizontal:hover .os-scrollbar-track .os-scrollbar-handle{height:8px}.scrollbar-base.os-scrollbar.os-scrollbar-horizontal.px-2{padding-left:8px;padding-right:8px}.scrollbar-base.os-scrollbar.os-scrollbar-vertical{padding-left:4px;padding-right:4px;width:16px}.scrollbar-base.os-scrollbar.os-scrollbar-vertical .os-scrollbar-track .os-scrollbar-handle{width:4px;border-radius:4px}.scrollbar-base.os-scrollbar.os-scrollbar-vertical:hover .os-scrollbar-track .os-scrollbar-handle{width:8px}.scrollbar-base.os-scrollbar.os-scrollbar-vertical.py-1{padding-top:4px;padding-bottom:4px}:root{--os-handle-bg-custom: rgba(0, 0, 0, .3);--os-handle-bg-custom-hover: rgba(0, 0, 0, .5);--os-handle-bg-custom-active: rgba(0, 0, 0, .6)}:root.dark{--os-handle-bg-custom: rgba(255, 255, 255, .4);--os-handle-bg-custom-hover: rgba(255, 255, 255, .6);--os-handle-bg-custom-active: rgba(255, 255, 255, .7)}.scrollbar-auto.os-scrollbar{--os-handle-bg: var(--os-handle-bg-custom);--os-handle-bg-hover: var(--os-handle-bg-custom-hover);--os-handle-bg-active: var(--os-handle-bg-custom-active)}.scrollbar-dark.os-scrollbar{--os-handle-bg: rgba(255, 255, 255, .4);--os-handle-bg-hover: rgba(255, 255, 255, .6);--os-handle-bg-active: rgba(255, 255, 255, .7)}.transition-leaving{transition:transform .3s,opacity .3s}html.is-changing .transition-main,html.is-leaving .transition-main{transition:opacity .25s ease-in-out}html.is-animating .transition-main{opacity:0}html.is-animating.is-leaving .transition-leaving{transform:translateY(2rem);opacity:0}.result-item:hover{background-color:var(--primary-color-lighten)}.result-item:hover .result-title{color:var(--primary-color)}.item-excerpt mark{background-color:transparent;font-weight:700;color:var(--primary-color)}/*! 
 * OverlayScrollbars
 * Version: 2.11.4
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden]{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x: hidden;--os-viewport-overflow-y: hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x: visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x: hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x: scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y: visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y: hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y: scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*{display:none!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax: "<number>"; inherits: true; initial-value: 0;}@property --os-viewport-percent{syntax: "<number>"; inherits: true; initial-value: 0;}.os-scrollbar{--os-viewport-percent: 0;--os-scroll-percent: 0;--os-scroll-direction: 0;--os-scroll-percent-directional: calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) );contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translate(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translate(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;inset:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}:root{--hue: 300;--primary-color: oklch(70% .15 var(--hue));--primary-color-lighten: oklch(95% .02 var(--hue));--primary-color-hover: oklch(90% .025 var(--hue));--primary-color-transparent: oklch(70% .15 var(--hue) / 15%);--text-color: oklch(30% 0 0);--text-color-lighten: oklch(50% 0 0);--card-color: oklch(100% 0 0);--card-color-transparent: oklch(100% 0 0 / 85%);--background-color: oklch(97% .01 var(--hue));--brand-font: "Raleway", "Noto Sans SC", sans-serif;--primary-font: "Noto Sans SC", sans-serif;--code-font: "JetBrains Mono", "Fira Code", monospace;--page-width-lg: 992px;--page-width-xl: 1264px;--banner-height: 55vh;--title-font: var(--brand-font);--title-color: oklch(100% 0 0 / 95%);--subtitle-font: var(--brand-font);--subtitle-color: oklch(100% 0 0 / 85%);--onload-animation-delay: .1s;--onload-animation-interval: .1s}:root.dark{--primary-color: oklch(70% .125 var(--hue));--primary-color-lighten: oklch(40% .04 var(--hue));--primary-color-hover: oklch(20% .015 var(--hue));--text-color: oklch(95% .002 var(--hue));--text-color-lighten: oklch(90% .002 var(--hue));--card-color: oklch(25% .02 var(--hue));--card-color-lighten: oklch(40% .04 var(--hue));--card-color-transparent: oklch(30% .025 var(--hue) / 85%);--background-color: oklch(17.5% .015 var(--hue))}.swup-progress-bar{height:5px;background-color:var(--primary-color)}.side-bar.is-swup-theme-replace{opacity:1!important;transform:none!important;animation:none!important}.side-bar.is-swup-theme-replace *{animation:none!important;transition:none!important}.is-animating .side-bar{opacity:1!important;visibility:visible!important}body{background-color:var(--background-color)}.nav[data-astro-cid-ymhdp2rl]{position:fixed;left:50%;z-index:10;display:flex;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-direction:column;justify-content:flex-end;border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem;background-color:var(--card-color-transparent);padding-left:.625rem;padding-right:.625rem;opacity:0;--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 1024px){.nav[data-astro-cid-ymhdp2rl]{width:var(--page-width-lg);border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}}@media (min-width: 1280px){.nav[data-astro-cid-ymhdp2rl]{width:var(--page-width-xl)}}.nav[data-astro-cid-ymhdp2rl]{transform:translate(-50%) translateY(-5rem);animation:.3s nav-onload-animation;animation-fill-mode:forwards}.brand[data-astro-cid-ymhdp2rl]{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between}@media (min-width: 1024px){.brand[data-astro-cid-ymhdp2rl]{display:none}}.brand[data-astro-cid-ymhdp2rl]>.title[data-astro-cid-ymhdp2rl]{position:absolute;left:50%;top:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.5rem;padding:.5rem 1rem;font-size:1.5rem;line-height:2rem;font-weight:500;color:var(--primary-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.brand[data-astro-cid-ymhdp2rl]>.title[data-astro-cid-ymhdp2rl]:hover{background-color:var(--primary-color-hover)}.brand[data-astro-cid-ymhdp2rl]>.title[data-astro-cid-ymhdp2rl]{font-family:var(--brand-font)}.brand[data-astro-cid-ymhdp2rl] button[data-astro-cid-ymhdp2rl]{margin-right:.5rem;display:flex;height:44px;width:44px;flex-direction:row;align-items:center;border-radius:.5rem;color:var(--text-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.brand[data-astro-cid-ymhdp2rl] button[data-astro-cid-ymhdp2rl]:hover{background-color:var(--primary-color-hover);color:var(--primary-color)}.brand[data-astro-cid-ymhdp2rl] .icon[data-astro-cid-ymhdp2rl]{width:100%;text-align:center;font-size:1.5rem;line-height:2rem}.brand-lg[data-astro-cid-ymhdp2rl]{display:none;height:3.25rem;border-radius:.5rem;padding-left:1.25rem;padding-right:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 1024px){.brand-lg[data-astro-cid-ymhdp2rl]{display:block}}.brand-lg[data-astro-cid-ymhdp2rl]:hover{background-color:var(--primary-color-hover)}.brand-lg[data-astro-cid-ymhdp2rl]:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.brand-lg[data-astro-cid-ymhdp2rl]>.title[data-astro-cid-ymhdp2rl]{display:flex;height:100%;flex-direction:row;align-content:center;align-items:center;font-size:1.5rem;line-height:2rem;color:var(--primary-color);font-family:var(--brand-font)}.brand-lg[data-astro-cid-ymhdp2rl] .icon[data-astro-cid-ymhdp2rl]{margin-right:.5rem;stroke-width:2;font-size:1.5rem;line-height:2rem}.menu[data-astro-cid-ymhdp2rl]{position:absolute;left:50%;display:none;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:space-between}.menu[data-astro-cid-ymhdp2rl]>:not([hidden])[data-astro-cid-ymhdp2rl]~:not([hidden])[data-astro-cid-ymhdp2rl]{--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.menu[data-astro-cid-ymhdp2rl]{font-size:1.125rem;line-height:1.75rem;color:var(--text-color);opacity:.85}@media (min-width: 1024px){.menu[data-astro-cid-ymhdp2rl]{display:flex}}.menu[data-astro-cid-ymhdp2rl] a[data-astro-cid-ymhdp2rl]{display:flex;height:3.25rem;align-items:center;border-radius:.5rem;padding-left:1.5rem;padding-right:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.menu[data-astro-cid-ymhdp2rl] a[data-astro-cid-ymhdp2rl]:hover{background-color:var(--primary-color-hover);color:var(--primary-color)}.menu[data-astro-cid-ymhdp2rl] a[data-astro-cid-ymhdp2rl]:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.menu[data-astro-cid-ymhdp2rl] p[data-astro-cid-ymhdp2rl]{font-weight:500;line-height:1.5;font-family:var(--primary-font)}.toolbar[data-astro-cid-ymhdp2rl]{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.toolbar[data-astro-cid-ymhdp2rl]>:not([hidden])[data-astro-cid-ymhdp2rl]~:not([hidden])[data-astro-cid-ymhdp2rl]{--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}@media (min-width: 1024px){.toolbar[data-astro-cid-ymhdp2rl]{margin-right:.5rem}}.toolbar[data-astro-cid-ymhdp2rl] button[data-astro-cid-ymhdp2rl]{display:flex;width:2.75rem;justify-content:center;border-radius:.5rem;padding-top:.5rem;padding-bottom:.5rem;color:var(--text-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.toolbar[data-astro-cid-ymhdp2rl] button[data-astro-cid-ymhdp2rl]:hover{background-color:var(--primary-color-hover);color:var(--primary-color)}.toolbar[data-astro-cid-ymhdp2rl] .icon[data-astro-cid-ymhdp2rl]{stroke-width:2;font-size:1.25rem;line-height:1.75rem}.mobile-menu-nav-closed[data-astro-cid-ymhdp2rl]{height:0px;opacity:0}.mobile-menu-nav-opened[data-astro-cid-ymhdp2rl]{opacity:1;height:calc(var(--navCount) * 52px)}.mobile-menu-nav[data-astro-cid-ymhdp2rl] li[data-astro-cid-ymhdp2rl] a[data-astro-cid-ymhdp2rl]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-family:var(--primary-font)}@keyframes nav-onload-animation{0%{transform:translateY(-5rem) translate(-50%);opacity:0}to{transform:translateY(0) translate(-50%);opacity:1}}.banner[data-astro-cid-kggsjsm4]{position:relative;height:calc(var(--banner-height) * 3 / 4);opacity:1}@media (min-width: 1024px){.banner[data-astro-cid-kggsjsm4]{height:var(--banner-height)}}.carousel[data-astro-cid-kggsjsm4]{position:absolute;left:0;top:0;z-index:-10;display:block;height:calc(var(--banner-height) * 3 / 4);width:100%;overflow:hidden;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}@media (min-width: 1024px){.carousel[data-astro-cid-kggsjsm4]{height:var(--banner-height)}}.carousel[data-astro-cid-kggsjsm4]{animation-fill-mode:forwards}.carousel[data-astro-cid-kggsjsm4]:before{position:absolute;left:0;top:0;z-index:10;display:block;height:100%;width:100%;background-color:#00000040;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--tw-content: "";content:var(--tw-content)}.carousel[data-astro-cid-kggsjsm4]:where([data-theme=dark],[data-theme=dark] *):before{background-color:#0000004d}.carousel[data-astro-cid-kggsjsm4] .item[data-astro-cid-kggsjsm4]{position:absolute;left:0;top:0;z-index:0;height:100%;width:100%;transform-origin:center;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;animation:carousel-animation var(--carouselAnimationTime) linear infinite 0s;backface-visibility:hidden;transform-style:preserve-3d}.cover[data-astro-cid-kggsjsm4]{position:absolute;left:0;top:0;z-index:0;display:block;height:var(--banner-height);width:100%;overflow:hidden;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.cover[data-astro-cid-kggsjsm4]:before{position:absolute;left:0;top:0;z-index:10;display:block;height:100%;width:100%;background-color:#00000040;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--tw-content: "";content:var(--tw-content)}.cover[data-astro-cid-kggsjsm4]:where([data-theme=dark],[data-theme=dark] *):before{background-color:#0000004d}.cover[data-astro-cid-kggsjsm4] .item[data-astro-cid-kggsjsm4]{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.title[data-astro-cid-kggsjsm4]{margin-top:2rem;text-align:center;font-weight:700;color:var(--title-color);--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 1024px){.title[data-astro-cid-kggsjsm4]{margin-top:.25rem}}.title[data-astro-cid-kggsjsm4]{font-family:var(--title-font)}.title-index[data-astro-cid-kggsjsm4]{margin-bottom:0;font-size:3.75rem;line-height:1;line-height:5rem}@media (min-width: 1024px){.title-index[data-astro-cid-kggsjsm4]{margin-bottom:.25rem;font-size:6rem;line-height:1}}.title-normal[data-astro-cid-kggsjsm4]{margin-bottom:.25rem;font-size:1.875rem;line-height:2.25rem}@media (min-width: 1024px){.title-normal[data-astro-cid-kggsjsm4]{font-size:3rem;line-height:1}}.subtitle[data-astro-cid-kggsjsm4]{text-align:center;font-size:1.25rem;line-height:1.75rem;color:var(--subtitle-color);--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 1024px){.subtitle[data-astro-cid-kggsjsm4]{font-size:1.875rem;line-height:2.25rem}}.subtitle[data-astro-cid-kggsjsm4]{font-family:var(--subtitle-font)}.waves[data-astro-cid-kggsjsm4]{position:absolute;bottom:-1px;height:10vh;max-height:9.375rem;min-height:3.125rem;width:100%}@media (min-width: 768px){.waves[data-astro-cid-kggsjsm4]{height:15vh}}.waves[data-astro-cid-kggsjsm4]>.parallax[data-astro-cid-kggsjsm4] use[data-astro-cid-kggsjsm4]{fill:var(--background-color);animation:wave 25s cubic-bezier(.5,.5,.45,.5) infinite}@keyframes wave{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@keyframes banner-onload-animation{0%{opacity:0;height:calc(var(--banner-height) + 4rem)}to{opacity:1;height:var(--banner-height)}}.link[data-astro-cid-sz7xmlte]{color:var(--primary-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.link[data-astro-cid-sz7xmlte]:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.category[data-astro-cid-sz7xmlte]{font-family:var(--primary-font)}.category[data-astro-cid-sz7xmlte]:hover>p[data-astro-cid-sz7xmlte]{padding-left:.5rem;color:var(--primary-color)}.title[data-astro-cid-d4mb6dze]{display:flex;flex-direction:row;align-items:center;position:relative}.title[data-astro-cid-d4mb6dze]:before{position:absolute;display:block;content:" ";background-color:var(--primary-color);top:3px;bottom:3px;width:.3rem;border-radius:4px}.toc-h2-list[data-astro-cid-d4mb6dze]{transition:max-height .2s ease}.toc-link[data-astro-cid-d4mb6dze]{font-family:var(--primary-font)}.avatar-wrapper[data-astro-cid-f5u63ayj]:after{position:absolute;left:.75rem;top:.75rem;height:14rem;width:14rem;border-radius:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--tw-content: "";content:var(--tw-content)}.avatar-wrapper[data-astro-cid-f5u63ayj]:hover:after{background-color:#00000040}.avatar-wrapper[data-astro-cid-f5u63ayj]:hover:where([data-theme=dark],[data-theme=dark] *):after{background-color:#00000080}.avatar[data-astro-cid-f5u63ayj]{height:14rem;width:14rem;border-radius:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.avatar[data-astro-cid-f5u63ayj]:hover{cursor:pointer}.username[data-astro-cid-f5u63ayj]>p[data-astro-cid-f5u63ayj]{text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:var(--text-color);font-family:var(--title-font)}.username[data-astro-cid-f5u63ayj]>div[data-astro-cid-f5u63ayj]{margin-left:auto;margin-right:auto;margin-top:.25rem;height:.25rem;width:2rem;border-radius:9999px;background-color:var(--primary-color)}.slogan[data-astro-cid-f5u63ayj]{font-family:var(--title-font)}.title[data-astro-cid-f5u63ayj]{display:flex;flex-direction:row;align-items:center;position:relative}.title[data-astro-cid-f5u63ayj]:before{position:absolute;display:block;content:" ";background-color:var(--primary-color);top:3px;bottom:3px;width:.3rem;border-radius:4px}.title[data-astro-cid-f5u63ayj] p[data-astro-cid-f5u63ayj],.category[data-astro-cid-f5u63ayj]{font-family:var(--primary-font)}.category[data-astro-cid-f5u63ayj]:hover>p[data-astro-cid-f5u63ayj]{padding-left:.5rem;color:var(--primary-color)}.tag[data-astro-cid-f5u63ayj]{font-family:var(--primary-font)}.toc-card-hidden[data-astro-cid-f5u63ayj]{display:none}.scroll-buttons[data-astro-cid-frj5dsqd]{position:fixed;right:24px;bottom:40px;z-index:9999;display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,visibility .25s;pointer-events:none}.scroll-buttons[data-astro-cid-frj5dsqd].visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.scroll-btn[data-astro-cid-frj5dsqd]{width:42px;height:42px;border:none;border-radius:9999px;background-color:var(--card-color);color:var(--text-color-lighten);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background-color .2s,transform .15s,box-shadow .2s}.scroll-btn[data-astro-cid-frj5dsqd]:hover{background-color:var(--primary-color);color:var(--primary-color-lighten);transform:scale(1.08);box-shadow:0 4px 12px #00000040}.scroll-btn[data-astro-cid-frj5dsqd]:active{transform:scale(.95)}.mp{--mp-w-cap: 52px;--mp-w-panel: 300px;--mp-radius: 18px;--mp-transition: .28s cubic-bezier(.4, 0, .2, 1);position:fixed;left:24px;top:50%;transform:translateY(-50%);z-index:9990;font-family:var(--primary-font, "Noto Sans SC", sans-serif);-moz-user-select:none;user-select:none;-webkit-user-select:none;overflow:hidden;transition:width var(--mp-transition),min-height var(--mp-transition),transform var(--mp-transition)}.mp.expanded{width:var(--mp-w-panel);min-height:min(640px,calc(100vh - 40px))}.mp-capsule{width:var(--mp-w-cap);min-height:170px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 8px;background:var(--card-color-transparent, oklch(100% 0 0 / 88%));backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border:1px solid oklch(50% 0 0 / 8%);border-radius:9999px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d;transition:opacity var(--mp-transition),width var(--mp-transition),min-height var(--mp-transition),padding var(--mp-transition),box-shadow var(--mp-transition),background var(--mp-transition)}.mp-capsule:hover{transform:translate(4px);box-shadow:0 12px 40px #00000024,0 4px 12px #00000012}.mp.expanded .mp-capsule{opacity:0;width:0;min-height:0;padding:0;border:0;box-shadow:none;pointer-events:none;overflow:hidden}.mp-capsule-cover{width:44px;height:44px;border-radius:12px;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-color);flex-shrink:0;opacity:.8}.mp-capsule-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mp-capsule-title{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;max-height:80px;overflow:hidden;position:relative}.mp-capsule-title span{writing-mode:vertical-rl;text-orientation:mixed;font-size:13px;font-weight:600;color:var(--text-color);max-height:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.05em;display:inline-block}.mp-capsule-title--scroll{align-items:flex-start;mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 6px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 6px),transparent 100%)}.mp-capsule-title--scroll span{animation:mp-capsule-marquee 6s ease-in-out infinite;animation-delay:1s;overflow:visible;max-height:none}@keyframes mp-capsule-marquee{0%,15%{transform:translateY(0)}40%,55%{transform:translateY(var(--mp-capsule-marquee-distance, -40px))}80%,to{transform:translateY(0)}}.mp-capsule-title:after{content:"";position:absolute;bottom:0;left:0;right:0;height:16px;background:linear-gradient(to top,var(--card-color) 0%,transparent 100%);pointer-events:none}.mp-capsule-empty{font-size:12px;color:var(--text-color-lighten);writing-mode:vertical-rl}.mp-capsule-play{width:38px;height:38px;border:none;border-radius:50%;background:var(--primary-color-transparent);color:var(--primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s,background .15s;flex-shrink:0}.mp-capsule-play:hover{transform:scale(1.08);background:var(--primary-color);color:#fff;box-shadow:0 0 16px oklch(70% .15 var(--hue, 300) / 35%)}.mp-capsule-play:active{transform:scale(.94)}.mp.playing .mp-capsule-play{animation:mp-pulse 2s ease-in-out infinite}@keyframes mp-pulse{0%,to{box-shadow:0 0 oklch(70% .15 var(--hue, 300) / 30%)}50%{box-shadow:0 0 0 8px oklch(70% .15 var(--hue, 300) / 0%)}}.mp-panel{position:absolute;left:0;top:0;width:var(--mp-w-panel);max-height:min(640px,calc(100vh - 40px));display:flex;flex-direction:column;background:var(--card-color-transparent, oklch(100% 0 0 / 90%));backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid oklch(50% 0 0 / 8%);border-radius:var(--mp-radius);box-shadow:0 12px 48px #0000001f,0 4px 16px #0000000f;overflow:hidden;transform-origin:left center;opacity:0;transform:scale(.18);pointer-events:none;transition:transform var(--mp-transition),opacity var(--mp-transition)}.mp.expanded .mp-panel{opacity:1;transform:scale(1);pointer-events:auto}.mp-header{display:flex;justify-content:flex-end;padding:10px 10px 0}.mp-close{width:30px;height:30px;border:none;border-radius:8px;background:transparent;color:var(--text-color-lighten);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.mp-close:hover{background:var(--primary-color-lighten);color:var(--primary-color)}.mp-error{margin:4px 16px;padding:6px 12px;background:#000000b3;color:#fff;font-size:12px;border-radius:8px;text-align:center}.mp-cover{margin:8px auto 0;width:180px;height:180px;border-radius:16px;overflow:hidden;background:var(--primary-color-lighten);flex-shrink:0}.mp-cover-art{position:relative;margin:8px auto 0;width:180px;height:180px;border-radius:16px;overflow:hidden;background:var(--primary-color-lighten);flex-shrink:0}.mp-cover-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.mp-cover-canvas{position:absolute;top:0;left:0;width:180px;height:180px;display:block}.mp-cover-center-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffbf;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.mp-cover-default{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,oklch(70% .15 var(--hue, 300)),oklch(50% .12 calc(var(--hue, 300) + 40)),oklch(35% .08 calc(var(--hue, 300) - 30)));color:#ffffffe6;animation:mp-cover-breath 3s ease-in-out infinite}@keyframes mp-cover-breath{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.mp-cover-art.capsule{margin:0;width:44px;height:44px;border-radius:12px;flex-shrink:0;overflow:hidden}.mp-cover-art.capsule .mp-cover-canvas,.mp-cover-art.capsule .mp-cover-center-icon{display:none}.mp-info{padding:14px 20px 10px;text-align:center;flex-shrink:0}.mp-title{font-size:18px;font-weight:600;color:var(--text-color);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-title-text{display:inline-block}.mp-title--scroll{overflow:hidden;text-align:left;mask-image:linear-gradient(to right,transparent 0%,black 8px,black calc(100% - 8px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8px,black calc(100% - 8px),transparent 100%)}.mp-title--scroll .mp-title-text{animation:mp-title-marquee 8s ease-in-out infinite;animation-delay:1s}@keyframes mp-title-marquee{0%,15%{transform:translate(0)}40%,55%{transform:translate(var(--mp-marquee-distance, -60px))}80%,to{transform:translate(0)}}.mp-artist{margin-top:4px;font-size:13px;color:var(--text-color-lighten);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-artist-text{display:inline-block}.mp-artist--scroll{overflow:hidden;text-align:left;mask-image:linear-gradient(to right,transparent 0%,black 8px,black calc(100% - 8px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8px,black calc(100% - 8px),transparent 100%)}.mp-artist--scroll .mp-artist-text{animation:mp-title-marquee 8s ease-in-out infinite;animation-delay:1s}.mp-progress{display:flex;align-items:center;gap:10px;padding:0 20px 6px;flex-shrink:0}.mp-time{font-size:11px;color:var(--text-color-lighten);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.mp-progress-bar{flex:1;height:22px;display:flex;align-items:center;cursor:pointer;touch-action:none}.mp-progress-track{width:100%;height:5px;border-radius:3px;background:#6363631f;position:relative;transition:height .15s}.mp-progress-bar:hover .mp-progress-track{height:7px}.mp-progress-fill{height:100%;border-radius:3px;background:var(--primary-color);transition:width .1s linear}.mp-progress-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--primary-color);border:2.5px solid #fff;box-shadow:0 1px 6px #0003;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s;pointer-events:none}.mp-progress-bar:hover .mp-progress-thumb{opacity:1}.mp-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 20px 4px;flex-shrink:0}.mp-ctrl-btn{width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:var(--text-color-lighten);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,transform .15s}.mp-ctrl-btn:hover{background:var(--primary-color-lighten);color:var(--primary-color)}.mp-ctrl-btn:active{transform:scale(.9)}.mp-ctrl-play{width:52px;height:52px;background:var(--primary-color);color:#fff;box-shadow:0 4px 20px oklch(70% .15 var(--hue, 300) / 30%)}.mp-ctrl-play:hover{background:var(--primary-color);color:#fff;filter:brightness(1.1);box-shadow:0 6px 24px oklch(70% .15 var(--hue, 300) / 40%)}.mp-ctrl-play:active{transform:scale(.92)}.mp-volume{display:flex;align-items:center;gap:8px;padding:6px 20px;flex-shrink:0}.mp-ctrl-btn-sm{width:30px;height:30px;border:none;border-radius:8px;background:transparent;color:var(--text-color-lighten);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.mp-ctrl-btn-sm:hover{background:var(--primary-color-lighten);color:var(--primary-color)}.mp-volume-bar{flex:1;height:20px;display:flex;align-items:center;cursor:pointer;touch-action:none}.mp-volume-track{width:100%;height:4px;border-radius:2px;background:#6363631f;position:relative;transition:height .15s}.mp-volume-bar:hover .mp-volume-track{height:6px}.mp-volume-fill{height:100%;border-radius:2px;background:var(--primary-color)}.mp-volume-thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--primary-color);border:2px solid #fff;box-shadow:0 1px 4px #0000002e;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s;pointer-events:none}.mp-volume-bar:hover .mp-volume-thumb{opacity:1}.mp-playlist-btn{display:flex;align-items:center;gap:8px;width:calc(100% - 40px);margin:4px 20px 12px;padding:10px 14px;border:1px solid oklch(50% 0 0 / 8%);border-radius:12px;background:transparent;color:var(--text-color-lighten);font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.mp-playlist-btn:hover{background:var(--primary-color-lighten);color:var(--primary-color);border-color:var(--primary-color-transparent)}.mp-playlist-btn.active{background:var(--primary-color-transparent);color:var(--primary-color);border-color:var(--primary-color-transparent)}.mp-playlist{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid oklch(50% 0 0 / 6%);animation:mp-playlist-in .2s ease-out}@keyframes mp-playlist-in{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.mp-playlist-header{padding:10px 20px 6px;font-size:12px;font-weight:700;color:var(--text-color);letter-spacing:.05em;text-transform:uppercase}.mp-playlist-list{overflow-y:auto;padding:4px 8px 12px}.mp-playlist-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:10px;background:transparent;cursor:pointer;transition:background .15s;text-align:left;font-family:inherit}.mp-playlist-item:hover{background:var(--primary-color-lighten)}.mp-playlist-item.active{background:var(--primary-color-transparent)}.mp-playlist-item.playing .mp-pl-title{color:var(--primary-color)}.mp-pl-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mp-pl-num{font-size:12px;color:var(--text-color-lighten);font-variant-numeric:tabular-nums}.mp-pl-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mp-pl-title{font-size:13px;font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-pl-artist{font-size:11px;color:var(--text-color-lighten);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-equalizer{display:flex;align-items:flex-end;gap:2px;height:16px}.mp-equalizer span{display:block;width:3px;border-radius:1.5px;background:var(--primary-color);animation:mp-eq .8s ease-in-out infinite alternate}.mp-equalizer span:nth-child(1){height:60%;animation-delay:0s}.mp-equalizer span:nth-child(2){height:100%;animation-delay:.2s}.mp-equalizer span:nth-child(3){height:40%;animation-delay:.4s}@keyframes mp-eq{0%{height:30%}to{height:100%}}:root.dark .mp-capsule,:root.dark .mp-panel{border-color:#6363631f;box-shadow:0 12px 48px #0000004d,0 4px 16px #00000026}:root.dark .mp-progress-track,:root.dark .mp-volume-track{background:#6363632e}:root.dark .mp-progress-thumb,:root.dark .mp-volume-thumb{border-color:var(--card-color, oklch(25% .02 300))}:root.dark .mp-playlist{border-top-color:#6363631a}@media (max-width: 767px){.mp{--mp-w-cap: 100%;--mp-w-panel: 100%;left:0;top:auto;bottom:0;transform:none;width:100%}.mp.expanded{width:100%;height:85vh;bottom:0;left:0;overflow:visible}.mp-capsule{width:100%;min-height:auto;flex-direction:row;padding:10px 16px;border-radius:28px 28px 0 0;border-bottom:none;gap:12px}.mp-capsule:hover{transform:none}.mp-capsule-cover{width:40px;height:40px;border-radius:10px}.mp-capsule-title{flex:1;min-width:0}.mp-capsule-title span{writing-mode:horizontal-tb;white-space:nowrap;max-width:none}.mp-capsule-play{width:36px;height:36px}.mp-panel{position:absolute;left:0;bottom:0;width:100%;max-height:85vh;border-radius:20px 20px 0 0;transform-origin:bottom center;opacity:0;transform:translateY(40px);pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.mp.expanded .mp-panel{opacity:1;transform:translateY(0);pointer-events:auto}.mp-cover,.mp-cover-art{width:140px;height:140px;border-radius:14px}.mp-cover-art.capsule{width:40px;height:40px;border-radius:10px}.mp-title{font-size:17px}.mp-ctrl-play{width:48px;height:48px}.mp-ctrl-btn{width:38px;height:38px}.mp-playlist-btn{margin-bottom:20px}.mp-volume-bar{display:none}}@media (prefers-reduced-motion: reduce){.mp-panel,.mp-capsule{transition:none}.mp-cover-default,.mp-playlist,.mp-equalizer span,.mp.playing .mp-capsule-play{animation:none}}.main-container[data-astro-cid-ouamjn2i]{width:100%}@media (min-width: 768px){.main-container[data-astro-cid-ouamjn2i]{min-width:80%;max-width:80%}}@media (min-width: 1024px){.main-container[data-astro-cid-ouamjn2i]{min-width:var(--page-width-lg);max-width:var(--page-width-lg)}}@media (min-width: 1280px){.main-container[data-astro-cid-ouamjn2i]{min-width:var(--page-width-xl);max-width:var(--page-width-xl)}}@media (min-width: 768px){.main-container[data-astro-cid-ouamjn2i]{margin-left:auto;margin-right:auto}}.side-bar[data-astro-cid-ouamjn2i]{display:none;min-width:248px}@media (min-width: 1280px){.side-bar[data-astro-cid-ouamjn2i]{display:block}.side-bar--sticky[data-astro-cid-ouamjn2i]{position:sticky;top:7rem;align-self:flex-start}.content[data-astro-cid-ouamjn2i]{width:calc(var(--page-width-xl) - 264px)}.content--full[data-astro-cid-ouamjn2i]{width:100%}}