html[data-theme=light] header .container nav ul a.pro{box-shadow:inset 0 -.0625rem 0 hsla(var(--main-hue),0%,0%,.1)}html[data-theme=light] header .container nav ul a.pro:before{background:linear-gradient(114deg,hsla(var(--main-hue),0%,0%,0),hsla(var(--main-hue),0%,0%,.1)42%,hsla(var(--main-hue),0%,0%,.1)60%,hsla(var(--main-hue),0%,0%,0))}html[data-theme=light] .command-bar-dialog{border:.0313rem solid var(--background-color-tertiary)}html[data-theme=light] .command-bar-dialog a{background-color:var(--background-color-primary)}header{z-index:6;border-bottom:.0313rem solid var(--background-color-tertiary);background-color:var(--background-color-primary);position:sticky;top:0}header .container{justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:relative}header .container .wrapper{flex:1 0 0;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:relative}header .container .logo{color:var(--color-display);font-size:.875rem;font-weight:700}header .container .logo span{border-radius:var(--radius-sm);background-image:linear-gradient(-45deg,var(--cyan),var(--green),var(--orange),var(--pink),var(--purple),var(--red),var(--yellow));color:var(--background-color-primary);animation:gradient-shift 6s var(--ease-fluid)infinite;background-size:400% 400%;margin-left:.1875rem;padding:.1875rem .375rem}header .container .command-bar{border-radius:var(--radius-sm);background-color:var(--background-color-secondary);min-height:2.25rem;transition:color var(--duration-standard)var(--ease-fluid);border:none;outline:0 solid #0000;flex:1 0 0;padding:0;position:relative}header .container .command-bar:focus-visible{outline-color:var(--background-color-tertiary);outline-width:.0625rem}header .container .command-bar:focus-visible .icon{color:var(--color-display);transform:rotate(-6deg)translateY(-50%)}@media (hover:hover) and (pointer:fine){header .container .command-bar{transition:outline-color .24s var(--ease-fluid),outline-width .18s var(--ease-fluid),color .24s var(--ease-fluid)}header .container .command-bar:hover{outline-color:var(--background-color-tertiary);outline-width:.0625rem}header .container .command-bar:hover .icon{color:var(--color-display);transform:rotate(-6deg)translateY(-50%)}}header .container .command-bar .search{flex:1 0 0;align-items:center;padding:.75rem .75rem .75rem 2.5em;line-height:1;display:flex}header .container .command-bar .search .icon{z-index:2;transform-origin:50%;transition:transform .24s var(--ease-elastic),color .24s var(--ease-fluid);will-change:transform;position:absolute;top:50%;left:1em;transform:translateY(-50%)}header .container .command-bar .search .shortcut{align-items:center;gap:.125rem;margin-left:auto;display:inline-flex}header .container .command-bar .search .shortcut kbd{aspect-ratio:1;border:.0313rem solid var(--background-color-primary);border-radius:var(--radius-sm);background-color:var(--background-color-tertiary);color:var(--color-display);font-family:var(--font-mono);justify-content:center;align-items:center;padding:.125rem .25rem;display:inline-flex}header .container .mb-trigger{display:none}header .container nav{justify-content:flex-end;align-items:center;width:fit-content;display:flex}header .container nav ul{justify-content:center;align-items:center;gap:.75rem;width:fit-content;margin:0;padding:0;list-style:none;display:flex}header .container nav ul li{position:relative}:is(header .container nav ul a,header .container nav ul button) .icon{transition:stroke .12s var(--ease-fluid),fill .12s var(--ease-fluid)}:is(header .container nav ul a,header .container nav ul button).active{color:var(--color)}:is(header .container nav ul a,header .container nav ul button).active .icon{fill:currentColor}:is(header .container nav ul a,header .container nav ul button).active.blog .icon path:nth-of-type(2){stroke:var(--background-color-secondary)}:is(header .container nav ul a,header .container nav ul button).radio .visualizer{justify-content:space-between;width:.75rem;height:.75rem;display:flex;position:relative}:is(header .container nav ul a,header .container nav ul button).radio .visualizer span{transform-origin:bottom;border-radius:var(--radius-sm);background-color:var(--color);content:"";opacity:1;width:.125rem;height:100%;transition:opacity var(--duration-fast)var(--ease-fluid);will-change:transform;animation:2.202s infinite alternate bounce}:is(header .container nav ul a,header .container nav ul button).radio .visualizer span:nth-of-type(2){animation-delay:-2202ms}:is(header .container nav ul a,header .container nav ul button).radio .visualizer span:nth-of-type(3){animation-delay:-3702ms}:is(header .container nav ul a,header .container nav ul button).pro{box-shadow:inset 0 .0625rem 0 hsla(var(--main-hue),0%,100%,.1)}:is(header .container nav ul a,header .container nav ul button).pro:before{background:linear-gradient(114deg,hsla(var(--main-hue),0%,100%,0),hsla(var(--main-hue),0%,100%,.1)42%,hsla(var(--main-hue),0%,100%,.1)60%,hsla(var(--main-hue),0%,100%,0));content:"";width:200%;height:100%;animation:shine 6s var(--ease-fluid)infinite .504s;filter:blur(.375rem);pointer-events:none;will-change:transform,filter;position:absolute;top:0;left:0;transform:translate(-198%)}header .mb-overlay{display:none}@media (max-width:70rem){header .container{flex-direction:column;padding:0}header .container .wrapper{z-index:2;width:100%;padding:var(--page-padding-vertical)var(--page-padding-horizontal);background-color:var(--background-color-primary)}header .container .command-bar,header .container .command-bar-dialog{pointer-events:none;display:none}header .container .mb-trigger{display:flex}header .container nav{z-index:1;width:100%;padding:var(--page-padding-vertical)var(--page-padding-horizontal)calc(var(--page-padding-vertical) + .375rem);border-style:solid;border-width:.0313rem 0;border-color:var(--background-color-tertiary);background-color:var(--background-color-primary);opacity:0;transition:transform .42s var(--ease-fluid),opacity .3s var(--ease-fluid);will-change:transform,opacity;position:absolute;top:100%;transform:translateY(-200%)}header .container nav.active{opacity:1;transform:translateY(0)}header .container nav ul{flex-direction:column;width:100%}header .container nav ul li{width:100%}header .container nav ul li a,header .container nav ul li button{border:.0313rem solid var(--background-color-tertiary);justify-content:start;width:100%}:is(header .container nav ul li a,header .container nav ul li button).radio{border-radius:var(--radius-sm)var(--radius-sm)0 0;border-width:.0625rem;outline:none;transform:none}}header .mb-overlay{background-color:var(--background-color-overlay);opacity:0;pointer-events:none;transition:opacity var(--overlay-transition-duration)var(--overlay-timing-function);display:block;position:fixed;inset:0}header .mb-overlay.visible{opacity:1;pointer-events:auto}.command-bar-dialog{border:.0313rem solid var(--background-color-tertiary);border-radius:var(--radius-lg);background-color:var(--background-color-secondary);width:100%;max-width:30rem;max-height:42vh;color:inherit;opacity:0;transition:transform .162s var(--ease-fluid),opacity .162s var(--ease-fluid);will-change:transform,opacity;flex-direction:column;gap:1.5rem;padding:1.5rem;display:none;overflow-y:scroll;transform:translateY(.75rem)}.command-bar-dialog::backdrop{background-color:var(--background-color-overlay);opacity:0;transition:opacity var(--overlay-transition-duration)var(--overlay-timing-function)}.command-bar-dialog[open]{opacity:1;pointer-events:auto;display:flex;transform:translateY(0)}.command-bar-dialog[open]::backdrop{opacity:1}.command-bar-dialog .search{align-items:center;width:100%;display:flex;position:relative}.command-bar-dialog .search input{border-radius:var(--radius-md);background-color:var(--background-color-primary);width:100%;min-height:2.25rem;transition:color .24s var(--ease-fluid),background-color .24s var(--ease-fluid);border:none;outline:0 solid #0000;padding:.75rem .75rem .75rem 2.5em;line-height:1}.command-bar-dialog .search input:focus-visible{outline-color:var(--background-color-tertiary);outline-width:.0625rem}.command-bar-dialog .search input:focus-visible~.icon{color:var(--color-display);transform:rotate(-6deg)translateY(-50%)}@media (hover:hover) and (pointer:fine){.command-bar-dialog .search input{transition:outline-color .24s var(--ease-fluid),outline-width .18s var(--ease-fluid),color .24s var(--ease-fluid),background-color .24s var(--ease-fluid)}.command-bar-dialog .search input:hover{outline-color:var(--background-color-tertiary);outline-width:.0625rem}.command-bar-dialog .search input:hover~.icon{color:var(--color-display);transform:rotate(-6deg)translateY(-50%)}}.command-bar-dialog .search .icon{z-index:2;transform-origin:50%;transition:transform .24s var(--ease-elastic),color .24s var(--ease-fluid);will-change:transform;position:absolute;top:50%;left:1em;transform:translateY(-50%)}.command-bar-dialog ul{flex-direction:column;gap:1.125rem;width:100%;margin:0;padding:0;line-height:1.8;list-style:none;display:flex}.command-bar-dialog ul li{flex-direction:column;width:100%;display:flex}.command-bar-dialog ul li ul{gap:.75rem}.command-bar-dialog ul li .title{color:var(--color-display);font-size:var(--font-size-body);padding:0 .375rem .5em}.command-bar-dialog ul li a{border:.0625rem solid var(--background-color-tertiary);border-radius:var(--radius-sm);background-color:var(--background-color-tertiary);width:100%;color:var(--color-heading);transition:background-color .24s var(--ease-fluid),color .24s var(--ease-fluid);align-items:center;gap:.75em;padding:.375rem .75rem;text-decoration:none;display:inline-flex}.command-bar-dialog ul li a:focus-visible{background-color:var(--background-color-secondary);color:var(--color-display)}@media (hover:hover) and (pointer:fine){.command-bar-dialog ul li a:hover{background-color:var(--background-color-secondary);color:var(--color-display)}}.command-bar-dialog ul li p{width:100%;padding:0 .375rem}.command-bar-dialog ul li .icon{position:relative}.command-bar-dialog ul li .icon.app{border-radius:100%;width:1.5em;height:1.5em;overflow:hidden}.command-bar-dialog ul li .icon.app img{object-fit:cover;object-position:center;width:100%;height:100%}@keyframes bounce{10%{transform:scaleY(.3)}30%{transform:scaleY(1)}60%{transform:scaleY(.5)}80%{transform:scaleY(.75)}to{transform:scaleY(.6)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shine{0%{transform:translate(-198%)}50%{transform:translate(198%)}to{transform:translate(198%)}}
.radio-overlay{z-index:2;background-color:var(--background-color-overlay);opacity:0;transition:opacity var(--duration-fast)var(--ease-fluid);display:none;position:fixed;inset:0}.radio-overlay.visible{opacity:1;pointer-events:auto;display:block}.radio-container{z-index:3;border:.0625rem solid var(--background-color-tertiary);border-radius:var(--radius-lg);background-color:var(--background-color-primary);width:10rem;color:var(--color-caption);font-size:var(--font-size-caption);opacity:0;transition:transform .162s var(--ease-fluid),opacity .162s var(--ease-fluid);will-change:transform,opacity;align-items:center;display:none;position:absolute;top:4.875rem;left:50%;transform:translate(-50%)translateY(.75rem)}.radio-container.visible{opacity:1;pointer-events:auto;display:grid;transform:translate(-50%)translateY(0)}.radio-container .metadata{width:100%;padding:.75rem;display:grid}.radio-container .metadata .title{font-size:var(--font-size-caption)}.radio-container .controls{border-top:.0313rem solid var(--background-color-tertiary);justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.75rem .75rem 1.125rem;display:grid}.radio-container .controls .navigation{justify-content:center;align-items:center;gap:.375rem;display:flex}.radio-container .controls .button{border:.0625rem solid var(--background-color-tertiary);border-radius:var(--radius-md);color:var(--color-display);transition:transform var(--duration-fast)var(--ease-sharp);will-change:transform;background-color:#0000;justify-content:center;align-items:center;padding:.75rem;display:flex}.radio-container .controls .button:focus-visible{border-color:var(--color)}@media (hover:hover) and (pointer:fine){.radio-container .controls .button{transition:transform .138s var(--ease-sharp),border-color .138s var(--ease-sharp),color .138s var(--ease-sharp)}.radio-container .controls .button:hover{border-color:var(--color);color:var(--color);transform:scale(1.06)}}.radio-container .controls .button:active{transform:scale(.95)}.radio-container .controls .volume-control{border:.0625rem solid var(--background-color-tertiary);border-radius:var(--radius-md);width:100%;color:var(--color-display);grid-auto-flow:column;align-items:center;gap:.375rem;padding:.75rem;display:grid}.radio-container .controls .volume-control:focus-within{border-color:var(--color);color:var(--color)}@media (hover:hover) and (pointer:fine){.radio-container .controls .volume-control{transition:border-color .138s var(--ease-sharp),color .138s var(--ease-sharp)}.radio-container .controls .volume-control:hover{border-color:var(--color);color:var(--color)}}.radio-container .controls .volume-control .slider{appearance:none;border-radius:var(--radius-sm);cursor:pointer;width:100%;height:.25rem;transition:background var(--duration-fast)var(--ease-fluid)}.radio-container .controls .volume-control .slider::-webkit-slider-thumb{appearance:none;background-color:var(--color-display);width:.75rem;height:.75rem;box-shadow:0 0 0 .125rem hsla(var(--hue),12%,6%,.24);cursor:pointer;transition:transform var(--duration-fast)var(--ease-sharp);will-change:transform;border-radius:100%}.radio-container .controls .volume-control .slider::-moz-range-thumb{background-color:var(--color-display);width:.75rem;height:.75rem;box-shadow:0 0 0 .125rem hsla(var(--hue),12%,6%,.24);cursor:pointer;transition:transform var(--duration-fast)var(--ease-sharp);will-change:transform;border:none;border-radius:100%}.radio-container .controls .volume-control .slider:active::-webkit-slider-thumb{transform:scale(1.08)}.radio-container .controls .volume-control .slider:active::-moz-range-thumb{transform:scale(1.08)}@media (max-width:70rem){.radio-overlay,.radio-overlay.visible{z-index:-1;pointer-events:none;display:none}.radio-container,.radio-container.visible{top:unset;left:unset;border-radius:0 0 var(--radius-sm)var(--radius-sm);opacity:1;pointer-events:auto;border-top:none;width:100%;display:grid;position:relative;transform:none}:is(.radio-container,.radio-container.visible) .metadata{text-align:center;justify-content:center}}
.theme-toggle{aspect-ratio:1;width:100%;padding:0}.theme-toggle svg{stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:transform var(--duration-fast)var(--ease-fluid);will-change:transform}.theme-toggle svg path{transform-origin:50%;backface-visibility:hidden;fill:#0000;stroke:#0000;opacity:0;transition:transform .3s var(--ease-fluid),opacity .24s var(--ease-fluid);will-change:transform,opacity;transform:translate(0,0)}@media (max-width:60rem){.theme-toggle{aspect-ratio:unset;border:.0313rem solid var(--background-color-tertiary);justify-content:start;padding:0 .75rem}}html[data-theme=light] .theme-toggle svg{width:1.375rem;height:1.375rem}html[data-theme=light] .theme-toggle svg path.sun{fill:var(--yellow);stroke:var(--yellow);opacity:1;transform:scale(1)rotate(0)}html[data-theme=light] .theme-toggle svg path.moon{transform:scale(.42)rotate(-60deg)}:is(html:not([data-theme=light]):not([data-theme=dark]),html[data-theme=dark]) .theme-toggle svg path.sun{transform:scale(.42)rotate(60deg)}:is(html:not([data-theme=light]):not([data-theme=dark]),html[data-theme=dark]) .theme-toggle svg path.moon{fill:var(--yellow);opacity:1}