@import"https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{background-color:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--font-stack-system-ui);line-height:var(--line-height-normal);letter-spacing:-.01em;transition:all var(--transition-duration-normal) var(--transition-timing-function-default)}a{color:var(--color-accent-gold);text-decoration:none;transition:all var(--transition-duration-fast) var(--transition-timing-function-default);border-bottom:var(--border-width-sm) solid transparent}a:hover{opacity:.8;border-bottom-color:var(--color-accent-gold)}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: rgb(17 24 39 / 10%);--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.blog-layout-structure{display:flex;flex-direction:column}.blog-header-structure{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.navigation-menu-structure{display:flex;flex-direction:column;gap:var(--spacing-1)}.blog-footer-structure{display:flex;align-items:center;justify-content:center}.blog-main-content-structure{flex:1;display:flex;flex-direction:column}.post-detail-section-structure{display:flex;flex-direction:column;gap:var(--spacing-3)}.post-detail-section__meta-structure{display:flex;flex-direction:column;gap:var(--spacing-2)}.post-detail-section__content .mermaid{display:flex;justify-content:center}.post-card-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--spacing-3)}@media(min-width:768px){.post-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.post-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.post-card-structure{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-3)}.post-card__content-structure{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.pagination-nav-structure{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-4)}.pagination-numbers-structure{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-2)}.filter-panel-structure,.tag-grid-structure{display:flex;flex-direction:column;gap:var(--spacing-4)}.tag-group-container-structure{display:flex;flex-direction:column;gap:var(--spacing-2)}.tag-group-grid-structure{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.tag-list-structure{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-2)}.visible{visibility:visible}.isolate{isolation:isolate}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-grow{flex-grow:1}.justify-between{justify-content:space-between}.lowercase{text-transform:lowercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}:root{--color-background-primary: #111111;--color-background-secondary: #1a1a1a;--color-background-subtle: #333333;--color-background-muted: #666666;--color-text-primary: #b9b6b6;--color-text-secondary: #d4d4d4;--color-text-muted: #999999;--color-text-disabled: #9ca3af;--color-accent-gold: #BFA978;--color-surface-dark: #0a0a0a;--color-surface-dark-opaque: rgb(10 10 10 / .95);--color-interactive-primary: #22d3ee;--color-interactive-primary-bg: rgb(34 211 238 / .3);--color-interactive-primary-bg-subtle: rgb(34 211 238 / .2);--color-interactive-primary-bg-faint: rgb(34 211 238 / .15);--color-interactive-selected: #60a5fa;--color-interactive-selected-bg: rgb(96 165 250 / .2);--color-status-success: #4ade80;--color-status-success-bg: rgb(74 222 128 / .15);--color-status-success-glow: rgb(74 222 128 / .5);--color-status-error: #f87171;--color-status-error-bg: rgb(248 113 113 / .15);--color-status-error-glow: rgb(248 113 113 / .5);--color-status-error-strong: #ef4444;--color-status-error-strong-bg: rgb(239 68 68 / .15);--color-status-error-strong-glow: rgb(239 68 68 / .4);--color-overlay-strong: rgb(0 0 0 / .5);--color-overlay-medium: rgb(0 0 0 / .3);--color-overlay-subtle: rgb(0 0 0 / .15);--color-background-light: #ffffff;--color-text-dark: #111111;--color-text-muted-dark: #6b7280;--color-border-light: #d1d5db;--spacing-1: 8px;--spacing-2: 12px;--spacing-3: 16px;--spacing-4: 24px;--spacing-5: 32px;--spacing-6: 48px;--spacing-7: 64px;--spacing-inline-code-vertical: .125rem;--spacing-inline-code-horizontal: .25rem;--layout-page-container-width: 800px;--layout-page-container-padding: 32px;--layout-header-height: 80px;--layout-footer-height: 80px;--layout-section-width: 800px;--layout-section-spacing-vertical: 32px;--layout-section-padding: 32px;--layout-section-padding-compact: 16px;--layout-card-width: 176px;--layout-card-min-height: 32px;--layout-card-scroll-margin: 80px;--layout-button-width-default: 100px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-stack-system-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-heading-primary: "Oswald";--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-normal: 1.6;--text-line-clamp: 3;--border-width-sm: 1px;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--shadow-blur-xs: 5px;--shadow-blur-sm: 10px;--shadow-blur-lg: 20px;--shadow-offset-xs: 2px;--shadow-offset-sm: 4px;--shadow-offset-md: 6px;--shadow-none: none;--transition-duration-normal: .3s;--transition-duration-fast: .15s;--transition-timing-function-default: cubic-bezier(.4, 0, .2, 1);--position-center: 50%;--offset-none: 0;--z-index-fixed: 10;--z-index-menu: 1000;--z-index-modal-overlay: 1500;--z-index-modal: 1510;--opacity-disabled: .5;--outline-width-default: .125rem;--outline-offset-default: .125rem;--blur-glass-effect: 10px;--color-surface-code: #f5f5f5;--color-surface-inline-code: #f3f4f6;--color-text-code-accent: #e53e3e}.blog-layout{background-color:var(--color-background-primary);color:var(--color-text-primary);min-height:100vh}.blog-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-fixed);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-interactive-primary-bg-faint);border-bottom-width:var(--border-width-sm);border-bottom-style:solid;border-bottom-color:var(--color-interactive-primary);box-shadow:var(--offset-none) var(--offset-none) var(--spacing-3) var(--color-interactive-primary-bg);backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect))}.blog-header__title{font-family:var(--font-heading-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-2xl);color:var(--color-interactive-primary);text-decoration:none;text-shadow:0 0 var(--spacing-2) var(--color-interactive-primary-bg);transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.blog-header__title:hover{color:var(--color-text-primary);text-shadow:0 0 var(--spacing-3) var(--color-interactive-primary)}.blog-header__menu-button{background-color:var(--color-interactive-primary-bg-subtle);border:var(--border-width-sm) solid var(--color-interactive-primary);color:var(--color-interactive-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-3);text-shadow:0 0 var(--shadow-blur-xs) var(--color-interactive-primary-bg);transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.blog-header__menu-button:hover{background-color:var(--color-interactive-primary-bg);color:var(--color-text-primary);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg)}.navigation-menu{background-color:var(--color-surface-dark-opaque);border:var(--border-width-sm) solid var(--color-interactive-primary);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg);position:absolute;right:var(--spacing-3);top:calc(100% + var(--spacing-1));z-index:var(--z-index-menu);backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect));min-width:var(--layout-card-width);width:-moz-max-content;width:max-content}.navigation-menu__overlay{background-color:var(--color-overlay-strong);top:0;right:0;bottom:0;left:0;position:fixed;width:100vw;height:100vh;z-index:calc(var(--z-index-menu) - 1)}.navigation-menu__item{background-color:transparent;color:var(--color-interactive-primary);font-family:var(--font-heading-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);padding:var(--spacing-1) var(--spacing-3);text-decoration:none;border-radius:0;transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.navigation-menu__item:hover,.navigation-menu__item:focus{background-color:var(--color-interactive-primary-bg);color:var(--color-text-primary);outline:none;backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect))}.blog-footer{height:var(--layout-footer-height);background-color:var(--color-interactive-primary-bg-faint);border-top:var(--border-width-sm) solid var(--color-interactive-primary);box-shadow:var(--offset-none) var(--offset-none) var(--spacing-3) var(--color-interactive-primary-bg);backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect));font-size:var(--font-size-sm)}.blog-footer__copyright{color:var(--color-text-secondary);font-family:var(--font-heading-primary);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.post-detail-section{background-color:var(--color-background-primary);padding:var(--spacing-4) var(--spacing-3)}.post-detail-section__meta{border-bottom:var(--border-width-sm) solid var(--color-interactive-primary);padding-bottom:var(--spacing-3)}.post-detail-section__title{font-family:var(--font-heading-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-2xl);line-height:var(--line-height-normal);color:var(--color-text-primary);text-shadow:0 0 var(--spacing-2) var(--color-interactive-primary-bg)}.post-detail-section__meta-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.post-detail-section__content{padding-top:var(--spacing-4)}.post-detail-section__content pre.shiki{border:var(--border-width-sm) solid var(--color-interactive-primary);border-radius:0;box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg);padding:var(--spacing-3);overflow-x:auto}.post-detail-section__content pre.mermaid{background-color:var(--color-interactive-primary-bg-faint);border:var(--border-width-sm) solid var(--color-interactive-primary);border-radius:0;box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg);backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect))}.post-detail-section__content :not(pre)>code{background-color:var(--color-interactive-primary-bg-faint);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-inline-code-vertical) var(--spacing-inline-code-horizontal)}.post-detail-section__content img{border-radius:var(--border-radius-md)}.post-detail-section__content .mermaid{padding:var(--spacing-4) 0}.post-detail-section__content .mermaid .node rect,.post-detail-section__content .mermaid .node polygon{fill:var(--color-interactive-primary-bg-faint);stroke:var(--color-interactive-primary);stroke-width:var(--border-width-sm)}.post-detail-section__content .mermaid .nodeLabel{font-family:var(--font-heading-primary);fill:var(--color-text-primary)}.post-detail-section__content .mermaid .edgePaths .path{stroke:var(--color-interactive-primary)}.post-detail-section__content .mermaid .arrowheadPath{fill:var(--color-interactive-primary)}.post-detail-section__content h1,.post-detail-section__content h2,.post-detail-section__content h3,.post-detail-section__content h4{font-family:var(--font-heading-primary);font-weight:var(--font-weight-medium);color:var(--color-text-primary);padding-bottom:var(--spacing-2);padding-top:var(--spacing-4);border-bottom:var(--border-width-sm) solid var(--color-interactive-primary-bg)}.post-detail-section__content h2{scroll-margin-top:var(--layout-header-height)}.post-detail-section__content h1{font-size:var(--font-size-2xl)}.post-detail-section__content h2{font-size:var(--font-size-xl)}.post-detail-section__content h3{font-size:var(--font-size-lg)}.post-detail-section__content p{color:var(--color-text-disabled);padding-bottom:var(--spacing-3)}.post-detail-section__content strong{color:var(--color-text-disabled);font-weight:var(--font-weight-bold)}.post-detail-section__content em{color:var(--color-text-disabled);font-weight:var(--font-weight-bold);font-style:normal}.post-detail-section__content a{color:var(--color-interactive-primary);text-decoration:underline;text-underline-offset:var(--shadow-offset-xs)}.post-detail-section__content a:hover{color:var(--color-text-primary);text-shadow:0 0 var(--shadow-blur-xs) var(--color-interactive-primary)}.post-detail-section__content ul,.post-detail-section__content ol{padding-left:var(--spacing-4);padding-bottom:var(--spacing-3)}.post-detail-section__content li{color:var(--color-text-primary);padding-bottom:var(--spacing-1)}.post-detail-section__content blockquote{border-left:var(--shadow-offset-sm) solid var(--color-interactive-primary);padding-left:var(--spacing-3);color:var(--color-text-secondary)}.post-detail-section__content hr{border-color:var(--color-interactive-primary-bg);margin:var(--spacing-5) 0}.post-detail-section__content table{border-collapse:collapse;margin:var(--spacing-5) 0;width:100%}.post-detail-section__content th,.post-detail-section__content td{border:var(--border-width-sm) solid var(--color-interactive-primary-bg);padding:var(--spacing-2);color:var(--color-text-primary)}.post-detail-section__content th{background-color:var(--color-interactive-primary-bg-faint);font-weight:var(--font-weight-medium)}.table-of-contents{background-color:var(--color-interactive-primary-bg-faint);border:var(--border-width-sm) solid var(--color-interactive-primary-bg);padding:var(--spacing-3);margin-bottom:var(--spacing-4);backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect))}.table-of-contents__title{font-family:var(--font-heading-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--color-text-primary);padding-bottom:var(--spacing-2);border-bottom:var(--border-width-sm) solid var(--color-interactive-primary-bg);margin:0}.table-of-contents__list{list-style:none;margin:0;padding-top:var(--spacing-2)}.table-of-contents__item{padding:0}.table-of-contents__item--level-3{padding-left:var(--spacing-3)}.table-of-contents__item--level-4{padding-left:var(--spacing-5)}.table-of-contents .table-of-contents__link{color:var(--color-interactive-primary);font-size:var(--font-size-sm);text-decoration:none;border-bottom:none;transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.table-of-contents .table-of-contents__link:hover{color:var(--color-text-primary);text-shadow:0 0 var(--shadow-blur-xs) var(--color-interactive-primary);border-bottom:none}.posts-section{background-color:var(--color-background-primary);padding:var(--spacing-4)}.posts-section__title{margin-bottom:var(--spacing-4);font-family:var(--font-heading-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-2xl);color:var(--color-text-primary);text-shadow:0 0 var(--spacing-2) var(--color-interactive-primary-bg)}.post-card{background-color:var(--color-interactive-primary-bg-faint);border:var(--border-width-sm) solid var(--color-interactive-primary-bg);cursor:pointer;padding:var(--spacing-3);text-decoration:none;backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect));transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.post-card:hover{border-color:var(--color-interactive-primary);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg);transform:translateY(calc(-1 * var(--shadow-offset-xs)))}.post-card__title{color:var(--color-text-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.post-card__date{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.post-card__category-emoji{font-size:var(--font-size-2xl);line-height:var(--line-height-normal)}.pagination-nav{margin-top:var(--spacing-6);padding:var(--spacing-4) 0}.pagination-button{background-color:var(--color-interactive-primary-bg-subtle);border:var(--border-width-sm) solid var(--color-interactive-primary);color:var(--color-interactive-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);text-decoration:none;border-radius:0;transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.pagination-button:hover{background-color:var(--color-interactive-primary-bg);color:var(--color-text-primary)}.pagination-number{color:var(--color-text-secondary);font-family:var(--font-heading-primary);font-size:var(--font-size-base);padding:var(--spacing-1) var(--spacing-2);text-decoration:none;border-radius:0;transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.pagination-number:hover{color:var(--color-interactive-primary)}.pagination-number--active{background-color:var(--color-interactive-primary-bg);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.pagination-ellipsis{color:var(--color-text-secondary);font-family:var(--font-heading-primary);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-base)}.filter-toggle-button{width:100%;margin-bottom:var(--spacing-4);background-color:var(--color-interactive-primary-bg-subtle);border:var(--border-width-sm) solid var(--color-interactive-primary);color:var(--color-interactive-primary);cursor:pointer;font-family:var(--font-heading-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);position:relative;text-shadow:0 0 var(--shadow-blur-xs) var(--color-interactive-primary-bg);transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.filter-toggle-button:hover{background-color:var(--color-interactive-primary-bg);color:var(--color-text-primary);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg)}.filter-toggle-button:focus{outline:var(--border-width-sm) solid var(--color-interactive-primary);outline-offset:var(--shadow-offset-xs)}.filter-overlay{background-color:var(--color-overlay-strong);position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:var(--z-index-modal-overlay);backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect))}.filter-panel{background-color:var(--color-surface-dark-opaque);border:var(--border-width-sm) solid var(--color-interactive-primary);box-shadow:0 0 var(--shadow-blur-lg) var(--color-interactive-primary-bg);max-height:calc(100vh - var(--layout-header-height) - var(--spacing-4));max-width:90vw;overflow-y:auto;padding:var(--spacing-4);position:fixed;top:var(--layout-header-height);left:var(--spacing-2);right:var(--spacing-2);z-index:var(--z-index-modal);backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect))}.category-selector{margin-bottom:var(--spacing-4);background-color:transparent;border:var(--border-width-sm) solid var(--color-interactive-primary);color:var(--color-interactive-primary);font-family:var(--font-weight-normal);font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-3);width:100%;cursor:pointer;text-shadow:0 0 var(--shadow-blur-xs) var(--color-interactive-primary-bg);transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.category-selector:hover,.category-selector:focus{background-color:var(--color-interactive-primary-bg);color:var(--color-text-primary);outline:none;box-shadow:0 0 var(--shadow-blur-xs) var(--color-interactive-primary-bg)}.category-selector option{background-color:var(--color-surface-dark-opaque);color:var(--color-interactive-primary);padding:var(--spacing-1) var(--spacing-3)}.category-selector option:hover,.category-selector option:checked{background-color:var(--color-interactive-primary-bg);color:var(--color-text-primary)}.tag-group-header{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.tag-button{background-color:var(--color-interactive-primary-bg-faint);border:var(--border-width-sm) solid var(--color-interactive-primary-bg);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-1) var(--spacing-1);text-align:center;transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.tag-button:hover{border-color:var(--color-interactive-primary);color:var(--color-interactive-primary);box-shadow:0 0 var(--shadow-blur-xs) var(--color-interactive-primary-bg)}.tag-button:focus{outline:var(--border-width-sm) solid var(--color-interactive-primary);outline-offset:var(--shadow-offset-xs)}.tag-button[aria-pressed=true]{background-color:var(--color-interactive-primary-bg);border-color:var(--color-interactive-primary);color:var(--color-text-primary);font-weight:var(--font-weight-medium);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg)}.filter-submit-button{margin-top:var(--spacing-4);background-color:var(--color-interactive-primary-bg);border:var(--border-width-sm) solid var(--color-interactive-primary);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-heading-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-4);width:100%;text-shadow:0 0 var(--shadow-blur-xs) var(--color-interactive-primary-bg);transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.filter-submit-button:hover{background-color:var(--color-interactive-primary);color:var(--color-background-primary);box-shadow:0 0 var(--shadow-blur-md) var(--color-interactive-primary)}.filter-submit-button:focus{outline:var(--border-width-sm) solid var(--color-interactive-primary);outline-offset:var(--shadow-offset-xs)}.tag-badge{background-color:var(--color-interactive-primary-bg-subtle);border:var(--border-width-sm) solid var(--color-interactive-primary-bg);color:var(--color-text-primary);font-family:var(--font-weight-normal);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);padding:var(--spacing-inline-code-vertical) var(--spacing-2);border-radius:var(--border-radius-full);text-decoration:none;white-space:nowrap}.post-description{color:var(--color-text-disabled);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);max-height:calc(var(--line-height-relaxed) * var(--text-line-clamp));overflow:hidden;padding-right:var(--spacing-inline-code-horizontal);padding-left:var(--spacing-inline-code-horizontal);border:var(--border-width-sm) solid var(--color-interactive-primary-bg);display:-webkit-box;-webkit-line-clamp:var(--text-line-clamp);-webkit-box-orient:vertical}