/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.blog-post-callout{--blog-post-callout-color:var(--color-accent);--blog-post-callout-ink:var(--color-accent-ink);--blog-post-callout-line:45%;--blog-post-callout-tint:10%;--blog-post-callout-note-ink:var(--color-info);--blog-post-callout-warning-ink:var(--color-warning)}:where([data-theme=cyber-sakura]) .blog-post-callout{--blog-post-callout-line:60%;--blog-post-callout-tint:14%;--blog-post-callout-note-ink:#02627a;--blog-post-callout-warning-ink:#8a4003}.blog-post-callout{min-width:0;padding:calc(var(--spacing,.25rem) * .25);background-color:var(--blog-post-callout-color)}@supports (color:color-mix(in lab, red, red)){.blog-post-callout{background-color:color-mix(in oklab, var(--blog-post-callout-color) var(--blog-post-callout-line), transparent)}}.blog-post-callout{border-radius:var(--radius-box);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));transition-property:background-color,border-radius,clip-path}@media (prefers-reduced-motion:reduce){.blog-post-callout{transition-property:none}}.blog-post-callout-note{--blog-post-callout-color:var(--color-info);--blog-post-callout-ink:var(--blog-post-callout-note-ink)}.blog-post-callout-warning{--blog-post-callout-color:var(--color-warning);--blog-post-callout-ink:var(--blog-post-callout-warning-ink)}.blog-post-callout-box{gap:calc(var(--spacing,.25rem) * 1.5);padding:calc(var(--spacing,.25rem) * 4.5) calc(var(--spacing,.25rem) * 5.5);background-color:var(--blog-post-callout-color);flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.blog-post-callout-box{background-color:color-mix(in srgb, var(--blog-post-callout-color) var(--blog-post-callout-tint), var(--color-base-200))}}.blog-post-callout-box{border-radius:max(0rem, calc(var(--radius-box) - calc(var(--spacing,.25rem) * .25)));clip-path:polygon(max(0rem, calc(var(--cut-field) - calc(var(--spacing,.25rem) * .1))) 0, 100% 0, 100% calc(100% - max(0rem, calc(var(--cut-field) - calc(var(--spacing,.25rem) * .1)))), calc(100% - max(0rem, calc(var(--cut-field) - calc(var(--spacing,.25rem) * .1)))) 100%, 0 100%, 0 max(0rem, calc(var(--cut-field) - calc(var(--spacing,.25rem) * .1))));transition-property:background-color,border-radius,clip-path}@media (prefers-reduced-motion:reduce){.blog-post-callout-box{transition-property:none}}.blog-post-callout-label{text-transform:uppercase;font-size:calc(var(--spacing,.25rem) * 3);letter-spacing:.22em;color:var(--blog-post-callout-ink);line-height:1.6}.blog-post-callout-text{font-size:calc(var(--spacing,.25rem) * 3.5);color:var(--blog-post-body);line-height:1.75}@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-post-avatar-from:transparent;--blog-post-avatar-via:transparent;--blog-post-avatar-to:transparent}}}.blog-post-code{--blog-post-code-line:#ff1f4373}@supports (color:color-mix(in lab, red, red)){.blog-post-code{--blog-post-code-line:color-mix(in oklab, var(--color-primary) 45%, transparent)}}.blog-post-code{--blog-post-code-bg:var(--color-base-100);--blog-post-code-cut:var(--cut-field)}:where([data-theme=cyber-sakura]) .blog-post-code{--blog-post-code-line:#bf01ffb3}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .blog-post-code{--blog-post-code-line:color-mix(in oklab, var(--color-accent) 70%, transparent)}}:where([data-theme=cyber-sakura]) .blog-post-code{--blog-post-code-bg:var(--color-base-content)}.blog-post-code{padding:calc(var(--spacing,.25rem) * .25);background-color:var(--blog-post-code-line);border-radius:var(--radius-field);clip-path:polygon(var(--blog-post-code-cut) 0, 100% 0, 100% calc(100% - var(--blog-post-code-cut)), calc(100% - var(--blog-post-code-cut)) 100%, 0 100%, 0 var(--blog-post-code-cut));margin:0;transition-property:background-color,border-radius,clip-path}@media (prefers-reduced-motion:reduce){.blog-post-code{transition-property:none}}.blog-post-code-body{--blog-post-code-inner-cut:max(0rem, calc(var(--blog-post-code-cut) - calc(var(--spacing,.25rem) * .1)));font-family:var(--font-body,"Martian Mono", "Martian Mono Fallback", monospace);--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);white-space:pre;padding:calc(var(--spacing,.25rem) * 4.5) calc(var(--spacing,.25rem) * 5);font-size:calc(var(--spacing,.25rem) * 3.5);color:#fcfcf2;background-color:var(--blog-post-code-bg);border-radius:max(0rem, calc(var(--radius-field) - calc(var(--spacing,.25rem) * .25)));clip-path:polygon(var(--blog-post-code-inner-cut) 0, 100% 0, 100% calc(100% - var(--blog-post-code-inner-cut)), calc(100% - var(--blog-post-code-inner-cut)) 100%, 0 100%, 0 var(--blog-post-code-inner-cut));outline:calc(var(--spacing,.25rem) * .5) solid transparent;outline-offset:calc(calc(var(--spacing,.25rem) * .5) * -1);line-height:1.7;transition-property:background-color,border-radius,clip-path,outline-color;display:block;overflow-x:auto}.blog-post-code-body::-webkit-scrollbar-track{margin-inline:calc(var(--spacing,.25rem) * 2)}.blog-post-code-body:focus-visible{outline-color:var(--color-brand)}@media (prefers-reduced-motion:reduce){.blog-post-code-body{transition-property:none}}@property --tw-font-weight{syntax:"*";inherits:false}.blog-post-cover-link{outline:calc(var(--spacing,.25rem) * .5) solid transparent;outline-offset:var(--spacing,.25rem);text-decoration-line:none;transition-property:outline-color;display:block}.blog-post-cover-link:focus-visible{outline-color:var(--color-brand)}@media (prefers-reduced-motion:reduce){.blog-post-cover-link{transition-property:none}}.blog-tag{--blog-tag-cut:calc(var(--spacing,.25rem) * 1.25);--blog-tag-size:calc(var(--spacing,.25rem) * 3.5)}:where([data-theme=cyber-sakura]) .blog-tag{--blog-tag-cut:0rem}.blog-tag{color:var(--color-base-content,oklch(98.8% .013 106.6));padding:var(--spacing,.25rem) calc(var(--spacing,.25rem) * 3);font-size:var(--blog-tag-size);background-color:var(--page-tone-accent);line-height:1.5;display:inline-block}@supports (color:color-mix(in lab, red, red)){.blog-tag{background-color:color-mix(in oklab, var(--page-tone-accent) var(--page-tone-soft), transparent)}}.blog-tag{border:calc(var(--spacing,.25rem) * .25) solid var(--page-tone-accent)}@supports (color:color-mix(in lab, red, red)){.blog-tag{border:calc(var(--spacing,.25rem) * .25) solid color-mix(in oklab, var(--page-tone-accent) var(--page-tone-line), transparent)}}.blog-tag{border-radius:var(--radius-selector);clip-path:polygon(var(--blog-tag-cut) 0, 100% 0, 100% calc(100% - var(--blog-tag-cut)), calc(100% - var(--blog-tag-cut)) 100%, 0 100%, 0 var(--blog-tag-cut));transition-property:color,background-color,border-color,border-radius,clip-path}@media (prefers-reduced-motion:reduce){.blog-tag{transition-property:none}}.blog-tag-small{--blog-tag-size:calc(var(--spacing,.25rem) * 3);line-height:1.6}.blog-post-facts{gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;margin:0;padding:0;list-style-type:none;display:flex}@property --blog-post-avatar-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --blog-post-avatar-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --blog-post-avatar-to{syntax:"<color>";inherits:false;initial-value:#0000}.blog-post-header{gap:calc(var(--spacing,.25rem) * 4);padding-top:var(--spacing,.25rem);flex-direction:column;display:flex}@media (width>=48rem){.blog-post-header{padding-top:calc(var(--spacing,.25rem) * 3)}}@media (width>=64rem){.blog-post-header{padding-top:calc(var(--spacing,.25rem) * 6)}}.blog-post-back{--blog-post-back-ink:var(--blog-post-muted);align-self:flex-start;align-items:center;gap:calc(var(--spacing,.25rem) * 2);min-height:calc(var(--spacing,.25rem) * 11);font-size:calc(var(--spacing,.25rem) * 3.5);letter-spacing:.08em;color:var(--blog-post-back-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-post-back:hover{--blog-post-back-ink:var(--color-base-content)}}.blog-post-back:focus-visible{--blog-post-back-ink:var(--color-base-content);outline-color:var(--color-brand)}@media (prefers-reduced-motion:reduce){.blog-post-back{transition-property:none}}.blog-post-back-icon{width:calc(var(--spacing,.25rem) * 3.5);aspect-ratio:18/12;transition-property:translate,color,background-color;translate:0;rotate:180deg}.blog-post-back:hover .blog-post-back-icon,.blog-post-back:focus-visible .blog-post-back-icon{translate:calc(var(--spacing,.25rem) * -.75)}@media (prefers-reduced-motion:reduce){.blog-post-back-icon{transition-property:none}}.blog-post-title{font-family:var(--font-head,"Righteous", "Righteous Fallback", sans-serif);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-base-content,oklch(98.8% .013 106.6));font-size:calc(var(--spacing,.25rem) * 7.5);margin:0;line-height:1.1}@media (width>=48rem){.blog-post-title{font-size:calc(var(--spacing,.25rem) * 10)}}@media (width>=64rem){.blog-post-title{font-size:calc(var(--spacing,.25rem) * 11.5)}}.blog-post-author{align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}.blog-post-avatar{--blog-post-avatar-from:var(--gradient-cta-from);--blog-post-avatar-via:var(--gradient-cta-via);--blog-post-avatar-to:var(--gradient-cta-to);--blog-post-avatar-ink:#09090c;--blog-post-avatar-radius:0rem}:where([data-theme=cyber-sakura]) .blog-post-avatar{--blog-post-avatar-ink:#fff;--blog-post-avatar-radius:50%}.blog-post-avatar{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);font-size:calc(var(--spacing,.25rem) * 3);color:var(--blog-post-avatar-ink);background-image:linear-gradient(90deg, var(--blog-post-avatar-from), var(--blog-post-avatar-via) 55%, var(--blog-post-avatar-to));border-radius:var(--blog-post-avatar-radius);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));flex-shrink:0;justify-content:center;align-items:center;transition-property:color,border-radius,clip-path,--blog-post-avatar-from,--blog-post-avatar-via,--blog-post-avatar-to;display:flex}@media (prefers-reduced-motion:reduce){.blog-post-avatar{transition-property:none}}.blog-post-author-text{gap:calc(var(--spacing,.25rem) * .5);flex-direction:column;display:flex}.blog-post-author-name{color:var(--color-base-content,oklch(98.8% .013 106.6));font-size:calc(var(--spacing,.25rem) * 3.5)}.blog-post-author-role{font-size:calc(var(--spacing,.25rem) * 3);color:var(--blog-post-muted)}.blog-post-list{gap:calc(var(--spacing,.25rem) * 2);padding-left:calc(var(--spacing,.25rem) * 5.5);font-size:var(--blog-post-read-size);color:var(--blog-post-body);flex-direction:column;margin:0;line-height:1.75;display:flex}.blog-post-list-ordered{list-style-type:decimal}.blog-post-list-bulleted{list-style-type:disc}.blog-post-list-item{padding-left:calc(var(--spacing,.25rem) * 1.5)}.blog-post-related{gap:calc(var(--spacing,.25rem) * 5);padding-top:var(--blog-post-gap);border-top:calc(var(--spacing,.25rem) * .25) solid var(--blog-post-rule);flex-direction:column;display:flex}.blog-post-related-title{font-family:var(--font-head,"Righteous", "Righteous Fallback", sans-serif);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-base-content,oklch(98.8% .013 106.6));font-size:var(--blog-post-h2);margin:0;line-height:1.2}.blog-post-related-list{gap:calc(var(--spacing,.25rem) * 9);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style-type:none;display:grid}@media (width>=48rem){.blog-post-related-list{gap:calc(var(--spacing,.25rem) * 9) calc(var(--spacing,.25rem) * 5);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.blog-post-related-list{gap:calc(var(--spacing,.25rem) * 10) calc(var(--spacing,.25rem) * 6)}}.blog-post-related-item{min-width:0}.blog-post-related-link{--blog-post-related-name:var(--color-base-content);gap:calc(var(--spacing,.25rem) * 2.5);outline:calc(var(--spacing,.25rem) * .5) solid transparent;outline-offset:var(--spacing,.25rem);flex-direction:column;min-width:0;text-decoration-line:none;transition-property:outline-color;display:flex}@media (hover:hover){.blog-post-related-link:hover{--blog-post-related-name:var(--page-tone-ink)}}.blog-post-related-link:focus-visible{--blog-post-related-name:var(--page-tone-ink);outline-color:var(--color-brand)}@media (prefers-reduced-motion:reduce){.blog-post-related-link{transition-property:none}}.blog-post-related-kind{text-transform:uppercase;font-size:calc(var(--spacing,.25rem) * 3);letter-spacing:.18em;color:var(--page-tone-ink);line-height:1.6}.blog-post-related-name{font-family:var(--font-head,"Righteous", "Righteous Fallback", sans-serif);font-size:calc(var(--spacing,.25rem) * 4.5);color:var(--blog-post-related-name);line-height:1.25}.blog-post-source{min-width:0;padding:calc(var(--spacing,.25rem) * .25);background-color:#fcfcf21f}@supports (color:color-mix(in lab, red, red)){.blog-post-source{background-color:color-mix(in oklab, var(--color-base-content) 12%, transparent)}}.blog-post-source{border-radius:var(--radius-box);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));transition-property:background-color,border-radius,clip-path}@media (prefers-reduced-motion:reduce){.blog-post-source{transition-property:none}}.blog-post-source-box{justify-content:space-between;align-items:center;gap:var(--spacing,.25rem) calc(var(--spacing,.25rem) * 4);padding:calc(var(--spacing,.25rem) * 3.5) calc(var(--spacing,.25rem) * 5);background-color:var(--color-base-200);border-radius:max(0rem, calc(var(--radius-box) - calc(var(--spacing,.25rem) * .25)));clip-path:polygon(max(0rem, calc(var(--cut-field) - calc(var(--spacing,.25rem) * .1))) 0, 100% 0, 100% calc(100% - max(0rem, calc(var(--cut-field) - calc(var(--spacing,.25rem) * .1)))), calc(100% - max(0rem, calc(var(--cut-field) - calc(var(--spacing,.25rem) * .1)))) 100%, 0 100%, 0 max(0rem, calc(var(--cut-field) - calc(var(--spacing,.25rem) * .1))));flex-wrap:wrap;transition-property:background-color,border-radius,clip-path;display:flex}@media (prefers-reduced-motion:reduce){.blog-post-source-box{transition-property:none}}.blog-post-source-text{font-size:calc(var(--spacing,.25rem) * 3.5);color:var(--blog-post-body);line-height:1.6}.blog-post-table-scroll{outline:calc(var(--spacing,.25rem) * .5) solid transparent;outline-offset:calc(var(--spacing,.25rem) * .5);max-width:100%;transition-property:outline-color;overflow-x:auto}.blog-post-table-scroll::-webkit-scrollbar-track{margin-inline:calc(var(--spacing,.25rem) * 2)}.blog-post-table-scroll:focus-visible{outline-color:var(--color-brand)}@media (prefers-reduced-motion:reduce){.blog-post-table-scroll{transition-property:none}}.blog-post-table{border-collapse:collapse;width:100%;font-size:calc(var(--spacing,.25rem) * 3.5);line-height:1.6}.blog-post-table-head{text-align:left;--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);text-transform:uppercase;padding:0rem calc(var(--spacing,.25rem) * 3.5) calc(var(--spacing,.25rem) * 2) 0rem;font-size:calc(var(--spacing,.25rem) * 3);letter-spacing:.18em;color:var(--blog-post-muted)}.blog-post-table-head:last-child{padding-right:0}.blog-post-table-cell{padding:calc(var(--spacing,.25rem) * 2.5) calc(var(--spacing,.25rem) * 3.5) calc(var(--spacing,.25rem) * 2.5) 0rem;vertical-align:top;border-top:calc(var(--spacing,.25rem) * .25) solid var(--blog-post-rule);color:var(--blog-post-body)}.blog-post-table-cell:first-child{--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))}.blog-post-table-cell:last-child{padding-right:0}.blog-post-tags{gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;margin:0;padding:0;list-style-type:none;display:flex}@media (hover:hover){.blog-post-tags-item:hover{--page-tone-line:100%;--page-tone-soft:16%}}.blog-post-text{font-size:var(--blog-post-read-size);color:var(--blog-post-body);margin:0;line-height:1.85}.blog-post{--blog-post-gap:calc(var(--spacing,.25rem) * 6);--blog-post-read-size:calc(var(--spacing,.25rem) * 3.5);--blog-post-h2:calc(var(--spacing,.25rem) * 5.5);--blog-post-h3:calc(var(--spacing,.25rem) * 4.5);--blog-post-body:#fcfcf2d1}@supports (color:color-mix(in lab, red, red)){.blog-post{--blog-post-body:color-mix(in oklab, var(--color-base-content) 82%, transparent)}}.blog-post{--blog-post-muted:#fcfcf2a8}@supports (color:color-mix(in lab, red, red)){.blog-post{--blog-post-muted:color-mix(in oklab, var(--color-base-content) 66%, transparent)}}.blog-post{--blog-post-rule:#fcfcf21f}@supports (color:color-mix(in lab, red, red)){.blog-post{--blog-post-rule:color-mix(in oklab, var(--color-base-content) 12%, transparent)}}.blog-post{--page-sections-content-gap:var(--blog-post-gap)}:where([data-theme=cyber-sakura]) .blog-post{--blog-post-body:#fcfcf2d6}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .blog-post{--blog-post-body:color-mix(in oklab, var(--color-base-content) 84%, transparent)}}.blog-post{--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);padding-bottom:calc(var(--spacing,.25rem) * 14)}@media (width>=48rem){.blog-post{--blog-post-gap:calc(var(--spacing,.25rem) * 6.5);--blog-post-read-size:calc(var(--spacing,.25rem) * 4);--blog-post-h2:calc(var(--spacing,.25rem) * 6.5);--blog-post-h3:calc(var(--spacing,.25rem) * 5);padding-bottom:calc(var(--spacing,.25rem) * 20)}}@media (width>=64rem){.blog-post{--blog-post-gap:calc(var(--spacing,.25rem) * 7);--blog-post-h2:calc(var(--spacing,.25rem) * 7);--blog-post-h3:calc(var(--spacing,.25rem) * 5.5);--page-sections-nav-inset:calc(var(--spacing,.25rem) * 18);padding-bottom:calc(var(--spacing,.25rem) * 24)}}.blog-post .page-section-root{--page-section-gap:calc(var(--spacing,.25rem) * 4.5);--page-section-size:var(--blog-post-h2);--page-section-leading:1.2;--page-section-divider:0rem;--page-section-padding:0rem;--page-section-margin:calc(var(--spacing,.25rem) * 3)}.blog-post .page-section-level-3{--page-section-gap:calc(var(--spacing,.25rem) * 4.5);--page-section-size:var(--blog-post-h3);--page-section-leading:1.25;margin-top:calc(var(--spacing,.25rem) * 1.5)}.blog-post-chapters{gap:calc(var(--spacing,.25rem) * 4.5);flex-direction:column;display:flex}
