:root{color-scheme:light;--bg-color: #ffffff;--surface-color: #f8f8f8;--text-color: #1a1a1a;--muted-color: #666666;--accent-color: #1a1a1a;--border-color: #e5e5e5;--code-bg: #f5f5f5;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes borderGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}body{margin:0;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;line-height:1.7;background:var(--bg-color);color:var(--text-color);min-height:100vh}main{display:block;animation:fadeIn var(--transition-slow) ease both}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;color:var(--text-color);line-height:1.3;transition:letter-spacing var(--transition-base)}h1:hover,h2:hover{letter-spacing:-.01em}h1{font-size:2.2rem}h2{font-size:1.5rem;margin-top:2.5rem}p{margin:1.5rem 0;color:var(--text-color)}a{color:var(--accent-color);text-decoration:none;position:relative;display:inline;transition:color var(--transition-fast),opacity var(--transition-fast)}a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--border-color);transition:background var(--transition-fast),transform var(--transition-fast)}a:hover:after{background:var(--text-color)}a:hover{opacity:.8}a:focus-visible{outline:2px solid var(--text-color);outline-offset:2px}.site-header{border-bottom:1px solid var(--border-color);animation:fadeIn var(--transition-base) ease both}.site-header:after{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);transform-origin:left;animation:borderGrow .6s ease both;animation-delay:.2s;margin-top:-1px}.nav-container{max-width:680px;margin:0 auto;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{font-weight:600;font-size:1rem;color:var(--text-color);text-decoration:none;transition:transform var(--transition-fast),opacity var(--transition-fast)}.brand:after{display:none}.brand:hover{transform:translate(2px);opacity:.7}.brand-icon{display:none}nav ul{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}nav li{animation:fadeIn var(--transition-slow) ease both}nav li:nth-child(1){animation-delay:50ms}nav li:nth-child(2){animation-delay:.1s}nav li:nth-child(3){animation-delay:.15s}nav li:nth-child(4){animation-delay:.2s}nav li a{font-size:.9rem;color:var(--muted-color);text-decoration:none;position:relative;padding:.25rem 0;transition:color var(--transition-fast),transform var(--transition-fast)}nav li a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1.5px;background:var(--text-color);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-base) cubic-bezier(.4,0,.2,1)}nav li a:hover:after,nav li.active a:after{transform:scaleX(1);transform-origin:left}nav li a:hover{transform:translateY(-1px)}nav li a svg{display:none}nav li.active a,nav li a:hover{color:var(--text-color)}.site-main{min-height:calc(100vh - 200px)}.site-footer{max-width:680px;margin:0 auto;padding:3rem 1.5rem 4rem;color:var(--muted-color);font-size:.85rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--border-color);animation:fadeIn var(--transition-slow) ease both;animation-delay:.15s}.site-footer a{color:inherit;text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast)}.site-footer a:after{display:none}.site-footer a:hover{color:var(--text-color);transform:translateY(-1px)}.site-footer .rss-link{display:inline-flex;align-items:center;gap:.4rem}.prose{max-width:680px;margin:0 auto;font-size:1.1rem;color:var(--text-color)}.prose blockquote{margin:2rem 0;padding:0 0 0 1.5rem;border-left:2px solid var(--border-color);color:var(--muted-color);font-style:italic;transition:border-color var(--transition-base),padding-left var(--transition-base),transform var(--transition-base)}.prose blockquote:hover{border-color:var(--muted-color);padding-left:1.75rem;transform:translate(4px)}.prose pre{background:var(--code-bg);border-radius:6px;padding:1.25rem 1.5rem;overflow-x:auto;font-family:SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.prose pre:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f;background:#f0f0f0}.prose pre.astro-code{background:var(--code-bg)!important;border-radius:6px!important;padding:1.25rem 1.5rem!important}code{font-family:SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.prose :not(pre)>code{background:var(--code-bg);padding:.15rem .4rem;border-radius:4px;transition:background var(--transition-fast),transform var(--transition-fast)}.prose :not(pre)>code:hover{background:var(--border-color);transform:scale(1.02)}.astro-code{background:var(--code-bg)!important;border-radius:6px!important;padding:1.25rem 1.5rem!important}.astro-code code{background:transparent!important}ul,ol{padding-left:1.25rem}li{margin:.5rem 0;transition:transform var(--transition-fast)}li:hover{transform:translate(2px)}hr{border:none;height:1px;background:var(--border-color);margin:3rem 0;transform-origin:left;animation:borderGrow .8s ease both}strong{font-weight:600;transition:color var(--transition-fast)}strong:hover{color:var(--muted-color)}em{transition:font-style var(--transition-fast)}.youtube-embed{position:relative;width:100%;padding-bottom:56.25%;margin:2rem 0;border-radius:6px;overflow:hidden;background:var(--surface-color);transition:transform var(--transition-base),box-shadow var(--transition-base),border-radius var(--transition-base)}.youtube-embed:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 32px #0000001a;border-radius:10px}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}::selection{background:var(--text-color);color:var(--bg-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--muted-color)}img{transition:transform var(--transition-base),box-shadow var(--transition-base),filter var(--transition-base)}img:hover{transform:scale(1.01);box-shadow:0 8px 24px #00000014}@media(max-width:640px){body{font-size:17px}.nav-container{flex-direction:column;align-items:flex-start;gap:1rem}nav ul{flex-wrap:wrap;gap:1rem}.site-footer{flex-direction:column;text-align:center}li:hover,.prose blockquote:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.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}