:root{color-scheme:dark;--bg: #0d1017;--bg-soft: rgba(255, 255, 255, .02);--text: #e7ecf3;--muted: #9ca3af;--accent: #7cf2c9;--accent-2: #6cb1ff;--card: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--radius: 16px;--shadow: 0 10px 50px rgba(0, 0, 0, .35);--font: "Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f7f9fc;--bg-soft: rgba(0, 0, 0, .04);--text: #0f172a;--muted: #4b5563;--accent: #0f9b73;--accent-2: #2563eb;--card: rgba(255, 255, 255, .9);--border: rgba(0, 0, 0, .08);--shadow: 0 12px 40px rgba(15, 23, 42, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);color:var(--text);background:radial-gradient(circle at 20% 20%,rgba(124,242,201,.08),transparent 25%),radial-gradient(circle at 80% 0%,rgba(108,177,255,.1),transparent 30%),linear-gradient(135deg,#0b0f16,#0d1017,#0b0f16);transition:none!important}:root[data-theme=light] body{background:radial-gradient(circle at 20% 20%,rgba(15,155,115,.08),transparent 25%),radial-gradient(circle at 80% 0%,rgba(37,99,235,.08),transparent 30%),linear-gradient(135deg,#f6f8fb,#f1f5f9,#eef2f7);transition:none!important}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.page-shell{max-width:1100px;margin:0 auto;padding:32px 20px 64px;transition:none!important}.site-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid var(--border);border-radius:calc(var(--radius) - 6px);backdrop-filter:blur(12px);background:var(--bg-soft);position:sticky;top:18px;z-index:10}.theme-toggle{position:relative;width:56px;height:28px;padding:0;border:none;background:#4a5568;border-radius:50px;cursor:pointer;transition:background .3s ease;display:inline-flex;align-items:center;justify-content:flex-start}.theme-toggle .toggle-slider{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:left .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center}.theme-toggle .slider-icon{display:none;color:#000;font-size:14px;line-height:1}.theme-toggle .slider-icon.fi{width:16px;height:16px;background:#000;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain}.theme-toggle .fi.fi-sc-brightness{-webkit-mask-image:url(https://cdn-icons-png.flaticon.com/512/18996/18996164.png);mask-image:url(https://cdn-icons-png.flaticon.com/512/18996/18996164.png)}.theme-toggle .fi.fi-sr-moon-stars{-webkit-mask-image:url(https://cdn-icons-png.flaticon.com/512/6853/6853973.png);mask-image:url(https://cdn-icons-png.flaticon.com/512/6853/6853973.png)}:root[data-theme=light] .theme-toggle .slider-icon--light{display:inline-block}:root[data-theme=dark] .theme-toggle .slider-icon--dark{display:inline-block}.theme-toggle:hover{background:#5a6578}:root[data-theme=light] .theme-toggle{background:#e2e8f0;justify-content:flex-end}:root[data-theme=light] .theme-toggle .toggle-slider{left:auto;right:2px;background:#fff}:root[data-theme=light] .theme-toggle:hover{background:#cbd5e0}.brand{display:inline-flex;flex-direction:row;align-items:center;gap:clamp(8px,1.4vw,12px);font-weight:700;font-size:clamp(1.05rem,2.4vw,1.25rem);letter-spacing:-.02em;text-transform:lowercase;text-decoration:none;flex-shrink:0}.brand-logo{width:clamp(24px,3.4vw,36px);height:clamp(24px,3.4vw,36px);display:block;border-radius:0;box-shadow:none;background:transparent;flex-shrink:0}.brand span{line-height:1;display:inline-block}.nav-links{display:flex;gap:16px;font-size:.95rem;color:var(--muted)}.nav-links a{padding:6px 10px;border-radius:10px;transition:background .2s ease,color .2s ease}.nav-links a:hover{background:var(--card);color:var(--text)}.page{margin-top:32px}.hero{display:grid;gap:16px;padding:32px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);align-items:start}.hero h1{margin:0;font-size:clamp(2rem,5vw,3rem)!important;letter-spacing:-.03em;text-align:left!important}.hero-copy{display:grid;gap:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.post-hero-img{width:100%;height:var(--hero-mobile, 180px);object-fit:cover;object-position:var(--hero-pos, center);border-radius:var(--radius);border:1px solid var(--border)}@media (min-width: 768px){.post-hero-img{height:var(--hero-desktop, 200px)}}.prose{line-height:1.6;text-align:justify;color:var(--muted)}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text);letter-spacing:-.02em}.prose h1,.prose h2{margin-bottom:0rem}.prose p,.prose ul,.prose ol{margin-top:0;margin-bottom:0;text-align:justify;text-align-last:left}.prose img{margin:1rem 0;display:block}.prose a{color:var(--accent)}.prose code{background:#ffffff14;padding:2px 6px;border-radius:6px}:root[data-theme=light] .prose code{background:#00000014}.about-hero{grid-template-columns:160px 1fr;align-items:start;gap:24px}.about-avatar{width:160px;height:160px;border-radius:999px;border:1px solid var(--border);background:var(--bg-soft);box-shadow:var(--shadow);display:grid;place-items:center;overflow:hidden}.about-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.about-avatar__fallback{font-weight:700;letter-spacing:-.02em;color:var(--text)}.about-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:14px}.about-avatar{align-self:center}.magnifier{border:none;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.magnifier-stage{position:relative;display:grid;place-items:center;padding:0;background:transparent}.magnifier-image{width:100%;max-height:clamp(320px,65vh,760px);height:auto;display:block;object-fit:contain;user-select:none;-webkit-user-drag:none}.magnifier-lens{position:absolute;width:300px;height:300px;border-radius:999px;border:1px solid var(--border);box-shadow:var(--shadow);background-repeat:no-repeat;background-color:var(--card);pointer-events:none;transform:translate(-50%,-50%);display:none}@media (max-width: 720px){.magnifier-lens{width:150px;height:150px}}@media (max-width: 720px){.about-hero{grid-template-columns:1fr;text-align:left}.about-avatar{width:120px;height:120px;margin:0}.about-actions{justify-content:flex-start}}.button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(120deg,#7cf2c929,#6cb1ff14);color:var(--text);font-weight:600}.button.secondary{background:transparent;color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:36px 0 16px}.section-title h2{margin:0;letter-spacing:-.02em}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.post-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:18px;transition:transform .2s ease,border-color .2s ease;height:100%}.post-card:hover{transform:translateY(-4px);border-color:#7cf2c959}.card-link{display:grid}.card-link h3{margin:14px 0}.card-link p{margin:0;color:var(--muted);line-height:1.5;text-align:justify;text-align-last:left}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);color:var(--muted);font-size:.85rem;white-space:nowrap}.tag-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tag{padding:4px 8px;border-radius:999px;background:#7cf2c91f;color:var(--text);font-size:.8rem;border:1px solid rgba(124,242,201,.35)}.site-footer{margin-top:48px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:.95rem}.site-footer .theme-toggle{margin-left:auto}.dot{opacity:.5}@media (max-width: 720px){.site-header{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;position:static}.brand{order:1;width:100%;justify-content:center;font-size:1.25rem}.brand-logo{width:38px;height:38px}.theme-toggle{order:2;margin-left:auto}.nav-links{order:3;width:100%;justify-content:center;flex-wrap:wrap}.page-shell{padding:24px 16px 48px}}.site-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.site-bg .bg-piece{position:absolute;opacity:0;will-change:transform,opacity;animation:bgDrift linear infinite;cursor:pointer;pointer-events:auto}.site-bg .bg-piece img,.site-bg .bg-piece svg{width:100%;height:100%;display:block;fill:currentColor;opacity:var(--icon-opacity, .15);filter:blur(var(--blur, 0px));transition:opacity .15s,filter .15s}.site-bg .bg-piece.bg-piece--hovering img,.site-bg .bg-piece.bg-piece--hovering svg{opacity:var(--hover-opacity, .5);filter:blur(var(--hover-blur, 0px)) drop-shadow(0 0 8px currentColor)}:root[data-theme=light] .site-bg .bg-piece img,:root[data-theme=light] .site-bg .bg-piece svg{opacity:var(--icon-opacity-light, .1);filter:blur(var(--blur, 0px))}:root[data-theme=light] .site-bg .bg-piece.bg-piece--hovering img,:root[data-theme=light] .site-bg .bg-piece.bg-piece--hovering svg{opacity:var(--hover-opacity, .5);filter:blur(var(--hover-blur, 0px)) drop-shadow(0 0 4px currentColor)}.site-bg .bg-piece.bg-piece--launching{animation:bgLaunch var(--launch-dur, .55s) cubic-bezier(.25,.46,.45,.94) forwards!important;pointer-events:none}@media (prefers-reduced-motion: reduce){.site-bg .bg-piece{animation:none;opacity:0}.site-bg .bg-piece:nth-child(odd){opacity:1}.site-bg .bg-piece:nth-child(odd) img{opacity:.04}.site-bg .bg-piece.bg-piece--launching{animation:none!important;opacity:0!important}}@keyframes bgDrift{0%{transform:translate(0) rotate(var(--r0)) scale(var(--s));opacity:0}8%{opacity:var(--peak-o)}50%{transform:translate(var(--dx),var(--dy)) rotate(calc(var(--r0) + var(--dr))) scale(var(--s));opacity:var(--peak-o)}92%{opacity:var(--peak-o)}to{transform:translate(calc(var(--dx)*2),calc(var(--dy)*2)) rotate(calc(var(--r0) + var(--dr)*2)) scale(var(--s));opacity:0}}@keyframes bgLaunch{0%{transform:translate(0) rotate(var(--r0)) scale(var(--s));opacity:var(--peak-o)}15%{transform:translate(calc(var(--lx)*.1),calc(var(--ly)*.1)) rotate(calc(var(--r0) + var(--lspin)*.2)) scale(calc(var(--s)*1.35));opacity:var(--peak-o)}to{transform:translate(var(--lx),var(--ly)) rotate(calc(var(--r0) + var(--lspin))) scale(0);opacity:0}}.page-shell{position:relative;z-index:1}