@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)}}}