.blog-page{min-height:100vh}.blog-page input,.blog-page textarea,.blog-page button{font-family:inherit}.blog-page .top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:color-mix(in oklch,var(--bg) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.blog-page .back{font-size:13.5px;font-weight:600;display:inline-flex;gap:8px;align-items:center;transition:color .2s}.blog-page .back:hover{color:var(--muted)}.blog-page .top .r{display:flex;gap:12px;align-items:center}.blog-page .brand{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}.blog-page .iconbtn{width:36px;height:36px;border-radius:9px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:color .2s,border-color .2s}.blog-page .iconbtn:hover{color:var(--fg);border-color:var(--fg)}.blog-page .iconbtn svg{width:17px;height:17px}.blog-page .wrap{max-width:720px;margin:0 auto;padding:44px 24px 120px}.blog-page .page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:30px}.blog-page .page-head h1{font-family:var(--serif);font-size:clamp(32px,6vw,46px);font-weight:500;letter-spacing:-.02em;line-height:1}.blog-page .page-head .sub{font-size:14px;color:var(--muted);margin-top:8px}.blog-page .btn{font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:9px;cursor:pointer;border:1px solid transparent;transition:opacity .2s,border-color .2s,background .2s,color .2s;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.blog-page .btn svg{width:15px;height:15px}.blog-page .btn-solid{background:var(--fg);color:var(--bg)}.blog-page .btn-solid:hover{opacity:.88}.blog-page .btn-ghost{background:var(--card);border-color:var(--border);color:var(--fg)}.blog-page .btn-ghost:hover{border-color:var(--fg)}.blog-page .btn-danger{background:transparent;border-color:var(--border);color:#e5484d}.blog-page .btn-danger:hover{border-color:#e5484d}.blog-page .posts{display:flex;flex-direction:column;gap:14px}.blog-page .pcard{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:20px 22px;cursor:pointer;transition:box-shadow .25s,transform .25s,border-color .25s}.blog-page .pcard:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.blog-page .pcard .meta{display:flex;gap:8px;font-size:11.5px;color:var(--muted);font-family:var(--mono)}.blog-page .pcard h2{font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:-.01em;margin-top:8px;line-height:1.15}.blog-page .pcard .ex{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.6}.blog-page .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.blog-page .tags .t{font-size:10.5px;font-weight:600;background:var(--secondary);color:var(--secondary-fg);padding:2px 9px;border-radius:6px;font-family:var(--mono)}.blog-page .empty{text-align:center;padding:72px 22px;border:1px dashed var(--border);border-radius:18px}.blog-page .empty h2{font-family:var(--serif);font-size:26px;font-weight:500}.blog-page .empty p{color:var(--muted);font-size:14px;margin:10px 0 22px}.blog-page .editor{display:flex;flex-direction:column;gap:14px}.blog-page .editor .field{width:100%;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--fg);padding:12px 14px;font-size:15px;transition:border-color .2s}.blog-page .editor .field:focus{outline:none;border-color:var(--fg)}.blog-page .editor .t-title{font-family:var(--serif);font-size:26px;font-weight:500;padding:14px 16px}.blog-page .editor textarea.field{min-height:360px;line-height:1.75;resize:vertical}.blog-page .editor .bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}.blog-page .editor .hint{font-size:11px;color:var(--muted-2);font-family:var(--mono)}.blog-page .seg{display:flex;border:1px solid var(--border);border-radius:9px;overflow:hidden}.blog-page .seg button{padding:7px 15px;font-size:12.5px;font-weight:600;background:var(--card);border:none;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}.blog-page .seg button.on{background:var(--fg);color:var(--bg)}.blog-page .preview{border:1px solid var(--border);border-radius:10px;padding:22px 24px;background:var(--card);min-height:200px}.blog-page .a-meta{font-family:var(--mono);font-size:12px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap}.blog-page .article h1.title{font-family:var(--serif);font-size:clamp(28px,5.5vw,42px);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:12px 0}.blog-page .actions{display:flex;gap:10px;margin:24px 0 30px;flex-wrap:wrap}.blog-page .md{font-family:var(--serif);font-size:18px;line-height:1.78;color:var(--fg)}.blog-page .md p{margin:0 0 18px}.blog-page .md h2{font-family:var(--font);font-size:22px;font-weight:700;letter-spacing:-.01em;margin:30px 0 10px}.blog-page .md h3{font-family:var(--font);font-size:18px;font-weight:700;margin:24px 0 8px}.blog-page .md ul{list-style:disc;padding-left:24px;margin:0 0 18px;display:flex;flex-direction:column;gap:6px}.blog-page .md a{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.blog-page .md code{font-family:var(--mono);font-size:.84em;background:var(--secondary);padding:2px 6px;border-radius:5px}.blog-page .md blockquote{border-left:3px solid var(--border);padding-left:16px;color:var(--muted);margin:0 0 18px;font-style:italic}.blog-page .md strong{font-weight:600}.blog-page a.link{color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:600}.blog-page a.link:hover{color:var(--fg)}:root{--font: "Inter", system-ui, -apple-system, sans-serif;--serif: "Newsreader", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, monospace;--radius: 8px}body[data-theme=light]{--bg:#ffffff;--fg:#0a0a0a;--muted:#737373;--muted-2:#a3a3a3;--secondary:#f5f5f5;--secondary-fg:#171717;--border:#e7e7e7;--card:#ffffff;--accent-bg:#f5f5f5;--dock:rgba(255,255,255,.7);--shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.05)}body[data-theme=dark]{--bg:#0a0a0a;--fg:#fafafa;--muted:#a1a1a1;--muted-2:#6b6b6b;--secondary:#1f1f1f;--secondary-fg:#fafafa;--border:#262626;--card:#0f0f0f;--accent-bg:#1a1a1a;--dock:rgba(20,20,20,.7);--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.5)}*{box-sizing:border-box}html,body{overflow-x:hidden}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;letter-spacing:-.011em}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul{margin:0}ul{list-style:none;padding:0}::selection{background:var(--fg);color:var(--bg)}img{display:block;max-width:100%}.container{max-width:900px;margin:0 auto;padding:64px 32px 140px;display:flex;flex-direction:column;gap:60px}section{scroll-margin-top:80px}.bf{opacity:0;filter:blur(7px);transform:translateY(8px);transition:opacity .6s ease,filter .6s ease,transform .6s ease}.bf.in{opacity:1;filter:blur(0);transform:none}@media (prefers-reduced-motion:reduce){.bf{opacity:1;filter:none;transform:none}}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px}.hero-text{flex:1;min-width:0}.hero h1{font-size:clamp(34px,7vw,52px);font-weight:700;letter-spacing:-.035em;line-height:1.05}.hero h1 .wave{display:inline-block;animation:wave 2.4s ease infinite;transform-origin:70% 70%}@keyframes wave{0%,60%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.hero .sub{font-size:clamp(15px,2.4vw,17px);color:var(--muted);margin-top:12px;max-width:34ch;font-weight:450}.avatar{width:108px;height:108px;flex-shrink:0;border-radius:50%;overflow:hidden;border:1px solid var(--border)}.avatar img{width:108px;height:108px;object-fit:cover}@media (max-width:480px){.avatar,.avatar img{width:88px;height:88px}}.sec-title{font-size:19px;font-weight:700;letter-spacing:-.02em;margin-bottom:2px}.prose{font-size:14.5px;color:var(--muted);font-weight:450;line-height:1.7}.prose b{color:var(--fg);font-weight:600}.rc{display:flex;gap:14px;align-items:flex-start;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:10px 0;font-family:inherit}.rc-logo{width:48px;height:48px;border-radius:12px;flex-shrink:0;background:var(--secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:var(--fg);overflow:hidden}.rc-body{flex:1;min-width:0}.rc-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.rc-co{font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:7px}.rc-co .chev{color:var(--muted-2);transition:transform .3s ease;font-size:11px}.rc.open .rc-co .chev{transform:rotate(90deg)}.rc-date{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.rc-role{font-size:12.5px;color:var(--muted);margin-top:2px}.rc-minor{display:block;color:var(--muted-2);font-size:12px;margin-top:3px}.rc-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease;margin-top:0}.rc.open .rc-detail{grid-template-rows:1fr;margin-top:8px}.rc-detail-inner{overflow:hidden}.rc-detail ul{display:flex;flex-direction:column;gap:6px}.rc-detail li{font-size:12.5px;color:var(--muted);line-height:1.55;padding-left:14px;position:relative}.rc-detail li:before{content:"–";position:absolute;left:0;color:var(--muted-2)}.rc-detail li b{color:var(--fg);font-weight:600}.rc-metrics{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}.rc-metrics .m b{font-size:14px;font-weight:700}.rc-metrics .m span{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-left:5px}.badges{display:flex;flex-wrap:wrap;gap:7px}.badge{font-size:11.5px;font-weight:500;background:var(--secondary);color:var(--secondary-fg);padding:4px 11px;border-radius:7px;letter-spacing:0}.badge.solid{background:var(--fg);color:var(--bg)}.proj-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:8px}.pill{font-size:12px;font-weight:600;background:var(--accent,var(--fg));color:var(--accent-ink,var(--bg));padding:5px 14px;border-radius:999px;letter-spacing:.01em}.proj-head h2{font-size:clamp(30px,6vw,44px);font-weight:700;letter-spacing:-.035em;line-height:1.05}.proj-head p{font-size:15px;color:var(--muted);max-width:48ch;font-weight:450}.proj-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:560px){.proj-grid{grid-template-columns:1fr}}.pcard{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--card);display:flex;flex-direction:column;transition:box-shadow .25s ease,transform .25s ease}.pcard:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.pcard .thumb{aspect-ratio:16/10;border-bottom:1px solid var(--border);background:var(--accent-bg);position:relative}.pcard .pc-body{padding:15px 16px 16px;display:flex;flex-direction:column;gap:9px;flex:1}.pcard .pc-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.pcard .pc-desc{font-size:12px;color:var(--muted);line-height:1.55;flex:1}.pcard .pc-tech{display:flex;flex-wrap:wrap;gap:5px}.pcard .pc-tech .t{font-size:9.5px;font-weight:600;background:var(--secondary);color:var(--secondary-fg);padding:2px 7px;border-radius:5px}.pcard .pc-foot{display:flex;gap:8px;margin-top:2px}.pcard .pc-foot .lnk{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;background:var(--fg);color:var(--bg);padding:5px 10px;border-radius:6px}.proj-more{display:flex;justify-content:center;margin-top:22px}.more-btn{font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--card);color:var(--fg);padding:9px 18px;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .2s}.more-btn:hover{background:var(--secondary)}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1px;background:var(--border)}.tl-item{position:relative;padding-bottom:24px}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:-27px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--fg)}.tl-date{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.tl-tag{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-left:8px}.tl-text{font-size:13px;color:var(--muted);line-height:1.55;margin-top:4px}.tl-text b{color:var(--fg);font-weight:600}.roles-list{display:flex;flex-direction:column;gap:2px}.role-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}.role-line:last-child{border-bottom:none}.role-line .l{font-size:13.5px;font-weight:500}.role-line .l span{color:var(--muted);font-weight:450}.role-line .r{font-size:11.5px;color:var(--muted);white-space:nowrap}.contact{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.contact h2{font-size:clamp(30px,6vw,44px);font-weight:700;letter-spacing:-.035em;line-height:1.05}.contact p{font-size:15px;color:var(--muted);max-width:46ch;font-weight:450}.contact p a{color:var(--accent,var(--fg));font-weight:600;text-decoration:underline;text-underline-offset:3px}.dock{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:var(--dock);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid var(--border);box-shadow:var(--shadow)}.dock a,.dock button{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);background:none;border:none;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),color .18s,background .18s;position:relative}.dock a:hover,.dock button:hover{color:var(--fg);background:var(--secondary);transform:translateY(-7px) scale(1.16)}.dock svg{width:19px;height:19px}.dock .sep{width:1px;height:24px;background:var(--border);margin:0 2px}.dock .tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) scale(.9);background:var(--fg);color:var(--bg);font-size:10.5px;font-weight:600;padding:4px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.dock a:hover .tip,.dock button:hover .tip{opacity:1;transform:translate(-50%) scale(1)}@media (max-width:480px){.dock a,.dock button{width:38px;height:38px}.dock .tip{display:none}}.hero-text h1{font-size:clamp(30px,6vw,46px);font-weight:800;letter-spacing:-.035em;line-height:1.05}.hero .sub{max-width:52ch}.hero-social{display:flex;gap:8px;margin-top:18px}.hero-social a{width:36px;height:36px;border-radius:9px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .2s,border-color .2s,transform .2s}.hero-social a:hover{color:var(--fg);border-color:var(--fg);transform:translateY(-2px)}.hero-social svg{width:17px;height:17px}.skill-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.skill-filter{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background:var(--secondary);color:var(--secondary-fg);padding:5px 11px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background .2s,color .2s,border-color .2s}.skill-filter .cnt{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.skill-filter:hover{border-color:var(--border)}.skill-filter[data-on="1"]{background:var(--fg);color:var(--bg)}.skill-filter[data-on="1"] .cnt{color:var(--bg);opacity:.55}.news-grid{display:flex;flex-direction:column;gap:10px}.news-card{border:1px solid var(--border);border-radius:12px;background:var(--card);padding:15px 17px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .25s,transform .25s,border-color .25s}.news-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.news-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.news-tag{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--secondary);color:var(--muted)}.news-tag[data-win="1"]{background:var(--fg);color:var(--bg)}.news-date{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.news-body{font-size:13px;color:var(--muted);line-height:1.55}.news-body b{color:var(--fg);font-weight:600}.sig{text-align:center;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 24px;overflow:hidden}.sig-name{font-weight:800;letter-spacing:-.045em;line-height:.9;font-size:clamp(46px,15vw,150px);color:transparent;background:linear-gradient(180deg,var(--fg) 42%,color-mix(in oklch,var(--fg),var(--bg) 80%));-webkit-background-clip:text;background-clip:text}.sig-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;max-width:640px;margin:24px auto 0;border-top:1px solid var(--border);padding-top:18px;font-size:11.5px;color:var(--muted)}.sig-foot a:hover{color:var(--fg)}.sig-foot .totop{background:none;border:none;color:var(--muted);cursor:pointer;font:inherit;transition:color .2s}.sig-foot .totop:hover{color:var(--fg)}.sig-visits{max-width:640px;margin:14px auto 0;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);animation:pageIn .6s ease both}.sig-visits b{color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.04em}.sig-visits .lived{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0;position:relative}.sig-visits .lived:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#22c55e;animation:ghping 2.2s ease-out infinite}@media (prefers-reduced-motion:reduce){.sig-visits{animation:none}.sig-visits .lived:after{animation:none}}.oss-grid{display:flex;flex-direction:column;gap:10px}.oss-card{display:flex;flex-direction:column;gap:7px;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:15px 17px;transition:box-shadow .25s,transform .25s,border-color .25s}.oss-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);color:inherit}.oss-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.oss-repo{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--fg)}.oss-repo svg{width:14px;height:14px;color:var(--muted)}.oss-pr{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.oss-title{font-size:13.5px;font-weight:600;color:var(--fg);display:flex;align-items:center;gap:9px;flex-wrap:wrap}.oss-tag{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:5px;background:var(--secondary);color:var(--muted)}.oss-detail{font-size:12.5px;color:var(--muted);line-height:1.55}.blog-grid{display:flex;flex-direction:column;gap:10px}.blog-card{display:flex;flex-direction:column;gap:7px;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:15px 17px;transition:box-shadow .25s,transform .25s,border-color .25s}.blog-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);color:inherit}.blog-meta{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.blog-dot{opacity:.5}.blog-title{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--fg)}.blog-blurb{font-size:12.5px;color:var(--muted);line-height:1.55}.blog-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.blog-tags .t{font-size:9.5px;font-weight:600;background:var(--secondary);color:var(--secondary-fg);padding:2px 7px;border-radius:5px}.pcard-lite{border:1px solid var(--border);border-radius:12px;background:var(--card);padding:16px 17px;display:flex;flex-direction:column;gap:9px;transition:box-shadow .25s,transform .25s,border-color .25s}.pcard-lite:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.pl-title{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--fg)}.pl-src{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);width:fit-content}.pl-src svg{width:13px;height:13px}.pl-src:hover{color:var(--fg)}.pl-desc{font-size:12.5px;color:var(--muted);line-height:1.55;flex:1}.pl-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.pl-tags .t{font-size:9.5px;font-weight:600;background:var(--secondary);color:var(--secondary-fg);padding:2px 7px;border-radius:5px}.rc-logo{position:relative}.rc-mono{line-height:1}.rc-logo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:6px;border-radius:11px;opacity:0;transition:opacity .25s}.rc-co a{text-decoration:none;transition:color .2s}.rc-co a:hover{color:var(--accent,var(--fg));text-decoration:underline;text-underline-offset:3px}.about-body{display:flex;flex-direction:column;gap:14px;margin-top:6px}.about-lead{font-size:18px;color:var(--fg);font-weight:450;line-height:1.6}.about-sub{font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--fg);margin-top:18px}.about-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease}.about-more.open{grid-template-rows:1fr}.about-more>div{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:12px}.about-list{display:flex;flex-direction:column;gap:6px}.about-list li{font-size:14px;color:var(--muted);line-height:1.6;padding-left:16px;position:relative}.about-list li:before{content:"–";position:absolute;left:0;color:var(--muted-2)}.about-toggle{align-self:flex-start;margin-top:14px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:2px 0 4px;font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.02em}.tb-loc{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.11em}.tb-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;position:relative;flex-shrink:0}.tb-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#22c55e;animation:ghping 2.2s ease-out infinite}.tb-up{text-transform:uppercase;letter-spacing:.11em}.tb-up b{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.04em}@media (max-width:480px){.tb-loc span,.topbar{font-size:10.5px}}.oss-card.repo{gap:11px}.repo-badge{font-size:10px;font-weight:600;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 9px;line-height:1.6}.repo-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.repo-lang{display:inline-flex;align-items:center;gap:6px}.repo-lang i{width:10px;height:10px;border-radius:50%;flex-shrink:0}.repo-stat{display:inline-flex;align-items:center;gap:5px}.repo-stat svg{width:13px;height:13px}.content-grid{display:flex;flex-direction:column;gap:10px}.content-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:16px 18px;transition:box-shadow .25s,transform .25s,border-color .25s}.content-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.cc-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.cc-tag{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:2px 8px;border-radius:6px;background:var(--secondary);color:var(--muted)}.cc-host{font-family:var(--mono);font-size:11px;color:var(--muted)}.content-card:hover .cc-host{color:var(--fg)}.cc-title{font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--fg)}.cc-desc{font-size:13px;color:var(--muted);line-height:1.55}.marquee{margin:24px calc(50% - 50vw) 0;overflow:hidden;padding-bottom:8px;-webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.marquee-track{display:flex;width:max-content;padding:6px 0;animation:marqueeX 80s linear infinite;will-change:transform}.marquee-set{display:flex;flex:0 0 auto}.marquee .m-item{margin-right:16px}@keyframes marqueeX{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}.container{position:relative;z-index:1}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;transition:opacity .6s ease}body[data-fx-ambient=off] .ambient{opacity:0}.ambient .a-grid{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-image:linear-gradient(color-mix(in oklch,var(--fg) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--fg) 6%,transparent) 1px,transparent 1px);background-size:46px 46px;-webkit-mask:radial-gradient(120% 80% at 50% 0%,#000 26%,transparent 74%);mask:radial-gradient(120% 80% at 50% 0%,#000 26%,transparent 74%)}.ambient .a-glow{position:absolute;border-radius:50%;filter:blur(64px);will-change:transform}.ambient .g1{width:46vw;height:46vw;left:-10vw;top:-14vw;opacity:.32;background:radial-gradient(circle,color-mix(in oklch,var(--accent, var(--fg)) 16%,transparent),transparent 62%)}.ambient .g2{width:40vw;height:40vw;right:-12vw;top:20vh;opacity:.22;background:radial-gradient(circle,color-mix(in oklch,var(--accent, var(--fg)) 14%,transparent),transparent 64%)}@media (prefers-reduced-motion:no-preference){.ambient .g1{animation:drift1 26s ease-in-out infinite alternate}.ambient .g2{animation:drift2 32s ease-in-out infinite alternate}}@keyframes drift1{to{transform:translate(6vw,8vh) scale(1.15)}}@keyframes drift2{to{transform:translate(-7vw,-5vh) scale(1.1)}}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99990;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:0 20px;cursor:pointer;transition:opacity .6s ease;will-change:opacity}.intro.lift{opacity:0;pointer-events:none}.intro-skip{position:fixed;bottom:26px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);opacity:.7}@media (prefers-reduced-motion:no-preference){.intro{transition:opacity .6s ease,transform .75s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity}.intro.lift{transform:translateY(-2.5%)}}.intro-big{font-weight:800;letter-spacing:-.03em;line-height:.95;text-align:center;text-transform:uppercase;font-size:clamp(38px,11vw,132px);white-space:nowrap;color:transparent;background:linear-gradient(180deg,var(--fg) 46%,color-mix(in oklch,var(--fg),var(--bg) 78%));-webkit-background-clip:text;background-clip:text}.intro-sub{font-family:var(--mono);font-size:clamp(9.5px,1.5vw,13px);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:center}@media (max-width:560px){.intro-big{white-space:normal}}.hero.has-spot:before{content:"";position:absolute;top:-40px;right:-24px;bottom:-40px;left:-24px;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s ease;border-radius:24px;background:radial-gradient(240px 240px at var(--mx,50%) var(--my,40%),color-mix(in oklch,var(--fg) 7%,transparent),transparent 70%)}.hero.has-spot:hover:before{opacity:1}.split-h .word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}.split-h .word>i{display:inline-block;font-style:normal;transform:translateY(110%);opacity:0;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s ease;transition-delay:calc(var(--wi,0) * 45ms)}.split-h.in .word>i{transform:none;opacity:1}@media (prefers-reduced-motion:reduce){.split-h .word>i{transform:none;opacity:1}}.skillchip{transition:border-color .2s,background .2s,transform .18s ease}.skillchip:hover{transform:translateY(-2px)}.pcard-lite,.content-card{transform-style:preserve-3d;will-change:transform}.m-item img{transition:transform .45s ease}.m-item:hover img{transform:scale(1.06)}figure.m-item{cursor:zoom-in}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100001;display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,#000 62%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s ease}.lightbox.open{opacity:1;pointer-events:auto}.lightbox img{max-width:90vw;max-height:86vh;border-radius:14px;box-shadow:0 24px 70px #0000008c}.lb-close{position:absolute;top:20px;right:24px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#00000059;color:#fff;font-size:22px;line-height:1;cursor:pointer}@keyframes cellIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}.gh-graph.play .gh-cell{animation:cellIn .5s ease both;animation-delay:calc(var(--ci,0) * 22ms)}body{animation:pageIn .45s ease both}@keyframes pageIn{0%{opacity:0}}body.page-leave{opacity:0;transition:opacity .36s ease}@media (prefers-reduced-motion:reduce){body{animation:none}}::view-transition-old(root),::view-transition-new(root){animation-duration:.4s}.pl-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.pcard-lite{cursor:pointer}.pl-view{font-family:var(--mono);font-size:10px;color:var(--muted-2);opacity:0;white-space:nowrap;transition:opacity .2s,color .2s}.pcard-lite:hover .pl-view{opacity:1;color:var(--accent,var(--fg))}.pj-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100002;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in oklch,#000 55%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:pjFade .25s ease}@keyframes pjFade{0%{opacity:0}}.pj-dialog{position:relative;width:min(760px,100%);max-height:88vh;overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:30px 30px 26px;box-shadow:0 30px 80px #0006;animation:pjIn .35s cubic-bezier(.2,.8,.2,1)}@keyframes pjIn{0%{opacity:0;transform:translateY(16px) scale(.98)}}.pj-close{position:absolute;top:16px;right:18px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--fg);font-size:20px;line-height:1;cursor:pointer;transition:border-color .2s}.pj-close:hover{border-color:var(--fg)}.pj-id{font-family:var(--mono);font-size:11px;color:var(--muted-2);letter-spacing:.1em}.pj-title{font-family:var(--serif);font-size:28px;font-weight:500;letter-spacing:-.02em;margin-top:4px}.pj-tagline{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:6px}.pj-blurb{font-size:14px;color:var(--muted);line-height:1.65;margin:14px 0}.pj-diagram-wrap{margin-top:18px;border:1px solid var(--border);border-radius:14px;padding:20px;min-height:200px;display:flex;align-items:center;justify-content:center;overflow-x:auto;background:radial-gradient(120% 120% at 80% 0%,var(--secondary),var(--card))}.pj-mermaid{width:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;color:var(--muted);font-family:var(--mono);font-size:12px}.pj-mermaid.ready{opacity:1}.pj-mermaid svg{max-width:100%;height:auto}@media (prefers-reduced-motion:reduce){.pj-mermaid{transition:none}}.dock a{position:relative}.dock a.active{color:var(--fg)}.dock a.active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent,var(--fg))}.m-item{position:relative;flex:0 0 auto;height:212px;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--secondary);box-shadow:var(--shadow);margin:0;text-decoration:none}.m-item img{width:100%;height:100%;object-fit:cover;display:block}.m-cap{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 9px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:#fff;background:linear-gradient(transparent,#000000b8);text-align:left}.m-video{cursor:pointer}.m-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:46px;height:46px;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s,background .2s}.m-video:hover .m-play{transform:scale(1.12);background:#000000b8}.m-play svg{width:20px;height:20px;margin-left:2px}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}.marquee-set[aria-hidden=true]{display:none}.marquee{overflow-x:auto;scrollbar-width:none}.marquee::-webkit-scrollbar{display:none}}.skillgrid{display:flex;flex-direction:column}.skillcell{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:start;padding:16px 0;border-top:1px solid var(--border)}.skillcell:first-child{border-top:none}.skillhead{display:flex;align-items:baseline;gap:9px;padding-top:3px}.skillcell-idx{font-family:var(--mono);font-size:11px;color:var(--muted-2);letter-spacing:.08em}.skillcell-name{font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:-.01em;color:var(--fg);line-height:1.15}.skillchips{display:flex;flex-wrap:wrap;gap:7px}.skillchip{font-family:var(--mono);font-size:11px;color:var(--fg);background:transparent;white-space:nowrap;border:1px solid color-mix(in oklch,var(--fg) 20%,transparent);border-radius:999px;padding:4px 11px;transition:border-color .2s,background .2s}.skillchip:hover{border-color:color-mix(in oklch,var(--fg) 45%,transparent);background:var(--secondary)}@media (max-width:560px){.skillcell{grid-template-columns:1fr;gap:10px}}.ghcard{--gha:var(--accent,var(--fg));background:var(--card);color:var(--fg);border-radius:16px;padding:26px 28px;font-family:var(--mono);display:flex;flex-direction:column;border:1px solid var(--border)}.gh-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.gh-live{display:inline-flex;align-items:center;gap:7px;color:#16a34a}.gh-live i{width:7px;height:7px;border-radius:50%;background:#22c55e;position:relative}.gh-live i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#22c55e;animation:ghping 2.2s ease-out infinite}@keyframes ghping{0%{transform:scale(1);opacity:.7}70%,to{transform:scale(3);opacity:0}}.gh-word{font-family:var(--serif);font-size:clamp(30px,6vw,46px);font-weight:500;letter-spacing:-.01em;line-height:1;margin-top:16px;color:var(--fg)}.gh-word .acc{color:var(--gha)}.gh-sub{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin-top:12px}.gh-stats{display:flex;flex-direction:column;margin-top:18px}.gh-stat{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:11px 0;align-items:baseline;border-top:1px dashed var(--border)}.gh-stat:first-child{border-top:none}.gh-stat .k{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.gh-stat .v{font-size:14px;color:var(--fg)}.gh-stat .v b{font-family:var(--serif);font-size:21px;font-weight:500;color:var(--gha);font-variant-numeric:tabular-nums;margin-right:5px}.gh-ghead{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:22px;padding-top:18px;border-top:1px dashed var(--border)}.gh-graph{display:grid;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(53,1fr);grid-auto-flow:column;gap:3px;margin-top:13px}.gh-cell{aspect-ratio:1;border-radius:2px;background:color-mix(in oklch,var(--fg) 8%,transparent)}.gh-cell[data-lvl="1"]{background:#1f7a3a}.gh-cell[data-lvl="2"]{background:#2ea24d}.gh-cell[data-lvl="3"]{background:#45c264}.gh-cell[data-lvl="4"]{background:#67e386}.gh-open{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:18px;border-top:1px dashed var(--border);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg)}.gh-open:hover{color:var(--gha)}@property --hue{syntax:"<number>";inherits:true;initial-value:0}@keyframes glowShimmer{0%,to{--hue:-42}50%{--hue:42}}:root{animation:glowShimmer 5s ease-in-out infinite}:root{--hue-base:276}#work{--hue-base:212}#education{--hue-base:150}#skills{--hue-base:44}#projects{--hue-base:288}#opensource{--hue-base:190}#github{--hue-base:140}#recognition{--hue-base:32}#blog{--hue-base:330}#content{--hue-base:172}#leadership{--hue-base:20}#gallery{--hue-base:312}#contact{--hue-base:258}@media (hover:hover) and (pointer:fine){.pcard-lite,.oss-card,.content-card,.news-card,.blog-card,.m-item{transition:transform .25s ease,border-color .25s ease}.badge,.pl-tags .t,.blog-tags .t,.rc-logo,.role-line .l,.oss-repo{transition:transform .2s ease,border-color .2s ease,color .2s ease}.skillchip{transition:border-color .2s,background .2s,transform .18s cubic-bezier(.2,.8,.2,1)}.hero-social a{transition:color .2s,border-color .2s,transform .2s}.more-btn{transition:background .2s,border-color .2s,transform .2s}.dock a,.dock button{transition:transform .18s cubic-bezier(.2,.8,.2,1),color .18s,background .18s}.pcard-lite:hover,.oss-card:hover,.content-card:hover,.news-card:hover,.blog-card:hover{box-shadow:0 0 0 1px hsl(calc(var(--hue-base) + var(--hue)) 85% 62% / .62),0 4px 18px hsl(calc(var(--hue-base) + var(--hue) + 30) 82% 60% / .44),0 10px 34px hsl(calc(var(--hue-base) + var(--hue)) 85% 60% / .34),0 2px 26px hsl(calc(var(--hue-base) + var(--hue) - 35) 85% 58% / .28),var(--shadow);border-color:hsl(calc(var(--hue-base) + var(--hue)) 85% 62% / .64)}.m-item:hover{box-shadow:0 0 0 1px hsl(calc(var(--hue-base) + var(--hue)) 85% 62% / .62),0 4px 18px hsl(calc(var(--hue-base) + var(--hue) + 30) 82% 60% / .44),0 10px 34px hsl(calc(var(--hue-base) + var(--hue)) 85% 60% / .34),0 2px 26px hsl(calc(var(--hue-base) + var(--hue) - 35) 85% 58% / .28);border-color:hsl(calc(var(--hue-base) + var(--hue)) 85% 62% / .64)}.more-btn:hover,.hero-social a:hover{box-shadow:0 0 0 1px hsl(calc(var(--hue-base) + var(--hue)) 85% 62% / .62),0 4px 14px hsl(calc(var(--hue-base) + var(--hue) + 30) 82% 60% / .4),0 2px 18px hsl(calc(var(--hue-base) + var(--hue) - 35) 85% 58% / .26);border-color:hsl(calc(var(--hue-base) + var(--hue)) 85% 62% / .64);transform:translateY(-2px)}.dock a:hover,.dock button:hover{box-shadow:0 0 0 1px hsl(calc(var(--hue-base) + var(--hue)) 85% 62% / .62),0 4px 14px hsl(calc(var(--hue-base) + var(--hue) + 30) 82% 60% / .4),0 2px 18px hsl(calc(var(--hue-base) + var(--hue) - 35) 85% 58% / .26)}.skillchip:hover,.badge:hover,.pl-tags .t:hover,.blog-tags .t:hover{box-shadow:0 0 0 1px hsl(calc(var(--hue-base) + var(--hue)) 85% 62% / .62),0 4px 14px hsl(calc(var(--hue-base) + var(--hue) + 30) 82% 60% / .4),0 2px 18px hsl(calc(var(--hue-base) + var(--hue) - 35) 85% 58% / .26);border-color:hsl(calc(var(--hue-base) + var(--hue)) 85% 62% / .64);transform:translateY(-2px) scale(1.06)}.rc:hover .rc-logo{box-shadow:0 0 0 1px hsl(calc(var(--hue-base) + var(--hue)) 85% 62% / .62),0 4px 14px hsl(calc(var(--hue-base) + var(--hue) + 30) 82% 60% / .4),0 2px 18px hsl(calc(var(--hue-base) + var(--hue) - 35) 85% 58% / .26);transform:scale(1.05)}.role-line:hover .l,.oss-card.repo:hover .oss-repo{color:hsl(calc(var(--hue-base) + var(--hue)) 80% 58%)}}@media (prefers-reduced-motion:reduce){.more-btn:hover,.hero-social a:hover,.skillchip:hover,.badge:hover,.pl-tags .t:hover,.blog-tags .t:hover,.rc:hover .rc-logo{transform:none}}