:root{--color-primary: #2563eb;--color-primary-light: #dbeafe;--color-accent: #f6b800;--color-accent-light: #fff4bf;--color-bg: #fbfbf7;--color-bg-secondary: #f1f3ee;--color-card: #ffffff;--color-modal: #ffffff;--color-text: #171717;--color-text-muted: #4b4b42;--color-text-light: #89897d;--color-border: #d9d9ce;--color-border-light: #eeeee5;--color-code-bg: #f4f4f5;--color-code-text: #18181b;--color-shadow: #f6b800;--shadow-sm: 2px 2px 0 0 #171717;--shadow-md: 4px 4px 0 0 #171717;--shadow-lg: 6px 6px 0 0 #171717;--shadow-xl: 8px 8px 0 0 #171717;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--font-sans: system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--header-height: 64px;--content-max-width: 720px;--content-padding: 1.5rem;--surface-radius: 8px;--retro-border: 2px solid var(--color-text)}@media(prefers-color-scheme:dark){:root{--color-primary: #7ab0ff;--color-primary-light: #17345a;--color-accent: #facc15;--color-accent-light: #3d3006;--color-bg: #10110f;--color-bg-secondary: #191b17;--color-card: #181a17;--color-modal: #20231f;--color-text: #f6f3e8;--color-text-muted: #c4bead;--color-text-light: #7f7a6d;--color-border: #36382f;--color-border-light: #484b40;--color-code-bg: #27272a;--color-code-text: #fafafa;--color-shadow: #facc15;--shadow-sm: 2px 2px 0 0 #f6f3e8;--shadow-md: 4px 4px 0 0 #f6f3e8;--shadow-lg: 6px 6px 0 0 #f6f3e8;--shadow-xl: 8px 8px 0 0 #f6f3e8}}.dark{--color-primary: #7ab0ff;--color-primary-light: #17345a;--color-accent: #facc15;--color-accent-light: #3d3006;--color-bg: #10110f;--color-bg-secondary: #191b17;--color-card: #181a17;--color-modal: #20231f;--color-text: #f6f3e8;--color-text-muted: #c4bead;--color-text-light: #7f7a6d;--color-border: #36382f;--color-border-light: #484b40;--color-code-bg: #27272a;--color-code-text: #fafafa;--color-shadow: #facc15}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color var(--transition-slow),border-color var(--transition-slow),color var(--transition-slow),fill var(--transition-slow),stroke var(--transition-slow)!important;transition-delay:0s!important}html.dark .astro-code,html.dark .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg);background-image:linear-gradient(rgba(23,23,23,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,23,.035) 1px,transparent 1px);background-size:32px 32px;color:var(--color-text);line-height:1.6;min-height:100vh}.dark body{background-image:linear-gradient(rgba(246,243,232,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(246,243,232,.035) 1px,transparent 1px)}::selection{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-text-light) transparent}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}.custom-scrollbar::-webkit-scrollbar{width:4px;height:0px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.custom-scrollbar::-webkit-scrollbar-corner{background:transparent}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.4;color:var(--color-text)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{line-height:1.75;color:var(--color-text)}.retro-shell{width:100%;max-width:1120px;margin-inline:auto}.retro-panel{border:var(--retro-border);border-radius:var(--surface-radius);background:var(--color-card);box-shadow:var(--shadow-md)}.retro-panel-soft{border:2px solid var(--color-border);border-radius:var(--surface-radius);background:color-mix(in srgb,var(--color-card) 92%,var(--color-bg-secondary))}.retro-chip{display:inline-flex;align-items:center;gap:.35rem;border:2px solid var(--color-text);border-radius:999px;background:var(--color-card);padding:.25rem .65rem;color:var(--color-text);font-size:.75rem;font-weight:800;line-height:1.2;box-shadow:2px 2px 0 0 var(--color-accent)}.retro-link-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:2px solid var(--color-text);border-radius:7px;background:var(--color-card);padding:.65rem .9rem;color:var(--color-text);font-size:.875rem;font-weight:800;line-height:1;box-shadow:3px 3px 0 0 var(--color-text);transition:transform var(--transition-base),box-shadow var(--transition-base),color var(--transition-fast),background-color var(--transition-fast)}.retro-link-button:hover{color:var(--color-text);background:var(--color-accent-light);box-shadow:1px 1px 0 0 var(--color-text);transform:translate(2px,2px)}.page-kicker{color:var(--color-primary);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.page-title{color:var(--color-text);font-size:clamp(2rem,5vw,4.75rem);font-weight:950;letter-spacing:0;line-height:.98}.page-description{max-width:740px;color:var(--color-text-muted);font-size:clamp(1rem,2vw,1.15rem);line-height:1.75}.meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1rem;color:var(--color-text-muted);font-size:.84rem;font-weight:700}.article-tag{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-secondary);padding:.2rem .55rem;color:var(--color-text-muted);font-size:.75rem;font-weight:800;line-height:1.2}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-in{animation:slideIn .3s ease-out forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){:root{--content-padding: 1rem}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:12px;height:12px;background-color:var(--color-bg);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border)}::-webkit-scrollbar-track{background-color:var(--color-bg)}::-webkit-scrollbar-thumb{background-color:var(--color-text);border:3px solid var(--color-bg);min-height:40px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}::-webkit-scrollbar-corner{background-color:var(--color-bg);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border)}@media(prefers-color-scheme:dark){hr{border-color:#777}}.buttoned[data-loading]:before{content:"";width:.75rem;height:.75rem;--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='currentColor'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-linecap='round' stroke-width='3'%3E%3Canimate attributeName='stroke-dasharray' calcMode='spline' dur='1.5s' keySplines='0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1' keyTimes='0;0.475;0.95;1' repeatCount='indefinite' values='0 150;42 150;42 150;42 150'/%3E%3Canimate attributeName='stroke-dashoffset' calcMode='spline' dur='1.5s' keySplines='0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1' keyTimes='0;0.475;0.95;1' repeatCount='indefinite' values='0;-16;-59;-59'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' dur='2s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.buttoned[data-loading=false]:before{content:none}div[data-modal-loading]{position:relative}div[data-modal-loading]:before{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);--un-bg-opacity:.8;content:"";pointer-events:all}div[data-modal-loading]:after{content:"";--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='currentColor'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-linecap='round' stroke-width='3'%3E%3Canimate attributeName='stroke-dasharray' calcMode='spline' dur='1.5s' keySplines='0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1' keyTimes='0;0.475;0.95;1' repeatCount='indefinite' values='0 150;42 150;42 150;42 150'/%3E%3Canimate attributeName='stroke-dashoffset' calcMode='spline' dur='1.5s' keySplines='0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1' keyTimes='0;0.475;0.95;1' repeatCount='indefinite' values='0;-16;-59;-59'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' dur='2s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em;position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;--un-translate-x:-50%;--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));pointer-events:none}div[data-modal-loading=false]:before{content:none}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}[data-page-draft]:not([data-page-draft=verified]){display:none;visibility:hidden}[data-page-draft] .page-title{position:relative}[data-page-draft] .page-title:after{content:"draft";margin-left:.25rem;margin-right:.25rem;border-radius:.25rem;--un-bg-opacity:1;background-color:rgb(254 240 138 / var(--un-bg-opacity));padding:.25rem .5rem;vertical-align:super;font-size:.75rem;line-height:1rem}.dark [data-page-draft] .page-title:after{--un-bg-opacity:1;background-color:rgb(250 204 21 / var(--un-bg-opacity))}#page-loader[data-astro-cid-yztiywgj]{position:fixed;top:0;left:0;z-index:60;width:100%;height:2px;background:transparent;pointer-events:none;opacity:1;transition:opacity .2s ease}#page-loader[data-astro-cid-yztiywgj].hidden{opacity:0}.loader-bar-fill[data-astro-cid-yztiywgj]{height:100%;width:0%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));box-shadow:0 0 8px var(--color-primary);animation:progress .7s ease-out forwards}@keyframes progress{0%{width:0%}65%{width:78%}to{width:100%}}@media(prefers-reduced-motion:reduce){.loader-bar-fill[data-astro-cid-yztiywgj]{animation:none;width:100%}}