.menu-email-container[data-astro-cid-pux6a34n]{padding:0 1rem;margin-top:.5rem}.email-me-compact[data-astro-cid-pux6a34n]{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;margin:.75rem 0;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.email-me-compact[data-astro-cid-pux6a34n]:before{content:"";position:absolute;inset:0;background:#ffffff1a;transform:translate(-100%);transition:transform .3s ease}.email-me-compact[data-astro-cid-pux6a34n]:hover:before{transform:translate(0)}.email-me-compact[data-astro-cid-pux6a34n]:hover{transform:translate(4px);box-shadow:0 2px 12px #ff6b6b4d}.email-me-compact[data-astro-cid-pux6a34n]:active{transform:translate(2px)}.email-me-compact[data-astro-cid-pux6a34n].revealed{background:linear-gradient(135deg,#28ca42,#20b038)}.email-me-compact[data-astro-cid-pux6a34n].revealed:hover{box-shadow:0 2px 12px #28ca424d}.email-compact-icon[data-astro-cid-pux6a34n]{flex-shrink:0;width:16px;height:16px}.email-compact-text[data-astro-cid-pux6a34n]{flex:1;text-align:left;line-height:1}@media (prefers-color-scheme: dark){.email-me-compact[data-astro-cid-pux6a34n]{box-shadow:0 1px 3px #0003}.email-me-compact[data-astro-cid-pux6a34n]:hover{box-shadow:0 2px 12px #ff6b6b66}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%}body{overflow-x:hidden;width:100%;position:relative;padding-top:80px}main{width:100%;position:relative}img,video,iframe,embed,object{max-width:100%;height:auto}*{word-wrap:break-word;overflow-wrap:break-word}pre{overflow-x:auto;max-width:100%}code{max-width:100%}:root{--color-bg: #F5F5F0;--color-text-primary: #1A1A1A;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-button-primary: #4A5568;--color-button-primary-hover: #3A4557;--color-button-secondary: rgba(255, 255, 255, .8);--color-border-subtle: rgba(26, 26, 26, .06);--color-border-standard: rgba(26, 26, 26, .15);--color-border-emphasis: rgba(26, 26, 26, .25);--color-code-bg: #1A1A1A;--color-code-text: #E2E8F0;--color-code-keyword: #FF7BA8;--color-code-string: #9ECE6A;--color-code-comment: #7C7C7C;--color-code-function: #7DD3FC;--color-code-variable: #BB9AF7;--color-code-type: #FFE66D;--color-code-operator: #89DDFF;--color-code-number: #FF9E64;--color-code-property: #73DACA;--color-code-punctuation: #C0C0C0;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(20px);--glass-blur-subtle: blur(10px);--theme-toggle-bg: rgba(0, 0, 0, .03);--theme-toggle-hover: rgba(0, 0, 0, .05);--theme-toggle-active: rgba(255, 255, 255, .9)}[data-theme=dark]{--color-bg: #0A0A0A;--color-text-primary: #E5E5E0;--color-text-secondary: #A0A0A0;--color-text-tertiary: #666666;--color-button-primary: #718096;--color-button-primary-hover: #5A6B7F;--color-button-secondary: rgba(255, 255, 255, .1);--color-border-subtle: rgba(255, 255, 255, .06);--color-border-standard: rgba(255, 255, 255, .1);--color-border-emphasis: rgba(255, 255, 255, .15);--color-code-bg: #0D0D0D;--color-code-text: #E2E8F0;--color-code-keyword: #FF7BA8;--color-code-string: #9ECE6A;--color-code-comment: #7C7C7C;--color-code-function: #7DD3FC;--color-code-variable: #BB9AF7;--color-code-type: #FFE66D;--color-code-operator: #89DDFF;--color-code-number: #FF9E64;--color-code-property: #73DACA;--color-code-punctuation: #C0C0C0;--glass-bg: rgba(18, 18, 18, .8);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(20px);--glass-blur-subtle: blur(10px);--theme-toggle-bg: rgba(255, 255, 255, .05);--theme-toggle-hover: rgba(255, 255, 255, .08);--theme-toggle-active: rgba(255, 255, 255, .15)}:root{--max-width: 680px;--padding-mobile: 16px;--padding-tablet: 24px;--padding-desktop: 32px;--space-section: 64px;--space-article: 32px;--space-paragraph: 24px;--space-element: 16px;--space-tight: 8px;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-code: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--transition-default: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .2s ease;--transition-slow: all .5s ease}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.5;font-feature-settings:"kern" 1,"liga" 1;font-variant-numeric:lining-nums proportional-nums;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--padding-tablet);width:100%}.nav{position:fixed;top:0;left:0;right:0;height:80px;display:flex;align-items:center;justify-content:space-between;background:#f5f5f0f2;padding:0 var(--padding-tablet);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--color-border-subtle);z-index:1000;transition:var(--transition-fast)}[data-theme=dark] .nav{background:#0a0a0af2}.logo{font-size:20px;font-weight:500;color:var(--color-text-primary);text-decoration:none;display:flex;align-items:center;gap:8px;transition:var(--transition-default);letter-spacing:-.01em}.logo-emoji{display:inline-block;transition:transform .3s ease;transform-origin:70% 70%}.logo:hover .logo-emoji{animation:wave 1.2s ease-in-out}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.menu-icon{width:40px;height:40px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;padding:8px;position:relative;-webkit-tap-highlight-color:transparent}.menu-icon-line{width:24px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transform-origin:center}.menu-icon.is-open .menu-icon-line-top{transform:translateY(6px) rotate(45deg)}.menu-icon.is-open .menu-icon-line-middle{opacity:0;transform:scaleX(0)}.menu-icon.is-open .menu-icon-line-bottom{transform:translateY(-6px) rotate(-45deg)}.menu-container{position:relative}.menu-backdrop{position:fixed;inset:0;height:100vh;height:100dvh;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:998}.menu-backdrop.is-open{opacity:1;visibility:visible}.menu-dropdown{position:fixed;top:0;right:0;bottom:0;width:320px;height:100vh;height:100dvh;background:var(--color-bg);box-shadow:-4px 0 24px #0000001a;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1001;display:flex;flex-direction:column;opacity:0}.menu-dropdown.is-open{transform:translate(0);opacity:1}@media (max-width: 767px){.menu-dropdown{width:85vw;max-width:320px}}.menu-items{display:flex;flex-direction:column;padding:100px 40px 40px;gap:8px;flex:1;overflow-y:auto;overflow-x:hidden}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:20px 0;color:var(--color-text-primary);text-decoration:none;font-size:24px;font-weight:300;letter-spacing:-.02em;position:relative;overflow:hidden;transition:all .3s ease;opacity:0;transform:translate(30px);animation:menuItemSlide .4s ease forwards}@media (max-width: 767px){.menu-items{padding:80px 30px 30px;gap:4px}.menu-item{font-size:20px;padding:16px 0}}@media (max-height: 700px){.menu-items{padding:60px 30px 20px}.menu-item{padding:12px 0;font-size:18px}}.menu-dropdown.is-open .menu-item:nth-child(1){animation-delay:.1s}.menu-dropdown.is-open .menu-item:nth-child(2){animation-delay:.15s}.menu-dropdown.is-open .menu-item:nth-child(3){animation-delay:.2s}@keyframes menuItemSlide{to{opacity:1;transform:translate(0)}}.menu-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-text-primary);transition:width .3s ease}.menu-item:hover:after,.menu-item-active:after{width:100%}.menu-item-text{position:relative;display:inline-block;transition:transform .3s ease}.menu-item:hover .menu-item-text{transform:translate(8px)}.menu-item-icon{opacity:0;transform:translate(-10px);transition:all .3s ease;font-size:20px}.menu-item:hover .menu-item-icon,.menu-item-active .menu-item-icon{opacity:1;transform:translate(0)}.menu-item-active{color:var(--color-text-primary);font-weight:400}.menu-footer{padding:40px;border-top:1px solid var(--color-border-subtle);flex-shrink:0}.menu-footer-text{font-size:14px;color:var(--color-text-tertiary);text-align:center;margin:0}@media (max-width: 767px){.menu-footer{padding:30px}}@media (max-height: 700px){.menu-footer{padding:20px}.menu-footer-text{font-size:12px}}.footer{background:var(--color-bg);border-top:1px solid var(--color-border-subtle);padding:var(--space-section) 0 var(--space-article) 0;margin-top:var(--space-section);overflow:visible}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-section);margin-bottom:var(--space-section);width:100%}.footer-section{overflow:visible}.footer-title{font-size:24px;font-weight:500;margin-bottom:var(--space-tight);color:var(--color-text-primary)}.footer-description{font-size:16px;line-height:1.6;color:var(--color-text-secondary)}.footer-heading{font-size:16px;font-weight:600;margin-bottom:var(--space-element);color:var(--color-text-primary)}.footer-links{display:flex;flex-direction:column;gap:var(--space-tight)}.footer-links a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease;font-size:16px}.footer-links a:hover{color:var(--color-text-primary)}.footer-subscribe-icons{display:flex;gap:12px;overflow:visible;position:relative}.subscribe-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-secondary);background:#00000008;border-radius:8px;transition:all .2s ease;text-decoration:none}.subscribe-icon:hover{color:var(--color-text-primary);background:#0000000f;transform:translateY(-2px)}.subscribe-icon .tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:var(--color-text-primary);color:#fff;padding:6px 12px;border-radius:6px;font-size:14px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:10}.subscribe-icon .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-text-primary)}.subscribe-icon:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-12px)}.footer-bottom{text-align:center;padding-top:var(--space-article);border-top:1px solid var(--color-border-subtle);color:var(--color-text-tertiary);font-size:14px}@media (max-width: 767px){.footer-content{grid-template-columns:1fr;gap:var(--space-article)}.footer-section{text-align:center}.footer-links{align-items:center}.footer-subscribe-icons{justify-content:center}}.hero{padding:var(--space-section) 0;text-align:center}.hero h1{font-size:48px;font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-paragraph);opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .2s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero p{font-size:18px;line-height:1.6;color:var(--color-text-secondary);max-width:500px;margin:0 auto 40px;opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .4s forwards}.button-group{display:flex;gap:var(--space-element);justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .6s forwards}.btn-primary{background:#4a5568;color:#fff;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;border:none;text-decoration:none;display:inline-block;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:#3a4557;transform:translateY(-1px);box-shadow:0 4px 12px #4a55684d}.btn-secondary{background:#fffc;color:#1a1a1a;padding:12px 24px;border:1px solid rgba(26,26,26,.15);border-radius:6px;font-size:16px;font-weight:500;text-decoration:none;display:inline-block;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-secondary:hover{background:#1a1a1a0d;border-color:#1a1a1a40;transform:translateY(-1px)}.articles{padding-bottom:var(--space-section);width:100%;padding-left:4px;padding-right:4px;margin-left:-4px;margin-right:-4px}.article-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;padding:var(--space-article);margin-bottom:var(--space-article);box-shadow:0 1px 3px #0000000a;transition:var(--transition-default);opacity:0;transform:translateY(20px);animation:slideInUp .6s cubic-bezier(.4,0,.2,1) forwards}.article-card:nth-child(1){animation-delay:.1s}.article-card:nth-child(2){animation-delay:.2s}.article-card:nth-child(3){animation-delay:.3s}.article-card:nth-child(4){animation-delay:.4s}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.article-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-4px);border-color:#fff6}.article-card:last-child{margin-bottom:calc(var(--space-article) + 25px)}.article-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--color-text-tertiary);margin-bottom:8px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.article-separator{color:var(--color-text-tertiary);opacity:.5;font-size:11px}.article-category{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:500;opacity:.8}.article-title{font-size:36px;font-weight:400;line-height:1.2;letter-spacing:-.01em;color:var(--color-text-primary);margin-bottom:var(--space-element)}.article-title a{color:inherit;text-decoration:none;transition:var(--transition-fast)}.article-title a:hover{opacity:.8}.article-authors{font-size:14px;color:var(--color-text-tertiary);margin-bottom:var(--space-paragraph)}.article-intro{font-size:18px;line-height:1.6;color:var(--color-text-primary);margin-bottom:var(--space-element)}.article-content{font-size:16px;line-height:1.5;color:var(--color-text-primary)}.article-content p{margin-bottom:var(--space-paragraph)}.article-content h3{font-size:24px;font-weight:500;line-height:1.3;color:var(--color-text-primary);margin:40px 0 var(--space-paragraph) 0}.try-preview{background:linear-gradient(135deg,#f8f9fa,#f1f3f4);padding:14px 20px;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-button-primary);border:1px solid rgba(74,85,104,.1);cursor:pointer;margin:var(--space-paragraph) 0;width:100%;transition:var(--transition-default);position:relative;overflow:hidden}.try-preview:before{content:"▶";margin-right:8px;font-size:10px;opacity:.7}.try-preview:hover{background:linear-gradient(135deg,#f1f3f4,#e8eaed);border-color:#4a556833;transform:translateY(-1px)}.code-block{background:var(--color-code-bg);border-radius:12px;padding:var(--space-paragraph);margin:var(--space-article) 0;overflow-x:auto;position:relative;border:1px solid rgba(255,255,255,.1)}.code-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-element);padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.code-language{font-size:12px;color:#a0aec0;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.code-actions{display:flex;gap:8px}.code-action{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:opacity var(--transition-fast)}.code-action:hover{opacity:.8}.code-action.close{background:#ff5f57}.code-action.minimize{background:#ffbd2e}.code-action.maximize{background:#28ca42}.code-content{font-family:var(--font-code);font-size:14px;line-height:1.6;color:var(--color-code-text);overflow-x:auto}.code-content pre{margin:0;white-space:pre}.keyword{color:var(--color-code-keyword);font-weight:500}.string{color:var(--color-code-string)}.comment{color:var(--color-code-comment);font-style:italic}.function{color:var(--color-code-function)}.variable{color:var(--color-code-variable)}.type{color:var(--color-code-type)}.operator{color:var(--color-code-operator)}.number{color:var(--color-code-number)}.property{color:var(--color-code-property)}.punctuation{color:var(--color-code-punctuation)}.inline-code,code:not(pre code){background:#ff6b6b14;color:var(--color-text-primary);padding:3px 8px;border-radius:6px;font-family:"JetBrains Mono",var(--font-code);font-size:.875em;border:1px solid rgba(255,107,107,.15);font-weight:500;white-space:nowrap;transition:all .2s ease;display:inline-block;position:relative;top:-1px}.inline-code:hover,code:not(pre code):hover{background:#ff6b6b1f;border-color:#ff6b6b40;transform:translateY(-1px);box-shadow:0 2px 8px #ff6b6b1a}@media (max-width: 767px){.container,.nav{padding:0 var(--padding-mobile)}.hero h1{font-size:42px}.article-title{font-size:28px}.article-intro{font-size:16px}.button-group{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px;text-align:center}}@media (min-width: 1024px){.container,.nav{padding:0 var(--padding-desktop)}}.btn-primary:focus,.btn-secondary:focus,.try-preview:focus{outline:2px solid var(--color-button-primary);outline-offset:2px}.logo:focus{outline:2px solid var(--color-button-primary);outline-offset:2px;border-radius:4px}[data-theme=dark] .menu-dropdown{background:#121212d9;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .btn-primary{background:var(--color-button-primary);color:#fff}[data-theme=dark] .btn-primary:hover{background:var(--color-button-primary-hover);box-shadow:0 4px 12px #ffffff1a}[data-theme=dark] .btn-secondary{background:var(--color-button-secondary);color:var(--color-text-primary);border-color:var(--color-border-standard)}[data-theme=dark] .btn-secondary:hover{background:#ffffff26;border-color:var(--color-border-emphasis)}[data-theme=dark] .subscribe-icon{background:#ffffff0d}[data-theme=dark] .subscribe-icon:hover{background:#ffffff1a}[data-theme=dark] .code-block{border:1px solid rgba(255,255,255,.05)}[data-theme=dark] .inline-code{background:#ffffff1a;border-color:#ffffff26}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.article-card,.btn-secondary{border:2px solid var(--color-text-primary);background:#fff}.code-block{border:2px solid #FFFFFF}}.blog-post{padding:var(--space-section) 0}.blog-post-header{text-align:center;margin-bottom:var(--space-section)}.blog-post-title{font-size:48px;font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary);margin:var(--space-element) 0 var(--space-paragraph) 0}.blog-post-meta{font-size:14px;color:var(--color-text-tertiary);margin-bottom:var(--space-tight);font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;gap:var(--space-element)}.blog-post-meta time{color:var(--color-text-secondary)}.reading-time{color:var(--color-text-tertiary)}.reading-time:before{content:"•";margin-right:var(--space-tight);opacity:.5}.blog-post-authors{font-size:16px;color:var(--color-text-secondary);margin-bottom:var(--space-article)}.blog-post-description{font-size:20px;line-height:1.6;color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-weight:300}.blog-post-content{font-size:18px;line-height:1.7;color:var(--color-text-primary);font-variant-numeric:lining-nums proportional-nums}.blog-post-content p{margin-bottom:var(--space-paragraph)}.blog-post-content h1{font-size:36px;font-weight:500;line-height:1.2;margin:calc(var(--space-section) * .75) 0 var(--space-article) 0;color:var(--color-text-primary)}.blog-post-content h2{font-size:32px;font-weight:500;line-height:1.3;margin:var(--space-section) 0 var(--space-paragraph) 0;color:var(--color-text-primary)}.blog-post-content h3{font-size:24px;font-weight:500;line-height:1.3;margin:calc(var(--space-article) * 1.5) 0 var(--space-paragraph) 0;color:var(--color-text-primary)}.blog-post-content ul,.blog-post-content ol{margin-bottom:var(--space-paragraph);padding-left:var(--space-article)}.blog-post-content li{margin-bottom:var(--space-tight);line-height:1.7}.blog-post-content a{color:var(--color-button-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:var(--transition-fast)}.blog-post-content a:hover{opacity:.8}.blog-post-content strong{font-weight:600;color:var(--color-text-primary)}.blog-post-content em{font-style:italic}.blog-post-content blockquote{border-left:3px solid var(--color-border-standard);padding-left:var(--space-paragraph);margin:var(--space-article) 0;font-style:italic;color:var(--color-text-secondary)}.blog-post-content img{max-width:100%;height:auto;border-radius:12px;margin:var(--space-article) 0;box-shadow:0 4px 12px #0000001a;border:1px solid var(--color-border-light);cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.blog-post-content img:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000026}@media (prefers-color-scheme: dark){.blog-post-content img{box-shadow:0 4px 12px #0000004d;border-color:#ffffff1a}}.blog-post-content .code-block{margin:var(--space-article) 0;border-radius:12px}.blog-post-content a[href^=http]:not([href*="heyhuy.com"]){position:relative;padding-right:20px;color:var(--color-accent);text-decoration:none;border-bottom:1px solid rgba(255,107,107,.3);transition:all .2s ease}.blog-post-content a[href^=http]:not([href*="heyhuy.com"]):hover{border-bottom-color:var(--color-accent)}.blog-post-content a[href^=http]:not([href*="heyhuy.com"]):after{content:"↗";position:absolute;right:0;top:-2px;font-size:14px;color:var(--color-accent);font-weight:600;transition:transform .2s ease}.blog-post-content a[href^=http]:not([href*="heyhuy.com"]):hover:after{transform:translate(2px,-2px)}.blog-post-content .citation-link{display:inline-block;width:16px;height:16px;margin-left:3px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);border-radius:4px;text-decoration:none!important;vertical-align:baseline;position:relative;top:-1px;overflow:hidden;text-indent:-9999px;font-size:0;line-height:0;transition:opacity .15s ease}.blog-post-content .citation-link:before{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23FF6B6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'%3E%3C/path%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.blog-post-content .citation-link:hover{opacity:.7}.blog-post-content a.citation-link:after{display:none!important}.blog-post-content a.citation-link{border-bottom:none!important;padding-right:0!important}@media (min-width: 768px){.blog-post-content .code-block{margin:var(--space-article) 0;border-radius:12px}}@media (max-width: 767px){.blog-post{padding:var(--space-article) 0}.blog-post .container{padding:0 32px}.blog-post-title{font-size:36px}.blog-post-description{font-size:18px}.blog-post-content{font-size:16px}.blog-post-content h1{font-size:28px}.blog-post-content h2{font-size:24px}.blog-post-content h3{font-size:20px}}.home-blog-section{position:relative}.view-all-container{text-align:center;margin-top:var(--space-element);margin-bottom:var(--space-section);opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) 1s forwards}.about-page{padding:var(--space-section) 0}.about-hero{text-align:center;margin-bottom:var(--space-section)}.about-title{font-size:48px;font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-paragraph);opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .2s forwards}.about-subtitle{font-size:20px;line-height:1.6;color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-weight:300;opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .4s forwards}.about-content{max-width:680px;margin:0 auto;opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .6s forwards}.about-section{margin-bottom:var(--space-section)}.about-section h2{font-size:32px;font-weight:500;line-height:1.3;margin-bottom:var(--space-paragraph);color:var(--color-text-primary)}.about-section p{font-size:18px;line-height:1.7;color:var(--color-text-primary);margin-bottom:var(--space-paragraph)}.about-list{list-style:none;padding:0;margin:var(--space-paragraph) 0}.about-list li{position:relative;padding-left:24px;margin-bottom:var(--space-tight);font-size:18px;line-height:1.7;color:var(--color-text-primary)}.about-list li:before{content:"•";position:absolute;left:0;color:var(--color-text-secondary)}.blog-page{padding:var(--space-section) 0}.blog-hero{text-align:center;margin-bottom:var(--space-section)}.blog-title{font-size:48px;font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-paragraph);opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .2s forwards}.blog-subtitle{font-size:20px;line-height:1.6;color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-weight:300;opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .4s forwards}.blog-grid{display:grid;gap:var(--space-element);opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .6s forwards}.blog-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:all .3s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a;border-color:#fff6}.blog-card-link{text-decoration:none;color:inherit;display:block}.blog-card-content{padding:32px}.blog-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-paragraph);font-size:13px;color:var(--color-text-tertiary)}.blog-card-category{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);opacity:.8}.blog-card-separator{color:var(--color-text-tertiary);opacity:.5;font-size:11px}.blog-card-date{font-size:13px;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;letter-spacing:.02em}.blog-card-title{font-size:28px;font-weight:500;line-height:1.3;letter-spacing:-.01em;color:var(--color-text-primary);margin-bottom:var(--space-paragraph)}.blog-card-description{font-size:16px;line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-paragraph)}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--color-text-tertiary)}.blog-card-reading-time:before{content:"•";margin:0 var(--space-tight);opacity:.5}.tags-page{padding:var(--space-section) 0}.tags-hero{text-align:center;margin-bottom:var(--space-section)}.tags-title{font-size:48px;font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-paragraph);opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .2s forwards}.tags-subtitle{font-size:20px;line-height:1.6;color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-weight:300;opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .4s forwards}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-element);opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .6s forwards}.tag-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);border:1px solid var(--glass-border);border-radius:12px;padding:24px;text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.tag-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:#fff6}.tag-name{font-size:20px;font-weight:500;color:var(--color-text-primary);margin:0}.tag-count{font-size:14px;color:var(--color-text-tertiary)}.tag-posts-page{padding:var(--space-section) 0}.tag-posts-hero{text-align:center;margin-bottom:var(--space-section)}.back-link{display:inline-flex;align-items:center;font-size:16px;color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--space-paragraph);transition:color .2s ease}.back-link:hover{color:var(--color-text-primary)}.tag-posts-title{font-size:48px;font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-tight);text-transform:capitalize}.tag-posts-count{font-size:18px;color:var(--color-text-tertiary)}.article-tags{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:var(--space-article);padding-top:var(--space-paragraph);border-top:1px solid var(--color-border-subtle)}.article-tag{font-size:14px;font-weight:400;color:var(--color-text-tertiary);text-decoration:none;position:relative;transition:color .2s ease}.article-tag:before{content:"#";margin-right:2px;opacity:.5}.article-tag:hover{color:var(--color-text-primary)}.article-tag:hover:before{opacity:1}.blog-card-category{font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.blog-card-category:hover{color:var(--color-text-primary)}.blog-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--space-paragraph)}.blog-card-tag{font-size:12px;padding:4px 10px;background:#00000008;border-radius:14px;color:var(--color-text-secondary)}@media (max-width: 767px){.about-title,.blog-title,.tags-title,.tag-posts-title{font-size:36px}.about-subtitle,.blog-subtitle{font-size:18px}.about-section h2{font-size:24px}.about-section p,.about-list li{font-size:16px}.blog-card-content{padding:24px}.blog-card-title{font-size:24px}}