/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.blog-cover-terminal{justify-content:center;align-items:center;padding-inline:8%;display:flex;position:absolute;inset:0}.blog-cover-window{--blog-cover-term-bg:#111216;--blog-cover-term-head:#111216;--blog-cover-term-line:#fcfcf21a}@supports (color:color-mix(in lab, red, red)){.blog-cover-window{--blog-cover-term-line:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}.blog-cover-window{--blog-cover-term-muted:oklab(98.8349% -.0037598 .0125812/.55);--blog-cover-term-text:#fcfcf2;--blog-cover-term-prompt:var(--color-secondary-ink);--blog-cover-term-ok:#7cf2b0;--blog-cover-term-cursor:oklab(98.8349% -.0037598 .0125812/.7);--blog-cover-term-shadow:0 0 0 calc(var(--spacing,.25rem) * .25) #fcfcf21f inset, 0 calc(var(--spacing,.25rem) * 4.5) calc(var(--spacing,.25rem) * 10) #0000004d}@supports (color:color-mix(in lab, red, red)){.blog-cover-window{--blog-cover-term-shadow:0 0 0 calc(var(--spacing,.25rem) * .25) color-mix(in oklab, var(--color-base-content) 12%, transparent) inset, 0 calc(var(--spacing,.25rem) * 4.5) calc(var(--spacing,.25rem) * 10) #0000004d}}.blog-cover-window{--blog-cover-term-cut:var(--cut-field);--blog-cover-dot-radius:0rem}:where([data-theme=cyber-sakura]) .blog-cover-window{--blog-cover-term-bg:#fff;--blog-cover-term-head:#f6f8fa;--blog-cover-term-line:#d0d7de;--blog-cover-term-muted:#59636e;--blog-cover-term-text:#1f2328;--blog-cover-term-prompt:#0969da;--blog-cover-term-ok:#1a7f37;--blog-cover-term-cursor:oklab(25.4208% -.00305928 -.0106953/.55);--blog-cover-term-shadow:0 0 0 calc(var(--spacing,.25rem) * .25) #d0d7de inset, 0 calc(var(--spacing,.25rem) * 4.5) calc(var(--spacing,.25rem) * 10) #bf01ff40}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .blog-cover-window{--blog-cover-term-shadow:0 0 0 calc(var(--spacing,.25rem) * .25) #d0d7de inset, 0 calc(var(--spacing,.25rem) * 4.5) calc(var(--spacing,.25rem) * 10) color-mix(in oklab, var(--color-accent) 25%, transparent)}}:where([data-theme=cyber-sakura]) .blog-cover-window{--blog-cover-dot-radius:50%}.blog-cover-window{width:100%;max-width:var(--blog-cover-term-max);background-color:var(--blog-cover-term-bg);border-radius:var(--radius-field);box-shadow:var(--blog-cover-term-shadow);clip-path:polygon(var(--blog-cover-term-cut) 0, 100% 0, 100% calc(100% - var(--blog-cover-term-cut)), calc(100% - var(--blog-cover-term-cut)) 100%, 0 100%, 0 var(--blog-cover-term-cut));transition-property:background-color,border-radius,box-shadow,clip-path;overflow:hidden}@media (prefers-reduced-motion:reduce){.blog-cover-window{transition-property:none}}.blog-cover-window-head{align-items:center;gap:var(--blog-cover-dot-gap);padding:var(--blog-cover-head-pad);background-color:var(--blog-cover-term-head);border-bottom:calc(var(--spacing,.25rem) * .25) solid var(--blog-cover-term-line);transition-property:background-color,border-color;display:flex}@media (prefers-reduced-motion:reduce){.blog-cover-window-head{transition-property:none}}.blog-cover-dot{width:var(--blog-cover-dot);height:var(--blog-cover-dot);border-radius:var(--blog-cover-dot-radius);flex-shrink:0;transition-property:background-color,border-radius}@media (prefers-reduced-motion:reduce){.blog-cover-dot{transition-property:none}}.blog-cover-dot-red{background-color:#ff5f57}.blog-cover-dot-yellow{background-color:#febc2e}.blog-cover-dot-green{background-color:#28c840}.blog-cover-window-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-body,"Martian Mono", monospace);margin-left:calc(var(--blog-cover-dot-gap) * 1.6);font-size:var(--blog-cover-head-size);color:var(--blog-cover-term-muted);overflow:hidden}.blog-cover-window-body{font-family:var(--font-body,"Martian Mono", monospace);gap:var(--blog-cover-body-gap);padding:var(--blog-cover-body-pad);font-size:var(--blog-cover-code-size);flex-direction:column;line-height:1.5;display:flex}.blog-cover-command,.blog-cover-output{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blog-cover-command{color:var(--blog-cover-term-text)}.blog-cover-prompt{color:var(--blog-cover-term-prompt)}.blog-cover-output{color:var(--blog-cover-term-ok)}.blog-cover-cursor{width:var(--blog-cover-cursor-width);height:var(--blog-cover-cursor-height);background-color:var(--blog-cover-term-cursor)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--blog-cover-play-from:transparent;--blog-cover-play-via:transparent;--blog-cover-play-to:transparent}}}.blog-cover-text{justify-content:center;align-items:flex-start;gap:var(--spacing,.25rem);flex-direction:column;padding-inline:9%;display:flex;position:absolute;inset:0}.blog-cover-line{font-family:var(--font-body,"Martian Mono", monospace);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);white-space:nowrap;color:var(--color-base-content,oklch(98.8% .013 106.6));font-size:calc(var(--blog-cover-size) * var(--blog-cover-line-scale));letter-spacing:-.02em;margin-left:var(--blog-cover-line-indent);line-height:1.25;display:block}.blog-cover-line-muted{color:#fcfcf2a8}@supports (color:color-mix(in lab, red, red)){.blog-cover-line-muted{color:color-mix(in oklab, var(--color-base-content) 66%, transparent)}}.blog-cover-line-strike{opacity:.7;text-decoration-line:line-through;text-decoration-thickness:.06em}@property --tw-font-weight{syntax:"*";inherits:false}@property --blog-cover-play-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --blog-cover-play-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --blog-cover-play-to{syntax:"<color>";inherits:false;initial-value:#0000}.blog-cover-video-layer{position:absolute;inset:0}.blog-cover-video-title{font-family:var(--font-body,"Martian Mono", monospace);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);white-space:nowrap;color:var(--color-base-content,oklch(98.8% .013 106.6));opacity:.9;font-size:calc(var(--blog-cover-size) * .8);letter-spacing:-.02em;line-height:1;position:absolute;top:12%;left:7%}.blog-cover-play{--blog-cover-play-glow:drop-shadow(0 0 calc(var(--spacing,.25rem) * 3.5) #bf01ff73)}@supports (color:color-mix(in lab, red, red)){.blog-cover-play{--blog-cover-play-glow:drop-shadow(0 0 calc(var(--spacing,.25rem) * 3.5) color-mix(in oklch, var(--color-accent) 45%, transparent))}}:where([data-theme=cyber-sakura]) .blog-cover-play{--blog-cover-play-glow:drop-shadow(0 calc(var(--spacing,.25rem) * 2.5) calc(var(--spacing,.25rem) * 5) #bf01ff66)}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .blog-cover-play{--blog-cover-play-glow:drop-shadow(0 calc(var(--spacing,.25rem) * 2.5) calc(var(--spacing,.25rem) * 5) color-mix(in oklch, var(--color-accent) 40%, transparent))}}.blog-cover-play{width:var(--blog-cover-play);height:var(--blog-cover-play);margin:calc(var(--blog-cover-play) / -2) 0 0 calc(var(--blog-cover-play) / -2);filter:var(--blog-cover-play-glow);transition-property:filter;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){.blog-cover-play{transition-property:none}}.blog-cover-play-body{--blog-cover-play-from:var(--gradient-cta-from);--blog-cover-play-via:var(--gradient-cta-via);--blog-cover-play-to:var(--gradient-cta-to);--blog-cover-play-ink:#09090c;--blog-cover-play-cut:calc(var(--blog-cover-play) * .158);--blog-cover-play-radius:0rem;--blog-cover-play-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20width='20'%20height='20'%20fill='%23000'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linejoin='miter'%3e%3cpath%20d='M5%203L17%2010L5%2017Z'%20/%3e%3c/svg%3e")}:where([data-theme=cyber-sakura]) .blog-cover-play-body{--blog-cover-play-ink:#fff;--blog-cover-play-cut:0rem;--blog-cover-play-radius:50%;--blog-cover-play-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20width='20'%20height='20'%20fill='%23000'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linejoin='round'%3e%3cpath%20d='M5%203L17%2010L5%2017Z'%20/%3e%3c/svg%3e")}.blog-cover-play-body{background-image:linear-gradient(90deg, var(--blog-cover-play-from), var(--blog-cover-play-via) 55%, var(--blog-cover-play-to));border-radius:var(--blog-cover-play-radius);width:100%;height:100%;clip-path:polygon(var(--blog-cover-play-cut) 0, 100% 0, 100% calc(100% - var(--blog-cover-play-cut)), calc(100% - var(--blog-cover-play-cut)) 100%, 0 100%, 0 var(--blog-cover-play-cut));justify-content:center;align-items:center;transition-property:border-radius,clip-path,--blog-cover-play-from,--blog-cover-play-via,--blog-cover-play-to;display:flex}@media (prefers-reduced-motion:reduce){.blog-cover-play-body{transition-property:none}}.blog-cover-play-icon{width:var(--blog-cover-play-icon);height:var(--blog-cover-play-icon);margin-left:var(--blog-cover-play-shift);background-color:var(--blog-cover-play-ink);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--blog-cover-play-mask);-webkit-mask-image:var(--blog-cover-play-mask);-webkit-mask-image:var(--blog-cover-play-mask);mask-image:var(--blog-cover-play-mask);flex-shrink:0;display:block}.blog-cover-duration{font-family:var(--font-body,"Martian Mono", monospace);right:calc(var(--spacing,.25rem) * 3);bottom:calc(var(--spacing,.25rem) * 3);padding:calc(var(--spacing,.25rem) * .75) calc(var(--spacing,.25rem) * 2);font-size:calc(var(--spacing,.25rem) * 3);color:#fcfcf2;border-radius:var(--radius-field);clip-path:polygon(var(--cut-field) 0, 100% 0, 100% calc(100% - var(--cut-field)), calc(100% - var(--cut-field)) 100%, 0 100%, 0 var(--cut-field));background-color:#09090cb8;transition-property:background-color,border-radius,clip-path,color;position:absolute}@media (prefers-reduced-motion:reduce){.blog-cover-duration{transition-property:none}}.blog-cover{--blog-cover-height:calc(var(--spacing,.25rem) * 49);--blog-cover-size:min(calc(var(--spacing,.25rem) * 7.5), 9cqw);--blog-cover-term-max:calc(var(--spacing,.25rem) * 161);--blog-cover-dot:calc(var(--spacing,.25rem) * 2.5);--blog-cover-dot-gap:calc(var(--spacing,.25rem) * 1.5);--blog-cover-head-pad:calc(var(--spacing,.25rem) * 3) calc(var(--spacing,.25rem) * 4.5);--blog-cover-head-size:calc(var(--spacing,.25rem) * 3.5);--blog-cover-body-pad:calc(var(--spacing,.25rem) * 4.5);--blog-cover-body-gap:calc(var(--spacing,.25rem) * 2.25);--blog-cover-code-size:calc(var(--spacing,.25rem) * 4);--blog-cover-cursor-width:calc(var(--spacing,.25rem) * 2.5);--blog-cover-cursor-height:calc(var(--spacing,.25rem) * 4.5);--blog-cover-play:calc(var(--spacing,.25rem) * 19);--blog-cover-play-icon:calc(var(--spacing,.25rem) * 6.75);--blog-cover-play-shift:calc(var(--spacing,.25rem) * 1.25);height:var(--blog-cover-height)}@media (width>=48rem){.blog-cover{--blog-cover-height:calc(var(--spacing,.25rem) * 90);--blog-cover-size:min(calc(var(--spacing,.25rem) * 14.5), 9cqw)}}@media (width>=64rem){.blog-cover{--blog-cover-height:calc(var(--spacing,.25rem) * 100);--blog-cover-size:min(calc(var(--spacing,.25rem) * 16), 9cqw)}}:where(a:hover,a:focus-visible) .blog-cover{--page-cover-lift:30%}.blog-cover-hero{--blog-cover-height:calc(var(--spacing,.25rem) * 55)}@media (width>=48rem){.blog-cover-hero{--blog-cover-height:calc(var(--spacing,.25rem) * 95)}}@media (width>=64rem){.blog-cover-hero{--blog-cover-height:calc(var(--spacing,.25rem) * 100)}}.blog-cover-hero.blog-cover-type-video{--blog-cover-height:calc(var(--spacing,.25rem) * 49)}@media (width>=48rem){.blog-cover-hero.blog-cover-type-video{--blog-cover-height:calc(var(--spacing,.25rem) * 99)}}@media (width>=64rem){.blog-cover-hero.blog-cover-type-video{--blog-cover-height:calc(var(--spacing,.25rem) * 110)}}.blog-cover-compact{--blog-cover-height:calc(var(--spacing,.25rem) * 49);--blog-cover-size:min(calc(var(--spacing,.25rem) * 7.5), 9cqw);--blog-cover-term-max:calc(var(--spacing,.25rem) * 114.75);--blog-cover-dot:calc(var(--spacing,.25rem) * 1.75);--blog-cover-dot-gap:calc(var(--spacing,.25rem) * 1.25);--blog-cover-head-pad:calc(var(--spacing,.25rem) * 2) calc(var(--spacing,.25rem) * 3.25);--blog-cover-head-size:calc(var(--spacing,.25rem) * 2.5);--blog-cover-body-pad:calc(var(--spacing,.25rem) * 3.25);--blog-cover-body-gap:calc(var(--spacing,.25rem) * 1.75);--blog-cover-code-size:calc(var(--spacing,.25rem) * 3);--blog-cover-cursor-width:calc(var(--spacing,.25rem) * 1.75);--blog-cover-cursor-height:calc(var(--spacing,.25rem) * 3.25);--blog-cover-play:calc(var(--spacing,.25rem) * 14);--blog-cover-play-icon:calc(var(--spacing,.25rem) * 5);--blog-cover-play-shift:calc(var(--spacing,.25rem) * .75)}@media (width>=48rem){.blog-cover-compact{--blog-cover-height:calc(var(--spacing,.25rem) * 42.5);--blog-cover-size:min(calc(var(--spacing,.25rem) * 7.5), 9cqw)}}@media (width>=64rem){.blog-cover-compact{--blog-cover-height:calc(var(--spacing,.25rem) * 47.5);--blog-cover-size:min(calc(var(--spacing,.25rem) * 8.5), 9cqw)}}.blog-kind-label{text-transform:uppercase;font-size:calc(var(--spacing,.25rem) * 3);letter-spacing:.18em;color:var(--page-tone-ink);line-height:1.6}.blog-kind-label-part:before{content:"·";margin-inline:.7em;display:inline-block}.blog-kind-label-keep{text-transform:none}.blog-source-link{--blog-source-link-ink:var(--page-tone-ink);align-items:center;gap:calc(var(--spacing,.25rem) * 2);min-height:calc(var(--spacing,.25rem) * 11);font-size:calc(var(--spacing,.25rem) * 3.5);color:var(--blog-source-link-ink);outline:calc(var(--spacing,.25rem) * .5) solid transparent;outline-offset:var(--spacing,.25rem);text-decoration-line:none;transition-property:color,outline-color;display:inline-flex}@media (hover:hover){.blog-source-link:hover{--blog-source-link-ink:var(--color-base-content)}}.blog-source-link:focus-visible{--blog-source-link-ink:var(--color-base-content);outline-color:var(--color-brand)}@media (prefers-reduced-motion:reduce){.blog-source-link{transition-property:none}}.blog-source-link-text{text-underline-offset:calc(var(--spacing,.25rem) * .75);text-decoration-line:underline;text-decoration-thickness:calc(var(--spacing,.25rem) * .25)}.blog-source-link-icon{width:calc(var(--spacing,.25rem) * 3);aspect-ratio:1;transition-property:translate,color,background-color;translate:0}.blog-source-link:hover .blog-source-link-icon,.blog-source-link:focus-visible .blog-source-link-icon{translate:calc(var(--spacing,.25rem) * .5) calc(var(--spacing,.25rem) * -.5)}@media (prefers-reduced-motion:reduce){.blog-source-link-icon{transition-property:none}}
