:root{--c-p1: #450693;--c-p2: #8C00FF;--c-p3: #FF3F7F;--c-p4: #FFC400;--c-p3-soft: rgba(255, 63, 127, .1);--c-p4-soft: rgba(255, 196, 0, .1);--c-accent: #8C00FF;--c-accent-hover: #7400D6;--c-accent-soft: rgba(140, 0, 255, .08);--c-accent-glow: rgba(140, 0, 255, .18);--c-accent-text: #5800A3;--c-accent-on-light: #8C00FF;--c-accent-on-dark: #FFC400;--c-bg-canvas: #ECEBE6;--c-bg-primary: #F7F7F5;--c-bg-secondary: #FFFFFF;--c-bg-soft: #F3F2EF;--c-bg-dark: #0F1115;--c-text-primary: #0F1115;--c-text-secondary: #5F6470;--c-text-muted: #8D93A1;--c-text-inverse: #FFFFFF;--c-border-soft: rgba(15, 17, 21, .08);--c-border-medium: rgba(15, 17, 21, .14);--c-border-strong: rgba(15, 17, 21, .22);--c-success: #2D9D5F;--c-font-display: "General Sans", -apple-system, BlinkMacSystemFont, sans-serif;--c-font-body: "General Sans", -apple-system, BlinkMacSystemFont, sans-serif;--c-font-mono: "Geist Mono", "SF Mono", Menlo, monospace;--c-r-sm: 6px;--c-r-md: 8px;--c-r-lg: 12px;--c-r-xl: 16px;--c-r-pill: 999px;--c-shadow-raised: 0 1px 2px rgba(15, 17, 21, .04), 0 2px 8px rgba(15, 17, 21, .04);--c-shadow-floating: 0 4px 16px rgba(15, 17, 21, .06), 0 12px 32px rgba(15, 17, 21, .08);--c-ease-out: cubic-bezier(.2, .8, .2, 1);--c-dur-fast: .15s;--c-dur-base: .2s;--c-dur-slow: .32s}[data-theme=dark]{--c-bg-canvas: #0F1115;--c-bg-primary: #1a1d24;--c-bg-secondary: #22262f;--c-bg-soft: #1e2128;--c-text-primary: #ECEBE6;--c-text-secondary: #9da3b0;--c-text-muted: #6b7280;--c-text-inverse: #0F1115;--c-border-soft: rgba(236, 235, 230, .08);--c-border-medium: rgba(236, 235, 230, .14);--c-border-strong: rgba(236, 235, 230, .22);--c-p2: var(--c-accent-on-dark);--c-accent: var(--c-accent-on-dark);--c-accent-hover: #e6b000;--c-accent-soft: rgba(255, 196, 0, .1);--c-accent-glow: rgba(255, 196, 0, .18);--c-accent-text: var(--c-accent-on-dark)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--c-font-body);font-feature-settings:"ss01","ss02","cv11";background:var(--c-bg-canvas);color:var(--c-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.c-reveal{opacity:0;transform:translateY(20px);transition:opacity var(--c-dur-slow) var(--c-ease-out),transform var(--c-dur-slow) var(--c-ease-out)}.c-reveal.d1{transition-delay:.1s}.c-reveal.d2{transition-delay:.2s}.c-reveal.d3{transition-delay:.3s}.c-reveal.visible{opacity:1;transform:none}.blog-root{background:var(--c-bg-canvas);color:var(--c-text-primary);min-height:100vh;font-family:var(--c-font-body)}.bl-header{padding:clamp(120px,16vw,180px) clamp(20px,5vw,80px) clamp(48px,6vw,80px);max-width:1280px;margin:0 auto}.bl-eyebrow{font-family:var(--c-font-mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--c-p3);margin-bottom:16px}.bl-title{font-family:var(--c-font-display);font-size:clamp(40px,7vw,80px);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--c-text-primary)}.bl-title span{color:var(--c-p2)}.bl-grid{max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,80px) clamp(80px,10vw,140px);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:32px}.bl-card{background:var(--c-bg-primary);border:1px solid var(--c-border-soft);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform var(--c-dur-base) var(--c-ease-out),border-color var(--c-dur-base) var(--c-ease-out)}.bl-card:hover{transform:translateY(-4px);border-color:var(--c-accent-soft)}.bl-card-cover{position:relative;aspect-ratio:3 / 2;overflow:hidden;background:var(--c-bg-soft);padding:16px}.bl-card-cover picture{display:grid;place-items:center;width:100%;height:100%}.bl-card-cover img{width:100%;height:100%;object-fit:contain;display:block;transition:transform var(--c-dur-slow) var(--c-ease-out)}.bl-card:hover .bl-card-cover img{transform:scale(1.02)}.bl-card-cover:after{content:"";position:absolute;inset:10px;border:2px solid var(--c-p4);border-radius:8px;pointer-events:none;opacity:0;transition:opacity var(--c-dur-base) var(--c-ease-out);z-index:1}.bl-card:hover .bl-card-cover:after{opacity:1}.bl-card-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:12px}.bl-card-date{font-family:var(--c-font-mono);font-size:11px;letter-spacing:.08em;color:var(--c-p3);text-transform:uppercase}.bl-card-title{font-family:var(--c-font-display);font-size:clamp(18px,2.2vw,22px);font-weight:700;line-height:1.2;color:var(--c-text-primary)}.bl-card-desc{font-size:14px;line-height:1.65;color:var(--c-text-muted);flex:1}.bl-card-arrow{font-size:18px;color:var(--c-p2);align-self:flex-end;transition:transform var(--c-dur-fast) var(--c-ease-out)}.bl-card:hover .bl-card-arrow{transform:translate(4px,-4px)}.bl-article{max-width:1024px;margin:0 auto;padding:clamp(100px,14vw,160px) clamp(20px,5vw,48px) clamp(80px,10vw,120px)}.bl-article-cover{margin:0 calc(-1*clamp(20px,5vw,48px)) 48px;position:relative;background:var(--c-bg-soft);padding:clamp(12px,2vw,24px);border:1px solid var(--c-border-soft);border-radius:16px}.bl-article-cover picture{display:grid;place-items:center;width:100%}.bl-article-cover img{width:100%;height:auto;object-fit:contain;display:block;border-radius:8px;max-height:460px;margin:0 auto}.bl-article-header{margin-bottom:48px}.bl-article-date{font-family:var(--c-font-mono);font-size:12px;letter-spacing:.1em;color:var(--c-p3);text-transform:uppercase;margin-bottom:16px}.bl-article-title{font-family:var(--c-font-display);font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--c-text-primary);margin-bottom:20px}.bl-article-desc{font-size:18px;line-height:1.6;color:var(--c-text-secondary);max-width:58ch}.bl-article-header:after{content:"";display:block;margin-top:32px;width:48px;height:3px;background:linear-gradient(90deg,var(--c-p2),var(--c-p3));border-radius:2px}.bl-article-header{margin-bottom:32px}.bl-prose{font-size:17px;line-height:1.8;color:var(--c-text-primary)}.bl-prose p{margin-bottom:1.5em}.bl-prose h2{font-family:var(--c-font-display);font-size:clamp(22px,3vw,28px);font-weight:700;color:var(--c-p3);margin:2.5em 0 .75em;letter-spacing:-.02em}.bl-prose h3{font-family:var(--c-font-display);font-size:clamp(18px,2.2vw,22px);font-weight:600;color:var(--c-p4);margin:2em 0 .6em}.bl-prose h4{font-size:16px;font-weight:600;color:var(--c-text-primary);margin:1.8em 0 .5em}.bl-prose ul,.bl-prose ol{padding-left:1.4em;margin-bottom:1.5em}.bl-prose li{margin-bottom:.4em}.bl-prose ul li::marker{color:var(--c-p2)}.bl-prose a{color:var(--c-p2);text-decoration:underline;text-underline-offset:3px}.bl-prose a:hover{color:var(--c-p3)}.bl-prose strong{color:var(--c-text-primary);font-weight:600}.bl-prose em{color:var(--c-text-secondary)}.bl-prose blockquote{border-left:3px solid var(--c-p2);margin:2em 0;padding:12px 0 12px 24px;color:var(--c-text-secondary);font-style:italic;font-size:1.05em}.bl-prose hr{border:none;border-top:1px solid var(--c-border-medium);margin:3em 0}.bl-prose code:not(pre code){font-family:var(--c-font-mono);font-size:.88em;background:var(--c-accent-soft);color:var(--c-accent-text);padding:2px 6px;border-radius:4px}.bl-prose pre{background:#0f1115!important;color:#ffffffd9;border-left:3px solid var(--c-p3);border-radius:8px;padding:20px 24px;overflow-x:auto;margin:1.8em 0;font-size:14px;line-height:1.65}.bl-prose pre code{background:none!important;color:inherit;padding:0;font-size:inherit}.bl-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--c-font-mono);font-size:13px;letter-spacing:.06em;color:var(--c-text-muted);text-decoration:none;margin-bottom:40px;transition:color var(--c-dur-fast) var(--c-ease-out)}.bl-back:hover{color:var(--c-p3)}.bl-footer{border-top:1px solid var(--c-border-soft);padding:32px clamp(20px,5vw,80px);max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--c-text-muted);font-family:var(--c-font-mono)}.bl-footer a{color:var(--c-p2);text-decoration:none}.bl-footer a:hover{color:var(--c-p3)}@media(max-width:600px){.bl-footer{flex-direction:column;gap:8px;text-align:center}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}