@layer components{.card-base{@apply rounded-[var(--radius-large)] overflow-hidden bg-[var(--card-bg)] transition;backdrop-filter:blur(22px)saturate(135%);border:1px solid #0f172a18;box-shadow:0 18px 55px #0f172a1a,inset 0 1px #ffffffb8}.dark .card-base{border-color:#ffffff18;box-shadow:0 18px 60px #0000005c,inset 0 1px #ffffff0b}h1,h2,h3,h4,h5,h6,p,a,span,li,ul,ol,blockquote,code,pre,table,th,td,strong{@apply transition;}.card-shadow{@apply drop-shadow-[0_2px_4px_rgba(0,0,0,.005)];}.expand-animation{@apply relative before:ease-out before:transition active:bg-none hover:before:bg-[var(--btn-plain-bg-hover)] active:before:bg-[var(--btn-plain-bg-active)] z-0 before:absolute before:rounded-[inherit] before:inset-0 before:scale-[.85] hover:before:scale-100 before:-z-10;}.link{@apply transition rounded-md p-1 -m-1 expand-animation;}.link-lg{@apply transition rounded-md p-1.5 -m-1.5 expand-animation;}.float-panel{@apply top-[5.25rem] rounded-[var(--radius-large)] overflow-hidden bg-[var(--float-panel-bg)] transition shadow-xl dark:shadow-none;backdrop-filter:blur(24px)saturate(140%);border:1px solid #0f172a17}.dark .float-panel{border-color:#ffffff17}.float-panel-closed{@apply -translate-y-1 opacity-0 pointer-events-none;}.search-panel mark{@apply bg-transparent text-[var(--primary)];}.btn-card{@apply transition flex items-center justify-center bg-[var(--card-bg)] hover:bg-[var(--btn-card-bg-hover)] active:bg-[var(--btn-card-bg-active)];}.btn-card.disabled{@apply pointer-events-none text-black/10 dark:text-white/10;}.btn-plain{@apply transition relative flex items-center justify-center bg-none text-black/75 hover:text-[var(--primary)] dark:text-white/75 dark:hover:text-[var(--primary)];&:not(.scale-animation){@apply hover:bg-[var(--btn-plain-bg-hover)] active:bg-[var(--btn-plain-bg-active)];}&.scale-animation{@apply expand-animation;&.current-theme-btn{@apply before:scale-100 before:opacity-100 before:bg-[var(--btn-plain-bg-hover)] text-[var(--primary)];}}}.btn-regular{@apply transition flex items-center justify-center bg-[var(--btn-regular-bg)] hover:bg-[var(--btn-regular-bg-hover)] active:bg-[var(--btn-regular-bg-active)] text-[var(--btn-content)] dark:text-white/75;}.link-underline{@apply transition underline decoration-2 decoration-dashed decoration-[var(--link-underline)] hover:decoration-[var(--link-hover)] active:decoration-[var(--link-active)] underline-offset-[.25rem];}.toc-hide,.toc-not-ready{@apply opacity-0 pointer-events-none;}#toc-inner-wrapper{mask-image:linear-gradient(#0000 0%,#000 2rem calc(100% - 2rem),#0000 100%)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.text-90{@apply text-black/90 dark:text-white/90;}.text-75{@apply text-black/75 dark:text-white/75;}.text-50{@apply text-black/50 dark:text-white/50;}.text-30{@apply text-black/30 dark:text-white/30;}.text-25{@apply text-black/25 dark:text-white/25;}.meta-icon{@apply w-8 h-8 transition rounded-md flex items-center justify-center bg-[var(--btn-regular-bg)] text-[var(--btn-content)] mr-2;}.with-divider{@apply before:content-["/"] before:ml-1.5 before:mr-1.5 before:text-[var(--meta-divider)] before:text-sm before:font-medium before:first-of-type:hidden before:transition;}.btn-regular-dark{@apply flex items-center justify-center bg-[oklch(.45_0.01_var(--hue))] hover:bg-[oklch(.5_0.01_var(--hue))] active:bg-[oklch(.55_0.01_var(--hue))] dark:bg-[oklch(.3_0.02_var(--hue))] dark:hover:bg-[oklch(.35_0.03_var(--hue))] dark:active:bg-[oklch(.4_0.03_var(--hue))];}.btn-regular-dark.success{@apply bg-[oklch(.75_0.14_var(--hue))] dark:bg-[oklch(.75_0.14_var(--hue))];}}.custom-md img,#post-cover img{@apply cursor-zoom-in;}html{background:var(--page-bg);color-scheme:light}html.dark{color-scheme:dark}@media (pointer:fine){html,body,a,button,input,textarea,select,summary,[role=button]{cursor:url(/assets/cursors/blue-pixel-pointer.svg) 3 1,auto}}body{background:linear-gradient(to bottom, #f7f8fb00 0, var(--page-bg) 44rem), radial-gradient(circle at 50% 0, #4169e11a, transparent 34rem), radial-gradient(circle at 18% 18rem, #0f172a0e, transparent 28rem), var(--page-bg);color:#0f172adb}.dark body{background:linear-gradient(to bottom, #070b0f00 0, var(--page-bg) 44rem), radial-gradient(circle at 50% 0, #ff3a3a14, transparent 34rem), var(--page-bg);color:#ffffffdb}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#0f172a09 1px,#0000 1px),linear-gradient(90deg,#0f172a06 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;mask-image:linear-gradient(#0000,#000 18rem,#0000 70rem)}.dark body:before{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px)}#navbar>.card-base{background:#ffffffd1;border-color:#0f172a14}.dark #navbar>.card-base{background:#080d13c2;border-color:#ffffff13}#navbar .absolute.h-8{background:0 0}#navbar a[aria-current=page]{color:var(--primary)}#navbar a[aria-current=page]:after{content:"";background:var(--primary);height:2px;box-shadow:0 0 16px color-mix(in srgb, var(--primary) 80%, transparent);border-radius:999px;position:absolute;bottom:.35rem;left:1.25rem;right:1.25rem}#main-grid{align-items:start}.card-base img{filter:saturate(.95)contrast(1.02)brightness(.98)}.dark .card-base img{filter:saturate(.82)contrast(1.08)brightness(.74)}::selection{background-color:var(--selection-bg)}.dash-line{position:relative}.dash-line:before{content:"";border-left:2px dashed var(--line-color);pointer-events:none;width:10%;height:100%;transition:all .3s;position:absolute;left:calc(50% - 1px);transform:translateY(-50%)}.collapsed{height:var(--collapsedHeight)}.custom-md spoiler{@apply bg-[var(--codeblock-bg)] hover:bg-transparent px-1 py-0.5 overflow-hidden rounded-md transition-all duration-150;&:not(:hover){color:var(--codeblock-bg);& *{color:var(--codeblock-bg)}}}.custom-md{& h1{@apply text-3xl;}& h1,& h2,& h3,& h4,& h5,& h6{& .anchor{@apply transition -m-0.5 ml-[.2ch] p-0.5 select-none opacity-0 no-underline !important;& .anchor-icon{@apply mx-[.45ch] !important;}}&:hover{& .anchor{@apply opacity-100 !important;}}}& a:not(.no-styling){@apply relative bg-none font-medium text-[var(--primary)] underline decoration-[var(--link-underline)] decoration-1 decoration-dashed underline-offset-4;-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline-block;&:hover,&:active{@apply decoration-transparent;background:var(--btn-plain-bg-hover);border-bottom:1px dashed var(--link-hover);text-decoration:none}}& code{@apply bg-[var(--inline-code-bg)] text-[var(--inline-code-color)] px-1 py-0.5 rounded-md overflow-hidden;font-family:JetBrains Mono Variable,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;&:before,&:after{content:none}counter-reset:line;& span.line{&:before{@apply text-white/25 mr-4 w-4 inline-block;content:counter(line);counter-increment:line;direction:rtl}&:last-child:empty,&:last-child:has(>span:empty:only-child){display:none}}}& .expressive-code .frame .copy-btn{all:initial;z-index:50!important;opacity:.75!important;cursor:pointer!important;background:#ffffff12!important;border:1px solid #ffffff1a!important;border-radius:.45rem!important;place-items:center!important;width:1.75rem!important;height:1.75rem!important;margin:0!important;padding:0!important;transition:opacity .15s,background .15s!important;display:grid!important;position:absolute!important;top:.45rem!important;left:auto!important;right:4.75rem!important;transform:none!important}& .expressive-code .frame.is-terminal .copy-btn{top:.2rem!important;right:.5rem!important}& .expressive-code .frame:hover .copy-btn,& .expressive-code .frame .copy-btn:focus-visible{opacity:1!important;background:#ffffff24!important}& .expressive-code .copy-btn-icon{pointer-events:none!important;fill:#fff!important;width:1rem!important;height:1rem!important;transition:opacity .15s!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}& .expressive-code .copy-btn .copy-icon{@apply opacity-100 fill-white dark:fill-white/75;}& .expressive-code .copy-btn.success .copy-icon{@apply opacity-0 fill-[var(--deep-text)];}& .expressive-code .copy-btn .success-icon{@apply opacity-0 fill-white;}& .expressive-code .copy-btn.success .success-icon{@apply opacity-100;}& .expressive-code{@apply my-4;& ::selection{@apply bg-[var(--codeblock-selection)];}}& ul,& ol{& li::marker{@apply text-[var(--primary)];}}& blockquote{@apply not-italic border-transparent relative;font-weight:inherit;&:before{@apply content-[""] absolute -left-1 block transition bg-[var(--btn-regular-bg)] h-full w-1 rounded-full;}& p:before,& p:after{@apply content-none;}}& .katex-display-container{max-width:100%;margin:1em 0;overflow-x:auto}}.scrollbar-base.os-scrollbar{@apply transition-all;pointer-events:unset;&.os-scrollbar-horizontal{@apply py-1 px-2 h-4;& .os-scrollbar-track .os-scrollbar-handle{@apply rounded-full h-1;}&:hover .os-scrollbar-track .os-scrollbar-handle{@apply h-2;}}&.os-scrollbar-vertical{@apply px-1 py-1 w-4;& .os-scrollbar-track .os-scrollbar-handle{@apply rounded-full w-1;}&:hover .os-scrollbar-track .os-scrollbar-handle{@apply w-2;}}}.os-scrollbar{&.scrollbar-auto{--os-handle-bg:var(--scrollbar-bg);--os-handle-bg-hover:var(--scrollbar-bg-hover);--os-handle-bg-active:var(--scrollbar-bg-active)}&.scrollbar-dark{--os-handle-bg:var(--scrollbar-bg-dark);--os-handle-bg-hover:var(--scrollbar-bg-hover-dark);--os-handle-bg-active:var(--scrollbar-bg-active-dark)}&.scrollbar-light{--os-handle-bg:var(--scrollbar-bg-light);--os-handle-bg-hover:var(--scrollbar-bg-hover-light);--os-handle-bg-active:var(--scrollbar-bg-active-light)}}html.is-changing .transition-swup-fade{@apply transition-all duration-200;}html.is-animating .transition-swup-fade{@apply opacity-0 translate-y-4;}@keyframes fade-in-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.onload-animation{opacity:0;animation:.3s forwards fade-in-up}#navbar{animation-delay:0s}#sidebar{animation-delay:.1s}#swup-container{outline:none}#content-wrapper{animation-delay:var(--content-delay)}.footer{animation-delay:.25s}#banner-credit{animation-delay:.4s}#post-container :first-child{animation-delay:calc(var(--content-delay) + 0s)}#post-container :nth-child(2){animation-delay:calc(var(--content-delay) + 50ms)}#post-container :nth-child(3){animation-delay:calc(var(--content-delay) + .1s)}#post-container :nth-child(4){animation-delay:calc(var(--content-delay) + .175s)}#post-container :nth-child(5){animation-delay:calc(var(--content-delay) + .25s)}#post-container :nth-child(6){animation-delay:calc(var(--content-delay) + .325s)}.expressive-code{& .frame{@apply !shadow-none;}& .title{font-family:JetBrains Mono Variable,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}}.pswp__button{@apply transition bg-black/40 hover:bg-black/50 active:bg-black/60 flex items-center justify-center mr-0 w-12 h-12 !important;}.pswp__button--zoom,.pswp__button--close{@apply mt-4 rounded-xl active:scale-90 !important;}.pswp__button--zoom{@apply mr-2.5 !important;}.pswp__button--close{@apply mr-4 !important;}@tailwind base;@tailwind components;@tailwind utilities;