@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";.post-layout[data-v-849a69dd]{min-height:100vh;background:var(--color-paper)}.post-main[data-v-849a69dd]{max-width:var(--max-width);margin:0 auto;padding:var(--space-3xl) var(--gutter);display:grid;grid-template-columns:1fr;gap:var(--space-2xl)}@media (min-width: 1200px){.post-main[data-v-849a69dd]{grid-template-columns:100px 2fr 1fr 100px;gap:var(--space-l);align-items:start}.post-article[data-v-849a69dd]{grid-column:2;max-width:none}.post-toc[data-v-849a69dd]{grid-column:3;position:static;max-width:none}}.post-article[data-v-849a69dd]{max-width:800px}.post-nav[data-v-849a69dd]{margin-bottom:var(--space-l)}.home-link[data-v-849a69dd]{font-family:JetBrains Mono,monospace;font-size:var(--type-scale-1);color:var(--color-gray);text-decoration:none;transition:color .3s ease;display:inline-block}.home-link[data-v-849a69dd]:hover{color:var(--color-ink)}.post-header[data-v-849a69dd]{margin-bottom:var(--space-3xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-code-bg)}.post-title[data-v-849a69dd]{font-family:Playfair Display,serif;font-size:var(--type-scale-6);font-weight:700;line-height:1.1;margin-bottom:var(--space-l);color:var(--color-ink);letter-spacing:-.01em}.post-meta[data-v-849a69dd]{display:flex;flex-direction:column;gap:var(--space-s)}.post-date[data-v-849a69dd]{font-family:JetBrains Mono,monospace;font-size:var(--type-scale-1);color:var(--color-gray);letter-spacing:.05em}.post-description[data-v-849a69dd]{font-family:Playfair Display,serif;font-size:var(--type-scale-3);color:var(--color-gray);font-style:italic;line-height:1.5}.post-content[data-v-849a69dd]{line-height:1.7;color:var(--color-ink);position:relative}.post-content[data-v-849a69dd] h1,.post-content[data-v-849a69dd] h2,.post-content[data-v-849a69dd] h3,.post-content[data-v-849a69dd] h4,.post-content[data-v-849a69dd] h5,.post-content[data-v-849a69dd] h6{font-family:Playfair Display,serif;font-weight:600;line-height:1.3;margin-top:var(--space-2xl);margin-bottom:var(--space-l);color:var(--color-ink)}.post-content[data-v-849a69dd] h1{font-size:var(--type-scale-5)}.post-content[data-v-849a69dd] h2{font-size:var(--type-scale-4)}.post-content[data-v-849a69dd] h3{font-size:var(--type-scale-3)}.post-content[data-v-849a69dd] p{font-size:var(--type-scale-2);line-height:1.7;margin:calc(var(--space-l) / 2) 0;max-width:70ch}.post-content[data-v-849a69dd] p:first-of-type{font-size:var(--type-scale-2);line-height:1.7;color:var(--color-ink)}.post-content[data-v-849a69dd] blockquote{margin:var(--space-2xl) 0;padding:var(--space-xl);background:var(--color-code-bg);border-left:4px solid var(--color-accent-gold);font-style:italic;font-size:var(--type-scale-3);position:relative}.post-content[data-v-849a69dd] .content-aside{margin:var(--space-2xl) 0;padding:var(--space-xl);background:var(--color-code-bg);position:relative}@media (min-width: 1200px){.post-content[data-v-849a69dd] blockquote{position:absolute;left:calc(100% + var(--space-l));width:25vw;max-width:400px;margin:0;padding:var(--space-l);font-size:var(--type-scale-2);background:var(--color-paper);border:1px solid var(--color-code-bg);border-left:4px solid var(--color-accent-gold);box-shadow:0 2px 8px #0000001a}.post-content[data-v-849a69dd] blockquote:before{display:none}}.post-content[data-v-849a69dd] blockquote:before{content:'"';position:absolute;top:var(--space-m);left:var(--space-m);font-size:var(--type-scale-5);color:var(--color-accent-gold);font-family:Playfair Display,serif}.post-content[data-v-849a69dd] pre{margin:var(--space-xl) 0;padding:var(--space-xl);background:var(--color-code-bg);border-left:4px solid var(--color-accent-blue);border-radius:8px;overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:var(--type-scale-1);line-height:1.6;position:relative}.post-content[data-v-849a69dd] pre code{background:none;padding:0;font-size:inherit;border-radius:0}.post-content[data-v-849a69dd] code{font-family:JetBrains Mono,monospace;background:var(--color-code-bg);padding:.2em .4em;border-radius:4px;font-size:.9em;color:var(--color-ink)}.post-content[data-v-849a69dd] ul,.post-content[data-v-849a69dd] ol{margin:var(--space-l) 0;padding-left:var(--space-xl)}.post-content[data-v-849a69dd] li{margin-bottom:var(--space-s);line-height:1.6}.post-content[data-v-849a69dd] a{color:var(--color-accent-blue);text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.post-content[data-v-849a69dd] a:hover{color:var(--color-accent-gold);border-bottom-color:var(--color-accent-gold)}.post-footer[data-v-849a69dd]{margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--color-code-bg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-l)}.post-toc[data-v-849a69dd]{position:sticky;top:var(--space-3xl);height:fit-content;padding:var(--space-l);background:var(--color-code-bg);border-radius:8px;max-width:200px}.toc-title[data-v-849a69dd]{font-family:JetBrains Mono,monospace;font-size:var(--type-scale-1);font-weight:500;margin-bottom:var(--space-m);color:var(--color-ink);letter-spacing:.05em}.toc-list[data-v-849a69dd]{list-style:none;padding:0;margin:0}.toc-list li[data-v-849a69dd]{margin-bottom:var(--space-xs)}.toc-link[data-v-849a69dd]{font-size:var(--type-scale-1);color:var(--color-gray);text-decoration:none;line-height:1.4;display:block;padding:var(--space-xs) 0;transition:color .3s ease}.toc-link[data-v-849a69dd]:hover{color:var(--color-accent-blue)}.toc-level-3[data-v-849a69dd]{padding-left:var(--space-m)}.toc-level-4[data-v-849a69dd]{padding-left:var(--space-l)}@media (max-width: 768px){.post-main[data-v-849a69dd]{padding:var(--space-xl) var(--gutter)}.post-title[data-v-849a69dd]{font-size:var(--type-scale-5)}.post-toc[data-v-849a69dd]{display:none}.post-footer[data-v-849a69dd]{flex-direction:column;align-items:flex-start}}.not-found[data-v-0c06c7ac]{min-height:100vh;display:grid;place-content:center;text-align:center;background:var(--color-paper);padding:var(--space-2xl)}.not-found-content[data-v-0c06c7ac]{max-width:600px}.not-found-title[data-v-0c06c7ac]{font-family:Playfair Display,serif;font-size:var(--type-scale-7);font-weight:900;color:var(--color-gray);margin-bottom:var(--space-l);opacity:.3}.not-found-description[data-v-0c06c7ac]{font-size:var(--type-scale-3);color:var(--color-gray);margin-bottom:var(--space-2xl);line-height:1.6}.not-found-home[data-v-0c06c7ac]{display:inline-block;font-family:JetBrains Mono,monospace;font-size:var(--type-scale-2);color:var(--color-accent-blue);text-decoration:none;padding:var(--space-m) var(--space-xl);border:2px solid var(--color-accent-blue);transition:all .3s ease;position:relative;overflow:hidden}.not-found-home[data-v-0c06c7ac]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-accent-blue);transition:left .3s ease;z-index:-1}.not-found-home[data-v-0c06c7ac]:hover:before{left:0}.not-found-home[data-v-0c06c7ac]:hover{color:var(--color-paper);transform:translateY(-2px);box-shadow:0 8px 24px var(--color-shadow-dark)}:root{--type-scale-1: clamp(.75rem, .7rem + .25vw, .875rem);--type-scale-2: clamp(1rem, .95rem + .25vw, 1.125rem);--type-scale-3: clamp(1.333rem, 1.2rem + .5vw, 1.5rem);--type-scale-4: clamp(1.777rem, 1.5rem + 1vw, 2rem);--type-scale-5: clamp(2.369rem, 2rem + 1.5vw, 2.666rem);--type-scale-6: clamp(3.157rem, 2.5rem + 2.5vw, 3.555rem);--type-scale-7: clamp(4.209rem, 3rem + 4vw, 4.74rem);--space-xs: .382rem;--space-s: .618rem;--space-m: 1rem;--space-l: 1.618rem;--space-xl: 2.618rem;--space-2xl: 4.236rem;--space-3xl: 6.854rem;--color-ink: oklch(20% .02 250);--color-paper: oklch(98% .005 90);--color-gray: oklch(60% .01 250);--color-accent-gold: oklch(70% .15 85);--color-accent-blue: oklch(55% .2 250);--color-code-bg: oklch(96% .01 90);--color-shadow: oklch(30% .05 250 / .1);--color-shadow-dark: oklch(20% .05 250 / .2);--color-syntax-keyword: oklch(50% .15 260);--color-syntax-string: oklch(55% .12 120);--color-syntax-comment: oklch(65% .02 250);--color-syntax-number: oklch(60% .1 30);--color-syntax-function: oklch(45% .18 240);--max-width: 1440px;--gutter: clamp(1rem, 2vw, 2rem)}div[class*=language-]{margin:var(--space-xl) 0;border-radius:6px;overflow:hidden;position:relative;border:none;border-left:none}div[class*=language-] pre.shiki{margin:0;padding:var(--space-l);overflow-x:auto;border:none;border-left:none}div[class*=language-] pre.shiki code{border:none;background:none;padding:0}div[class*=language-] .shiki span[style*=--shiki-light]{color:var(--shiki-light)}div[class*=language-] pre.shiki span{text-decoration:none;border:none}div[class*=language-] .lang,div[class*=language-] .copy{display:none}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;font-size:var(--type-scale-2);line-height:1.6;color:var(--color-ink);background:var(--color-paper);overflow-x:hidden}.magazine{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter);position:relative}.chapter{padding:var(--space-3xl) 0;position:relative;display:grid;grid-template-columns:1fr;gap:var(--space-2xl)}@media (min-width: 1024px){.chapter{grid-template-columns:1fr minmax(0,800px) 1fr}.chapter>*{grid-column:2}.chapter-number{grid-column:1;justify-self:end}.margin-note{grid-column:3;justify-self:start}}.chapter-number{font-family:Playfair Display,serif;font-size:var(--type-scale-7);font-weight:900;color:var(--color-code-bg);line-height:1;position:sticky;top:var(--space-xl);height:fit-content;z-index:-1;opacity:0;animation:fadeIn .5s ease-out forwards}.chapter-title{font-family:Playfair Display,serif;font-size:var(--type-scale-6);font-weight:700;margin-bottom:var(--space-xl);position:relative;padding-bottom:var(--space-m)}.chapter-title:after{content:"";position:absolute;bottom:0;left:0;width:var(--space-3xl);height:3px;background:var(--color-accent-gold)}.section{margin-bottom:var(--space-2xl)}.section p{padding-bottom:var(--space-m)}.section-title{font-family:Playfair Display,serif;font-size:var(--type-scale-4);font-weight:600;margin-bottom:var(--space-l);color:var(--color-ink)}.prose{font-size:var(--type-scale-2);line-height:1.7;color:var(--color-ink);max-width:65ch}.prose+.prose{margin-top:var(--space-l)}.code-pullquote{margin:var(--space-2xl) calc(-1 * var(--gutter));padding:var(--space-xl);background:var(--color-code-bg);border-left:4px solid var(--color-accent-gold);position:relative;font-family:JetBrains Mono,monospace;font-size:var(--type-scale-2);line-height:1.6;overflow-x:auto}@media (min-width: 768px){.code-pullquote{margin-left:calc(-2 * var(--gutter));margin-right:calc(-2 * var(--gutter))}}.code-pullquote:before{content:"< >";position:absolute;top:var(--space-m);right:var(--space-m);font-size:var(--type-scale-1);color:var(--color-gray);opacity:.5}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);margin:var(--space-2xl) 0}.project-list{display:flex;flex-direction:column;gap:var(--space-xl);margin:var(--space-2xl) 0}.writing-list{display:flex;flex-direction:column;gap:var(--space-l);margin:var(--space-2xl) 0}.margin-note{font-family:JetBrains Mono,monospace;font-size:var(--type-scale-1);color:var(--color-gray);padding:var(--space-m);border-left:2px solid var(--color-code-bg);margin-top:var(--space-m);opacity:0;animation:fadeInSide .5s ease-out .5s forwards}@media (min-width: 1024px){.margin-note{margin-top:0;max-width:200px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInSide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.scroll-reveal{opacity:0;transform:translateY(20px);transition:all .6s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.footer{text-align:center;padding:var(--space-2xl) 0;border-top:1px solid var(--color-code-bg);margin-top:var(--space-3xl);font-family:JetBrains Mono,monospace;font-size:var(--type-scale-1);color:var(--color-gray)}@media (max-width: 768px){.chapter-number{position:static;opacity:.1;font-size:var(--type-scale-6);margin-bottom:calc(-1 * var(--space-2xl))}.feature-grid{grid-template-columns:1fr}}@media (min-width: 2560px){.magazine{max-width:2000px}.chapter-number{font-size:calc(var(--type-scale-7) * 1.5)}.margin-note{max-width:300px;font-size:var(--type-scale-2)}}.cover[data-v-c2714b2c]{min-height:100vh;display:grid;place-content:center;text-align:center;position:relative;padding:var(--space-2xl) 0}.cover[data-v-c2714b2c]:before{content:"ISSUE 001";position:absolute;top:var(--space-xl);left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:var(--type-scale-1);letter-spacing:.2em;color:var(--color-gray);opacity:.5}.display-title[data-v-c2714b2c]{font-family:Playfair Display,serif;font-size:var(--type-scale-7);font-weight:900;line-height:.9;margin-bottom:var(--space-m);letter-spacing:-.02em;position:relative;animation:fadeInUp-c2714b2c 1s ease-out}.display-title[data-v-c2714b2c]:after{content:"";position:absolute;bottom:-.1em;left:50%;transform:translate(-50%);width:.5em;height:.05em;background:var(--color-accent-gold);animation:expandWidth-c2714b2c 1.5s ease-out .5s forwards}@keyframes expandWidth-c2714b2c{to{width:2em}}.tagline[data-v-c2714b2c]{font-size:var(--type-scale-3);font-weight:300;color:var(--color-gray);letter-spacing:.05em;animation:fadeInUp-c2714b2c 1s ease-out .2s backwards}.intro-text[data-v-c2714b2c]{max-width:32ch;margin:var(--space-2xl) auto;font-size:var(--type-scale-3);line-height:1.5;animation:fadeInUp-c2714b2c 1s ease-out .4s backwards}.youtube-badge[data-v-c2714b2c]{display:inline-flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-l);background:var(--color-code-bg);border:1px solid var(--color-gray);text-decoration:none;color:var(--color-ink);font-family:JetBrains Mono,monospace;font-size:var(--type-scale-1);transition:all .3s ease;animation:fadeInUp-c2714b2c 1s ease-out .6s backwards;position:relative;overflow:hidden}.youtube-badge[data-v-c2714b2c]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-accent-gold),transparent);opacity:.3;transition:left .5s ease}.youtube-badge[data-v-c2714b2c]:hover:before{left:100%}.youtube-badge[data-v-c2714b2c]:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow)}.youtube-badge i[data-v-c2714b2c]{color:red}@keyframes fadeInUp-c2714b2c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card[data-v-73cf9581]{padding:var(--space-l);background:var(--color-paper);border:1px solid var(--color-code-bg);position:relative;transition:all .3s ease;overflow:hidden}.feature-card[data-v-73cf9581]:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-accent-gold),var(--color-accent-blue));transform:translate(-100%);transition:transform .3s ease}.feature-card[data-v-73cf9581]:hover:before{transform:translate(0)}.feature-card[data-v-73cf9581]:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--color-shadow)}.feature-title[data-v-73cf9581]{font-family:Playfair Display,serif;font-size:var(--type-scale-3);font-weight:600;margin-bottom:var(--space-s);color:var(--color-ink)}.feature-description[data-v-73cf9581]{font-size:var(--type-scale-1);line-height:1.6;color:var(--color-gray)}.project-item[data-v-6419ed40]{display:grid;grid-template-columns:auto 1fr;gap:var(--space-l);padding:var(--space-l);background:var(--color-paper);border:1px solid var(--color-code-bg);transition:all .3s ease;position:relative}.project-item[data-v-6419ed40]:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--color-accent-blue);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.project-item[data-v-6419ed40]:hover:before{transform:scaleY(1)}.project-item[data-v-6419ed40]:hover{box-shadow:0 4px 16px var(--color-shadow)}.project-name[data-v-6419ed40]{font-family:JetBrains Mono,monospace;font-size:var(--type-scale-3);font-weight:500;color:var(--color-ink)}.project-links[data-v-6419ed40]{display:flex;gap:var(--space-m);margin-top:var(--space-xs)}.project-link[data-v-6419ed40]{color:var(--color-accent-blue);text-decoration:none;font-size:var(--type-scale-1);transition:color .3s ease}.project-link[data-v-6419ed40]:hover{color:var(--color-accent-gold)}.project-description[data-v-6419ed40]{font-size:var(--type-scale-2);line-height:1.6;color:var(--color-gray)}@media (max-width: 768px){.project-item[data-v-6419ed40]{grid-template-columns:1fr}}.writing-item[data-v-89d0a3f6]{padding:var(--space-l) 0;border-bottom:1px solid var(--color-code-bg);transition:all .3s ease}.writing-item[data-v-89d0a3f6]:hover{transform:translate(var(--space-l))}.writing-link[data-v-89d0a3f6]{text-decoration:none;color:inherit;display:block}.writing-title[data-v-89d0a3f6]{font-family:Playfair Display,serif;font-size:var(--type-scale-3);font-weight:600;color:var(--color-ink);margin-bottom:var(--space-xs);transition:color .3s ease}.writing-item:hover .writing-title[data-v-89d0a3f6]{color:var(--color-accent-blue)}.writing-description[data-v-89d0a3f6]{font-size:var(--type-scale-2);color:var(--color-gray);line-height:1.6}.contact-section[data-v-55e7f81c]{text-align:center;padding:var(--space-3xl) 0;position:relative}.contact-content[data-v-55e7f81c]{max-width:600px;margin:0 auto}.contact-email[data-v-55e7f81c]{display:inline-block;font-family:JetBrains Mono,monospace;font-size:var(--type-scale-4);color:var(--color-accent-blue);text-decoration:none;padding:var(--space-m) var(--space-xl);margin-top:var(--space-xl);border:2px solid var(--color-accent-blue);transition:all .3s ease;position:relative;overflow:hidden}.contact-email[data-v-55e7f81c]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-accent-blue);transition:left .3s ease;z-index:-1}.contact-email[data-v-55e7f81c]:hover:before{left:0}.contact-email[data-v-55e7f81c]:hover{color:var(--color-paper);transform:translateY(-2px);box-shadow:0 8px 24px var(--color-shadow-dark)}.contents[data-v-ccbcd838]{position:fixed;right:var(--space-xl);top:50%;transform:translateY(-50%);z-index:100;display:none}@media (min-width: 1024px){.contents[data-v-ccbcd838]{display:block}}.contents-list[data-v-ccbcd838]{list-style:none;display:flex;flex-direction:column;gap:var(--space-m)}.contents-item[data-v-ccbcd838]{text-align:right;position:relative}.contents-link[data-v-ccbcd838]{font-family:JetBrains Mono,monospace;font-size:var(--type-scale-1);color:var(--color-gray);text-decoration:none;padding:var(--space-xs) var(--space-m);display:block;transition:all .3s ease;position:relative}.contents-link[data-v-ccbcd838]:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px;height:0;background:var(--color-accent-gold);transition:height .3s ease}.contents-link[data-v-ccbcd838]:hover,.contents-link.active[data-v-ccbcd838]{color:var(--color-ink)}.contents-link[data-v-ccbcd838]:hover:before,.contents-link.active[data-v-ccbcd838]:before{height:100%}.tip[data-v-88c05f83]{margin:var(--space-s) 0;background:var(--color-code-bg);border-left:4px solid #42b883;color:var(--color-ink);font-size:var(--type-scale-2);line-height:1.6}.tip[data-v-88c05f83] p{padding:var(--space-m);margin:0}.tip[data-v-88c05f83] ul,.tip[data-v-88c05f83] ol{padding:var(--space-s) var(--space-m);margin:0;padding-left:var(--space-xl)}.tip[data-v-88c05f83] li{margin-bottom:var(--space-xs)}.tip[data-v-88c05f83] code{font-family:JetBrains Mono,monospace;background:var(--color-paper);padding:.2em .4em;border-radius:4px;font-size:.9em}