:root{--bg: #fafafa;--bg-elevated: #ffffff;--bg-muted: #f4f4f5;--ink: #09090b;--ink-soft: #3f3f46;--muted: #71717a;--line: #e4e4e7;--line-strong: #d4d4d8;--primary: #18181b;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #eff6ff;--focus: #2563eb;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--s-9: 5rem;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-full: 999px;--max: 72rem;--max-content: 42rem;--max-article: 52rem;--max-page: 56rem;--header-h: 3.5rem;--pad-x: clamp(1.25rem, 4vw, 2rem);--z-scene: 0;--z-content: 10;--z-chrome: 40;--z-glass: 45;--z-overlay: 50;--font: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-md: 1.125rem;--text-lg: clamp(1.25rem, 2vw, 1.5rem);--text-xl: clamp(1.75rem, 3.5vw, 2.25rem);--text-2xl: clamp(2.25rem, 5vw, 3rem);--leading-body: 1.7;--leading-tight: 1.25;--duration-stagger: 40ms;--duration-micro: 80ms;--duration-quick: .15s;--duration-fast: .25s;--duration-medium: .35s;--duration-slow: .4s;--duration-very-slow: .5s;--ease-smooth-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: ease-in-out;--ease-out: ease-out;--ease-linear: linear;--ease-bounce: cubic-bezier(.34, 1.36, .64, 1);--ease-bounce-strong: cubic-bezier(.34, 3.85, .64, 1);--distance-micro: 4px;--distance-small: 6px;--distance-base: 8px;--distance-medium: 12px;--distance-large: 30px;--scale-large: .96;--scale-medium: .97;--scale-small: .98;--scale-tiny: .99;--blur-small: 2px;--blur-medium: 3px;--blur-large: 8px;--avatar-lift: -4px;--avatar-dur: .32s;--avatar-scale: 1.05;--avatar-falloff: .45;--avatar-ease-in: cubic-bezier(.22, 1, .36, 1);--avatar-ease-out: cubic-bezier(.34, 3.85, .64, 1);--tt-in-dur: .15s;--tt-out-dur: 50ms;--tt-scale: .98;--tt-delay: 80ms;--tt-in-ease: ease-out;--tt-out-ease: ease-out;--tt-bg: #ffffff;--tt-fg: #3f3f46;--stagger-dur: .5s;--stagger-distance: 12px;--stagger-stagger: 40ms;--stagger-blur: 3px;--stagger-ease: cubic-bezier(.22, 1, .36, 1);--tilt-perspective: 1000px;--tilt-return: 1s;--tilt-return-ease: cubic-bezier(.22, 1, .36, 1);--tilt-follow: .4s;--tilt-follow-ease: cubic-bezier(.22, 1, .36, 1);--tilt-glare-opacity: .32;--tilt-glare-fade: .3s;--tilt-glare-ease: cubic-bezier(.22, 1, .36, 1);--learn-shift: 2px;--learn-spread: 8deg;--learn-in: .35s;--learn-out: .35s;--learn-ease: cubic-bezier(.22, 1, .36, 1);--ease: var(--duration-quick) var(--ease-smooth-out);--shadow-sm: 0 1px 2px rgba(9, 9, 11, .04);--shadow-md: 0 8px 24px rgba(9, 9, 11, .06);--shadow-lg: 0 16px 40px rgba(9, 9, 11, .08)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;color:var(--ink);font-family:var(--font);font-size:var(--text-base);line-height:var(--leading-body);background:var(--bg);overflow-x:hidden}.page-progress{position:fixed;top:0;left:0;z-index:100;height:2px;width:0;pointer-events:none;background:linear-gradient(90deg,var(--accent),#60a5fa);box-shadow:0 0 12px #2563eb73;opacity:0;transition:width var(--duration-fast) var(--ease-smooth-out),opacity var(--duration-quick) var(--ease-out)}.page-progress.is-active{opacity:1}.page-progress.is-done{opacity:0;transition:width .12s linear,opacity .28s var(--ease-out) 40ms}body.is-booting[data-page=about] .page,body.is-booting[data-page=post] .article-page{opacity:0;transform:translateY(6px);filter:blur(2px);pointer-events:none}body.is-booting[data-page=posts] .page-header{opacity:.45}body.is-ready .page,body.is-ready .article-page{opacity:1;transform:none;filter:none;transition:opacity var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out),filter var(--duration-fast) var(--ease-smooth-out)}body.is-ready[data-page=posts] .page-header{opacity:1;transition:opacity var(--duration-fast) var(--ease-smooth-out)}.post-skel{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--bg-elevated);overflow:hidden;min-height:10.5rem;box-shadow:var(--shadow-sm)}.post-skel-bar{height:3px;background:linear-gradient(90deg,var(--line),var(--line-strong))}.post-skel-body{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.post-skel-line{height:.75rem;border-radius:999px;background:linear-gradient(90deg,var(--bg-muted) 0%,#e8e8ec 50%,var(--bg-muted) 100%);background-size:200% 100%;animation:page-skel-shimmer 1.2s linear infinite}.post-skel-line--sm{width:28%;height:.65rem}.post-skel-line--md{width:72%}.post-skel-line--lg{width:92%}.post-skel-line--title{width:64%;height:1.05rem;margin-top:.15rem}@keyframes page-skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.page-load-error{margin:0;padding:var(--s-5);color:var(--ink-soft);text-align:center}body[data-page=home]{height:100dvh;max-height:100dvh;overflow:hidden}body[data-page=home] main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}body[data-page=home] .home-stage{flex:1 1 auto;min-height:0;width:100%}body[data-page=home] .site-footer{flex-shrink:0;margin-top:0}#scene{position:fixed;inset:0;z-index:var(--z-scene);pointer-events:none;overflow:hidden;background:radial-gradient(900px 520px at 12% 0%,rgba(37,99,235,.08),transparent 55%),radial-gradient(700px 480px at 100% 10%,rgba(24,24,27,.05),transparent 50%),radial-gradient(800px 500px at 50% 100%,rgba(37,99,235,.05),transparent 55%),linear-gradient(180deg,#fafafa,#f4f4f5)}#scene .blob{position:absolute;border-radius:50%;filter:blur(24px);opacity:.55}#scene .blob-a{width:min(42vw,380px);height:min(42vw,380px);left:-4%;top:12%;background:radial-gradient(circle,rgba(37,99,235,.22),transparent 70%)}#scene .blob-b{width:min(36vw,320px);height:min(36vw,320px);right:-2%;top:22%;background:radial-gradient(circle,rgba(24,24,27,.08),transparent 70%)}#scene .blob-c{width:min(46vw,420px);height:min(46vw,420px);left:30%;bottom:-14%;background:radial-gradient(circle,rgba(37,99,235,.1),transparent 70%)}::selection{background:#2563eb2e;color:var(--ink)}a{color:inherit;text-decoration:none;cursor:pointer}img{max-width:100%;height:auto;display:block}.lqg-lens,.lqg-glass{pointer-events:none!important;will-change:auto!important}.chrome{position:sticky;top:0;z-index:var(--z-chrome);flex-shrink:0;padding:var(--s-3) var(--pad-x) 0}.site-header{min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);width:min(var(--max),100%);margin:0 auto;padding:.4rem .55rem .4rem .85rem;border-radius:var(--r-full);background:transparent}html.reduce-transparency .site-header,html.reduce-transparency .site-footer,html.reduce-transparency .social-btn,html.reduce-transparency .back-link{background:#fffffff0;border:1px solid var(--line);box-shadow:var(--shadow-md)}.lg-host{background:transparent!important;border-color:transparent!important;box-shadow:none!important}.brand{display:inline-flex;align-items:center;min-width:0;padding:.15rem .55rem .15rem .35rem;border-radius:var(--r-full);font-weight:600;transition:opacity var(--ease)}.brand:hover{opacity:.85}.brand-text{font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root{--pro-grad-hue-dur: 9s;--pro-grad-orbit-dur: 7s;--pro-grad-base-from: #18181b;--pro-grad-base-to: #3f3f46;--pro-grad-1: #1d4ed8;--pro-grad-2: #2563eb;--pro-grad-3: #3b82f6;--pro-grad-4: #60a5fa;--pro-grad-5: #4f46e5;--pro-grad-6: #0ea5e9}.t-pro-gradient{display:inline-block;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 67 42' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23g)' opacity='0.92'/><defs><radialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(0.34726 -1.3118e-7 8.6482e-7 0.89585 33.5 21)'><stop stop-color='rgba(37,99,235,1)' offset='0'/><stop stop-color='rgba(37,99,235,0)' offset='1'/></radialGradient></defs></svg>"),url("data:image/svg+xml;utf8,<svg viewBox='0 0 67 42' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23g)' opacity='0.55'/><defs><radialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-1.3 0.25 -1.2633 -2.7471 33.5 21)'><stop stop-color='rgba(29,78,216,1)' offset='0'/><stop stop-color='rgba(29,78,216,0)' offset='1'/></radialGradient></defs></svg>"),url("data:image/svg+xml;utf8,<svg viewBox='0 0 67 42' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23g)' opacity='0.42'/><defs><radialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(1.05 -0.8 0.46018 3.6184 33.5 21)'><stop stop-color='rgba(79,70,229,0.95)' offset='0'/><stop stop-color='rgba(79,70,229,0)' offset='0.72'/></radialGradient></defs></svg>"),url("data:image/svg+xml;utf8,<svg viewBox='0 0 67 42' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23g)'/><defs><radialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-0.51067 0 0 -1.1396 33.5 21)'><stop stop-color='rgba(59,130,246,1)' offset='0'/><stop stop-color='rgba(59,130,246,0)' offset='1'/></radialGradient></defs></svg>"),url("data:image/svg+xml;utf8,<svg viewBox='0 0 67 42' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23g)'/><defs><radialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-0.45 -0.75 1.9052 -0.7091 33.5 21)'><stop stop-color='rgba(96,165,250,1)' offset='0'/><stop stop-color='rgba(96,165,250,0)' offset='1'/></radialGradient></defs></svg>"),url("data:image/svg+xml;utf8,<svg viewBox='0 0 67 42' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23g)'/><defs><radialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(1.25 -0.35 -0.4013 3.5959 33.5 21)'><stop stop-color='rgba(14,165,233,0.95)' offset='0'/><stop stop-color='rgba(14,165,233,0.55)' offset='0.35'/><stop stop-color='rgba(37,99,235,0)' offset='1'/></radialGradient></defs></svg>"),url("data:image/svg+xml;utf8,<svg viewBox='0 0 67 42' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23g)'/><defs><radialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-0.87391 0.73043 -4.1482 -1.9503 33.5 21)'><stop stop-color='rgba(30,64,175,1)' offset='0'/><stop stop-color='rgba(30,64,175,0)' offset='1'/></radialGradient></defs></svg>"),linear-gradient(135deg,var(--pro-grad-base-from) 0%,var(--pro-grad-base-to) 100%);background-size:180% 180%,180% 180%,180% 180%,180% 180%,180% 180%,180% 180%,180% 180%,100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:t-pro-grad-orbit var(--pro-grad-orbit-dur) ease-in-out infinite}@keyframes t-pro-grad-hue{0%,to{filter:hue-rotate(-12deg) saturate(1.12)}50%{filter:hue-rotate(18deg) saturate(1.18)}}@keyframes t-pro-grad-orbit{0%,to{background-position:100% 0%,0% 50%,100% 50%,0% 100%,0% 0%,50% 0%,50% 100%,0 0}25%{background-position:100% 100%,50% 0%,50% 100%,0% 0%,100% 0%,100% 50%,0% 50%,0 0}50%{background-position:0% 100%,100% 50%,0% 50%,100% 0%,100% 100%,50% 100%,50% 0%,0 0}75%{background-position:0% 0%,50% 100%,50% 0%,100% 100%,0% 100%,0% 50%,100% 50%,0 0}}.site-nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:var(--s-1);font-size:var(--text-sm)}.site-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.4rem .85rem;border-radius:var(--r-full);font-weight:500;color:var(--ink-soft);transition:color var(--ease),background var(--ease)}.site-nav a:hover{color:var(--ink);background:#ffffff73}.site-nav a[aria-current=page]{color:var(--ink);background:#ffffff9e;font-weight:600}.site-nav a:focus-visible,.social-btn:focus-visible,.back-link:focus-visible,.post-card:focus-visible,.footer-icon:focus-visible,.brand:focus-visible{outline:2px solid var(--focus);outline-offset:3px}main{position:relative;z-index:var(--z-content);flex:1 0 auto;width:100%}.site-footer{position:relative;z-index:var(--z-content);flex-shrink:0;width:100%;margin:0;padding:0 var(--pad-x) var(--s-5);border:0;border-radius:0;background:transparent;box-shadow:none}.footer-inner{width:min(var(--max-page),100%);margin:0 auto;padding-top:var(--s-4);display:flex;align-items:center;justify-content:center;gap:var(--s-3);border-top:1px solid var(--line)}.footer-copy{margin:0;color:var(--muted);font-size:var(--text-xs);letter-spacing:.02em}.footer-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--r-full);color:var(--muted);transition:color var(--ease),background var(--ease)}.footer-icon:hover{color:var(--ink);background:var(--bg-muted)}.footer-icon:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.footer-icon svg{display:block}.home-stage{display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,6vh,3.5rem) var(--pad-x)}.home-hero{width:min(34rem,100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(1.25rem,3.5vh,2rem)}.home-title{margin:0;max-width:16ch;font-size:var(--text-2xl);font-weight:600;letter-spacing:-.03em;line-height:var(--leading-tight);color:var(--ink)}.t-tilt--text{display:flex;justify-content:center;width:100%;padding:var(--s-4) var(--s-3);margin:calc(var(--s-4) * -1) calc(var(--s-3) * -1)}.t-tilt--text .t-tilt-card.home-title{border-radius:0;overflow:visible;background:transparent;border:0;box-shadow:none;transform-origin:center center;text-shadow:0 1px 0 rgba(255,255,255,.35)}.t-tilt--text .t-tilt-glare{display:none}.social-row,.intro-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--s-3)}.social-btn{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:var(--r-full);color:var(--ink);background:#ffffff75;border:1px solid rgba(255,255,255,.58);box-shadow:var(--shadow-sm);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background var(--ease),color var(--ease)}.social-btn svg{width:1.15rem;height:1.15rem}.social-btn:hover{background:#fff6;color:var(--primary)}.typewriter{margin:0;width:100%;min-height:3em;padding:0 var(--s-2);font-size:var(--text-lg);font-weight:400;line-height:1.55;color:var(--ink-soft);cursor:default;user-select:none}.typewriter-cursor{display:inline-block;margin-left:1px;color:var(--accent);font-weight:500}.typewriter-cursor-off{color:transparent}.page{width:min(var(--max-page),calc(100% - 2 * var(--pad-x)));margin:0 auto;padding:clamp(1.75rem,4vw,2.75rem) 0 clamp(2.5rem,6vw,4rem)}.page-header{margin-bottom:var(--s-6);max-width:var(--max-content)}.eyebrow{margin:0 0 var(--s-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:500}.page-header h1{margin:0;font-size:var(--text-xl);font-weight:650;letter-spacing:-.03em;line-height:var(--leading-tight);color:var(--ink)}.page-header .lead{margin:var(--s-4) 0 0;color:var(--ink-soft);font-size:var(--text-md);line-height:1.65;max-width:36rem}.card,.article{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-grid{display:grid;gap:var(--s-4)}.card-grid.posts{grid-template-columns:1fr}.post-card{display:flex;flex-direction:column;overflow:hidden;min-height:100%;color:inherit;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-smooth-out),box-shadow var(--duration-fast) var(--ease-smooth-out)}.post-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.card-grid.posts>.t-tilt{min-height:100%;height:100%}.card-grid.posts .t-tilt-card.post-card{height:100%}.post-card .post-more{margin-top:auto;padding-top:var(--s-3);display:inline-flex;align-items:center;gap:.35rem;font-size:var(--text-sm);font-weight:600;color:var(--ink)}.post-card.t-learn{display:flex}.post-card .post-cover{height:3px;background:linear-gradient(90deg,var(--accent),#60a5fa)}.card-grid.posts>.t-tilt:nth-child(2n) .post-cover{background:linear-gradient(90deg,var(--primary),var(--accent))}.post-card .post-body{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5);flex:1;background:var(--bg-elevated)}.post-card .tags{display:flex;flex-wrap:wrap;gap:var(--s-2)}.tag{display:inline-flex;align-items:center;min-height:1.5rem;padding:.15rem .55rem;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-hover);font-family:var(--font-mono);font-size:.72rem;font-weight:500}.post-card h3{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:-.02em;line-height:1.35;color:var(--ink)}.post-card p{margin:0;color:var(--ink-soft);font-size:var(--text-sm);line-height:1.6}.post-card .date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}.intro-panel{width:min(40rem,100%);margin:0 auto;padding:var(--s-4) 0}.t-tilt{touch-action:none;perspective:var(--tilt-perspective)}.t-tilt--hover-only{touch-action:auto}.t-tilt-card{position:relative;border-radius:var(--r-lg);overflow:hidden;transform:perspective(var(--tilt-perspective)) rotateX(var(--tilt-rx, 0deg)) rotateY(var(--tilt-ry, 0deg));transform-style:preserve-3d;transition:transform var(--tilt-return) var(--tilt-return-ease);will-change:transform}.t-tilt-card.is-tilting{transition:transform var(--tilt-follow) var(--tilt-follow-ease)}.t-tilt-glare{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle 95px at var(--tilt-gx, 50%) var(--tilt-gy, 50%),rgba(255,255,255,.48),rgba(255,255,255,.06) 52%,rgba(255,255,255,0) 84%),radial-gradient(circle 200px at var(--tilt-gx, 50%) var(--tilt-gy, 50%),rgba(255,255,255,.22),rgba(255,255,255,.04) 58%,rgba(255,255,255,0) 78%),radial-gradient(circle 360px at var(--tilt-gx, 50%) var(--tilt-gy, 50%),rgba(255,255,255,.1),rgba(255,255,255,0) 88%);transition:opacity var(--tilt-glare-fade) var(--tilt-glare-ease)}.t-tilt.is-hover .t-tilt-glare{opacity:var(--tilt-glare-opacity)}.t-stagger-line{display:block;opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur));transition:opacity var(--stagger-dur) var(--stagger-ease),transform var(--stagger-dur) var(--stagger-ease),filter var(--stagger-dur) var(--stagger-ease);will-change:transform,opacity,filter}.t-stagger-line--2{transition-delay:var(--stagger-stagger)}.t-stagger-line--3{transition-delay:calc(var(--stagger-stagger) * 2)}.t-stagger-line--4{transition-delay:calc(var(--stagger-stagger) * 3)}.t-stagger.is-shown .t-stagger-line{opacity:1;transform:translateY(0);filter:blur(0)}.t-stagger.is-hiding .t-stagger-line{opacity:0;transform:translateY(0);filter:blur(0);transition:opacity .2s ease,transform 0s linear,filter 0s linear;transition-delay:0s}.home-hero>.t-stagger-line,.page-header>.t-stagger-line,.intro-panel>.t-stagger-line{width:100%}.home-hero>.t-tilt--text.t-stagger-line{display:flex;justify-content:center;align-items:center}.home-hero>.typewriter.t-stagger-line{text-align:center}.home-hero>.social-row.t-stagger-line,.intro-panel>.intro-links.t-stagger-line{display:flex;justify-content:center;width:auto}.card-grid.posts>.t-stagger-line{display:block;height:100%}.article-page>.back-link.t-stagger-line{display:inline-flex;width:auto}.article-page>.article.t-stagger-line{display:block}.t-tt-wrap{position:relative;display:inline-flex}.t-tt{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(var(--tt-scale));transform-origin:50% 100%;padding:.4rem .65rem;border-radius:8px;background:var(--tt-bg);color:var(--tt-fg);font-size:var(--text-xs);font-weight:500;line-height:1.2;white-space:nowrap;box-shadow:0 0 0 1px #0000000f,0 2px 6px #0000000d,0 4px 42px #0000000f;opacity:0;pointer-events:none;z-index:2;transition:opacity var(--tt-out-dur) var(--tt-out-ease),transform var(--tt-out-dur) var(--tt-out-ease)}.t-tt-wrap:hover .t-tt,.t-tt-trigger:focus-visible+.t-tt{opacity:1;transform:translate(-50%) scale(1);transition-duration:var(--tt-in-dur);transition-timing-function:var(--tt-in-ease);transition-delay:var(--tt-delay)}.t-learn{display:inline-flex;align-items:center;gap:.35rem}.t-learn-chevron{display:inline-flex;transform:translate(0);transition:transform var(--learn-out) var(--learn-ease)}.t-learn-chevron svg{display:block;width:14px;height:14px}.t-learn-arm{transform-box:view-box;transform-origin:10px 8px;vector-effect:non-scaling-stroke;transition:transform var(--learn-out) var(--learn-ease);fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.t-learn:hover .t-learn-chevron{transform:translate(var(--learn-shift));transition-duration:var(--learn-in)}.t-learn:hover .t-learn-arm{transition-duration:var(--learn-in)}.t-learn:hover .t-learn-arm-top{transform:rotate(var(--learn-spread))}.t-learn:hover .t-learn-arm-bot{transform:rotate(calc(var(--learn-spread) * -1))}.t-learn--back .t-learn-chevron{order:-1;transform:scaleX(-1)}.t-learn--back:hover .t-learn-chevron{transform:scaleX(-1) translate(var(--learn-shift));transition-duration:var(--learn-in)}.intro-card{background:var(--bg-elevated);border:1px solid var(--line);box-shadow:var(--shadow-md);padding:clamp(1.35rem,3.5vw,1.85rem)}.intro-body{position:relative;z-index:1;font-size:var(--text-md);line-height:1.8;color:var(--ink-soft)}.intro-hello{margin:0 0 var(--s-5);color:var(--ink);font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.03em}.intro-body p{margin:0 0 1.1em;max-width:65ch}.intro-body p:last-child{margin-bottom:0}.intro-links{justify-content:flex-start;margin-top:var(--s-6)}.back-link{display:inline-flex;align-items:center;min-height:2.5rem;margin-bottom:var(--s-5);padding:.4rem .95rem;border-radius:var(--r-full);font-size:var(--text-sm);font-weight:600;color:var(--ink);background:#ffffff75;border:1px solid rgba(255,255,255,.58);box-shadow:var(--shadow-sm);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background var(--ease)}.back-link:hover{background:#fff6}.article-page{width:min(var(--max-article),calc(100% - 2 * var(--pad-x)))}@media(min-width:1280px){.article-page{width:min(56rem,calc(100% - 2 * var(--pad-x)))}}.article{padding:clamp(1.35rem,3.5vw,2rem)}.article-header h1{margin:0;font-size:var(--text-xl);font-weight:650;letter-spacing:-.03em;line-height:var(--leading-tight);color:var(--ink)}.article-meta{margin:var(--s-3) 0 0;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs)}.prose{margin-top:var(--s-6);color:var(--ink-soft);font-size:var(--text-base);line-height:1.75;max-width:none}.prose>*:first-child{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4{margin:1.75rem 0 .7rem;color:var(--ink);font-weight:650;letter-spacing:-.02em;line-height:1.3}.prose h2{font-size:1.3rem}.prose h3{font-size:1.12rem}.prose p,.prose ul,.prose ol,.prose blockquote{margin:.9rem 0}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:.16em;transition:color var(--ease)}.prose a:hover{color:var(--accent-hover)}.prose blockquote{margin-left:0;padding:.2rem 0 .2rem 1rem;border-left:3px solid var(--accent);color:var(--muted)}.prose code{font-family:var(--font-mono);font-size:.88em;padding:.12em .4em;border-radius:.35rem;background:var(--bg-muted);color:#1e3a8a;border:1px solid var(--line)}.prose pre{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:1rem 1.1rem;border-radius:var(--r-md);border:1px solid var(--primary);background:var(--primary)}.prose pre code{padding:0;background:transparent;border:0;color:#fafafa}.prose img{margin:1.25rem auto;border-radius:var(--r-md);border:1px solid var(--line);background:#fff}.prose li+li{margin-top:.3rem}.reveal{opacity:0;transform:translateY(var(--distance-base));transition:opacity var(--duration-fast) var(--ease-smooth-out),transform var(--duration-fast) var(--ease-smooth-out)}.reveal.is-visible{opacity:1;transform:none}@media(max-width:480px){:root{--header-h: 3.25rem}.site-nav{gap:0;font-size:.8125rem}.site-nav a{min-height:2.5rem;padding:.35rem .6rem}.home-title{max-width:none;font-size:1.85rem}.typewriter{font-size:1.1rem;min-height:3.4em}body[data-page=home]{height:auto;max-height:none;overflow-x:hidden;overflow-y:auto}body[data-page=home] .home-stage{min-height:calc(100dvh - 8.5rem)}}@media(min-width:640px){.card-grid.posts{grid-template-columns:1fr 1fr}}@media(min-width:901px){.home-hero{gap:var(--s-7)}}@media(max-height:640px){body[data-page=home]{height:auto;max-height:none;overflow-x:hidden;overflow-y:auto}body[data-page=home] .home-stage{min-height:auto;padding-block:1.5rem}.home-hero{gap:var(--s-4)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.post-card,.social-btn,.site-nav a,.footer-links a,.reveal{transition:none}.reveal{opacity:1;transform:none}.t-tilt-card{transform:none!important;transition:none!important}.t-tilt-glare{display:none}.t-stagger-line{transition:none!important;opacity:1!important;transform:none!important;filter:none!important}.t-tt,.t-learn-chevron,.t-learn-arm{transition:none!important}.t-pro-gradient{animation:none!important;filter:none!important;background-image:linear-gradient(120deg,var(--pro-grad-base-from) 0%,var(--pro-grad-2) 45%,var(--pro-grad-3) 100%);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.page-progress{transition:none!important}body.is-booting[data-page=about] .page,body.is-booting[data-page=post] .article-page,body.is-booting[data-page=posts] .page-header{opacity:1!important;transform:none!important;filter:none!important;pointer-events:auto}body.is-ready .page,body.is-ready .article-page{transition:none!important}.post-skel-line{animation:none!important}}