:root{font-family:Sora,Manrope,Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}html[data-theme=light]{--bg:#f4f7fb;--bg-elevated:#ffffff;--surface:#ffffff;--text:#1c2a38;--text-soft:#364a61;--border:#bccde1;--accent:#1e6de0;--accent-soft:#d6e6ff;--shadow:0 18px 45px -26px rgb(15 32 58/0.45)}html[data-theme=dark]{--bg:#0f1620;--bg-elevated:#141f2dcf;--surface:#1a2738bd;--text:#e9eff8;--text-soft:#b1bfd3;--border:#2c3d54;--accent:#6cb2ff;--accent-soft:#183355;--shadow:0 20px 55px -30px rgb(0 0 0/0.8)}*{box-sizing:border-box}body,html{margin:0;min-height:100vh;width:100%;overflow-x:hidden}body{color:var(--text);background:radial-gradient(circle at 10% 15%,color-mix(in oklab,var(--accent) 14%,transparent) 0 28%,transparent 50%),radial-gradient(circle at 85% 12%,color-mix(in oklab,var(--accent) 10%,transparent) 0 22%,transparent 45%),var(--bg);transition:background .18s ease,color .18s ease}#root{width:100%;overflow-x:hidden}.page{position:relative;isolation:isolate;width:100%;max-width:980px;margin:0 auto;padding:2.75rem 1.25rem 4rem}.ambient{position:absolute;z-index:-1;border-radius:999px;filter:blur(20px);opacity:.65;pointer-events:none}.ambientOne{width:240px;height:240px;top:.5rem;right:0;background:color-mix(in oklab,var(--accent) 30%,transparent)}.ambientTwo{width:160px;height:160px;top:12rem;left:0;background:color-mix(in oklab,var(--accent) 22%,transparent)}.hero{position:relative;border:1px solid var(--border);border-radius:22px;background:var(--bg-elevated);box-shadow:var(--shadow);padding:1.2rem 1.2rem 1.35rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.heroTop{position:absolute;top:1rem;right:1rem;z-index:2}.heroBody{display:grid;grid-template-columns:132px 1fr;grid-gap:1rem;gap:1rem;align-items:start}.heroContent{align-self:start;min-width:0}.heroContent h1{margin:0}.profilePhoto{width:132px;aspect-ratio:1/1;object-fit:cover;border-radius:16px;box-shadow:var(--shadow)}.profilePhoto,.themeToggle{border:1px solid var(--border);background:var(--surface)}.themeToggle{color:var(--text);border-radius:999px;padding:.32rem .65rem;display:inline-flex;align-items:center;gap:.35rem;font:inherit;font-size:.84rem;cursor:pointer}.themeToggle:hover{border-color:var(--accent)}.themeIcon{font-size:.95rem}h1{margin:.72rem 0 0;font-size:clamp(2rem,5vw,3.1rem);line-height:1.08;letter-spacing:-.03em}.subtitle{margin:.4rem 0 .82rem;font-size:1.1rem;color:color-mix(in oklab,var(--text) 80%,var(--accent) 20%)}.summary{margin:0;max-width:66ch}.meta,.summary{color:var(--text-soft)}.meta{margin:.9rem 0 0;align-items:center;gap:.35rem;font-weight:500}.meta,.metaIcon{display:inline-flex}.metaIcon{width:.95rem;height:.95rem}.metaIcon svg{width:100%;height:100%;fill:currentColor}.socialLinks{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin:.9rem 0 0;padding:0}.socialLinks a{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border);border-radius:999px;padding:.28rem .72rem;font-size:.84rem;color:var(--text);background:var(--surface);text-decoration:none}.socialLinks a:hover{border-color:var(--accent)}.socialIcon{width:.9rem;height:.9rem;display:inline-flex}.socialIcon svg{width:100%;height:100%;fill:currentColor}.section{margin-top:2.1rem}h2{margin:0 0 .9rem;font-size:1.28rem;letter-spacing:-.01em}h3{margin:0;font-size:1rem}.blogGrid,.interestsGrid{display:grid;grid-gap:.85rem;gap:.85rem}.interestsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.blogGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);padding:1rem 1rem 1.05rem}.card p{margin:.3rem 0 0;color:var(--text-soft)}.card h2 a,.card h3 a{color:inherit;text-decoration:none}.card h2 a:hover,.card h3 a:hover{color:var(--accent)}.blogStatus{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:.15rem .55rem;font-size:.8rem;margin-top:.75rem;color:var(--text-soft);background:color-mix(in oklab,var(--surface) 92%,var(--accent-soft) 8%)}.blogPage{width:100%;max-width:880px;margin:0 auto;padding:2.4rem 1.25rem 4rem}.blogThemeToggle{margin:0}.blogTopNavWrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.9rem;margin-bottom:1rem}.blogTopNav{display:inline-flex;align-items:stretch;gap:.3rem;padding:.26rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--surface) 85%,var(--bg) 15%);box-shadow:0 6px 18px -14px rgb(0 0 0/.45)}.blogTopNav a{border-radius:999px;padding:.32rem .8rem;font-size:.82rem;font-weight:600;color:var(--text-soft);text-decoration:none;transition:color .14s ease,background-color .14s ease,box-shadow .14s ease}.blogTopNav a:hover{color:var(--text);background:color-mix(in oklab,var(--surface) 80%,var(--accent-soft) 20%)}.blogTopNav a:focus-visible{outline:2px solid color-mix(in oklab,var(--accent) 65%,white 35%);outline-offset:1px}.blogTopNav a.isActive{color:var(--text);background:color-mix(in oklab,var(--surface) 70%,var(--accent-soft) 30%);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 45%,var(--border) 55%)}html[data-theme=dark] .blogTopNav a.isActive{color:#eef4ff}.blogTopNavWrap .themeToggle{padding:.32rem .62rem;font-size:.82rem}.blogHeader{margin-bottom:1.2rem}.blogHeader h1{margin:0}.blogHeader p{margin:.65rem 0 0;color:var(--text-soft);max-width:72ch}.blogEyebrow{margin:0 0 .55rem;text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;color:var(--text-soft)}.blogIndexGrid{display:grid;grid-gap:.9rem;gap:.9rem}.blogMetaLine{display:inline-flex;align-items:center;gap:.45rem;margin-top:.55rem;font-size:.88rem;color:var(--text-soft)}.blogTagRow{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.blogTag{border:1px solid var(--border);border-radius:999px;padding:.15rem .5rem;font-size:.77rem;color:var(--text-soft)}.blogArticle{border:1px solid var(--border);border-radius:20px;background:var(--bg-elevated);box-shadow:var(--shadow);padding:1.25rem 1.2rem 1.4rem}.blogContent h2{margin:1.3rem 0 .55rem}.blogContent p{margin:.55rem 0 0;color:var(--text-soft);max-width:74ch}html[data-theme=light] .blogArticle{box-shadow:0 12px 28px -22px rgb(14 38 74/.32)}.blogCode{margin:.75rem 0 0;border:1px solid var(--border);border-radius:14px;background:color-mix(in oklab,var(--surface) 90%,black 10%);color:#d9e8ff;padding:.85rem .95rem;font-size:.84rem;overflow-x:auto}html[data-theme=light] .blogCode{background:#0f1b2c;color:#deebff}.blogList{margin:.6rem 0 0;padding-left:1.15rem}.blogList li{margin-top:.35rem;color:var(--text-soft)}.blogLottie{margin-top:1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:.85rem}.blogLottie h3{margin:0}.blogLottie p{margin-top:.45rem}.loopSim{margin-top:.85rem;border:1px solid var(--border);border-radius:14px;background:color-mix(in oklab,var(--surface) 93%,var(--accent-soft) 7%);padding:.9rem .9rem .82rem}.loopLanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.6rem;gap:.6rem}.loopLane{border:1px solid var(--border);border-radius:12px;padding:.62rem .65rem .65rem;background:color-mix(in oklab,var(--bg-elevated) 90%,transparent);animation:loopLanePulse 8s ease-in-out infinite}.loopLane h4{margin:0;font-size:.91rem}.loopLane p{margin:.2rem 0 .48rem;font-size:.8rem;color:var(--text-soft)}.loopFrame,.loopToken{border:1px solid color-mix(in oklab,var(--accent) 62%,var(--border) 38%);background:color-mix(in oklab,var(--accent-soft) 36%,var(--surface) 64%);color:var(--text);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.24rem .72rem;font-size:.77rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.loopChipRow{display:flex;flex-wrap:wrap;gap:.4rem}.loopChip{border:1px solid var(--border);border-radius:999px;padding:.18rem .52rem;background:var(--surface);font-size:.74rem;color:var(--text-soft);opacity:.45;transform:translateY(2px);animation:loopChipPop 8s ease-in-out infinite}.loopChip:nth-child(2){animation-delay:.15s}.loopFrame,.loopToken,.loopTokenNext{opacity:.48;transform:scale(.98);animation:loopSignal 8s ease-in-out infinite}.loopLaneStack{animation-delay:0s}.loopLaneMicrotask{animation-delay:2s}.loopLaneRender{animation-delay:4s}.loopLaneTask{animation-delay:6s}.loopLaneStack .loopToken{animation-delay:0s}.loopLaneMicrotask .loopChip{animation-delay:2s}.loopLaneRender .loopFrame{animation-delay:4s}.loopLaneTask .loopTokenNext{animation-delay:6s}.loopOrder{margin:.7rem 0 0;padding-left:1rem;color:var(--text-soft);font-size:.83rem}.loopOrder li+li{margin-top:.22rem}@keyframes loopLanePulse{0%,12%,to{border-color:var(--border);box-shadow:none}18%,30%{border-color:color-mix(in oklab,var(--accent) 58%,var(--border) 42%);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 22%,transparent)}}@keyframes loopSignal{0%,10%,to{opacity:.48;transform:scale(.98)}16%,28%{opacity:1;transform:scale(1);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 20%,transparent)}}@keyframes loopChipPop{0%,10%,to{opacity:.45;transform:translateY(2px)}16%,28%{opacity:1;transform:translateY(0);border-color:color-mix(in oklab,var(--accent) 58%,var(--border) 42%)}}@media (prefers-reduced-motion:reduce){.loopChip,.loopFrame,.loopLane,.loopToken,.loopTokenNext{animation:none!important;opacity:1;transform:none}}.blogReferences{margin-top:1.6rem;padding-top:.8rem;border-top:1px solid var(--border)}.blogReferences a{color:var(--text)}.blogReferences a:hover{color:var(--accent)}@media (max-width:800px){.blogGrid,.interestsGrid{grid-template-columns:1fr}}@media (max-width:700px){.blogPage,.page{padding:1.4rem 1rem 2.5rem}.blogTopNavWrap{align-items:flex-start}.ambient{display:none}.hero{padding:1rem}.heroTop{top:.8rem;right:.8rem}.heroBody{grid-template-columns:1fr;min-width:0}.profilePhoto{width:100px}.loopLanes{grid-template-columns:1fr}}