:root{--background:oklch(97.8% .005 75);--foreground:oklch(10% .005 50);--card:oklch(100% 0 0);--primary:oklch(46% .2 262);--primary-fg:oklch(99% 0 0);--muted:oklch(95.2% .006 72);--muted-fg:oklch(40% .008 60);--border:oklch(0% 0 0/.11);--nav-stuck-bg:oklch(99.8% .002 80/.94);--nav-stuck-border:oklch(0% 0 0/.06);--glass-bg:oklch(99.8% .002 80/.85);--glass-border:oklch(0% 0 0/.06);--glass-shadow-sm:oklch(0% 0 0/0);--glass-shadow-lg:oklch(0% 0 0/0);--highlight-bg:oklch(98.8% .012 262);--highlight-border:oklch(0% 0 0/.08);--highlight-glow:oklch(0% 0 0/0);--tag-bg:oklch(100% 0 0);--tag-bg-hover:oklch(46% .2 262/.08);--tag-border-hover:oklch(46% .2 262/.28);--btn-sec-bg:oklch(99.8% .002 80);--btn-sec-bg-hover:oklch(97.2% .007 262);--btn-sec-border-hover:oklch(50% .22 262/.2);--link-bg:oklch(99.8% .002 80);--link-bg-hover:oklch(97.2% .007 262);--link-border-hover:oklch(50% .22 262/.2);--mobile-menu-bg:oklch(99.8% .002 80);--dot-color:oklch(0% 0 0/.03);--glow-top-c:oklch(72% .1 262/.12);--glow-bottom-c:oklch(70% .08 300/.1);--scroll-line-c:oklch(0% 0 0/.13);--scroll-sweep-c:oklch(0% 0 0/.42);--scroll-txt-c:oklch(0% 0 0/.2);--card-hover-border:oklch(0% 0 0/.1);--card-hover-shadow:oklch(0% 0 0/0);--nav-cta-bg:oklch(99.8% .002 80);--nav-cta-bg-hover:oklch(97.2% .007 262);--nav-cta-border-hover:oklch(50% .22 262/.2);--shimmer-s:oklch(14% .005 60);--shimmer-m:oklch(36% .2 262);--shimmer-a:oklch(26% .22 290);--selection-bg:oklch(50% .22 262/.2);--value-hover-border:oklch(0% 0 0/.1);--cbox-glow:oklch(50% .22 262/.09);--scrollbar-thumb:oklch(50% .22 262/.2);--gh-l0:oklch(90% .005 260);--gh-l1:oklch(78% .1 262);--gh-l2:oklch(66% .16 262);--gh-l3:oklch(56% .2 262);--gh-l4:oklch(48% .22 262);--card-shadow:none;--card-shadow-hover:none;--radius:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--font:"Inter", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", "Fira Mono", monospace}html[data-theme=dark]{--background:oklch(7% .005 260);--foreground:oklch(96% .004 260);--card:oklch(10% .006 260);--primary:oklch(68% .2 262);--primary-fg:oklch(7% .005 260);--muted:oklch(14% .004 260);--muted-fg:oklch(75% .008 260);--border:oklch(100% 0 0/.07);--nav-stuck-bg:oklch(9% .005 260/.85);--nav-stuck-border:oklch(100% 0 0/.08);--glass-bg:oklch(12% .006 260/.92);--glass-border:oklch(100% 0 0/.08);--glass-shadow-sm:oklch(0% 0 0/.25);--glass-shadow-lg:oklch(0% 0 0/.4);--highlight-bg:oklch(11% .008 262/.95);--highlight-border:oklch(65% .2 262/.18);--highlight-glow:oklch(65% .2 262/.08);--tag-bg:oklch(14% .004 260/.6);--tag-bg-hover:oklch(14% .004 260);--tag-border-hover:oklch(100% 0 0/.12);--btn-sec-bg:oklch(14% .004 260/.4);--btn-sec-bg-hover:oklch(14% .004 260/.7);--btn-sec-border-hover:oklch(100% 0 0/.12);--link-bg:oklch(14% .004 260/.4);--link-bg-hover:oklch(14% .004 260/.8);--link-border-hover:oklch(100% 0 0/.12);--mobile-menu-bg:oklch(9% .005 260);--dot-color:oklch(100% 0 0/.04);--glow-top-c:oklch(35% .15 262/.12);--glow-bottom-c:oklch(40% .12 300/.07);--scroll-line-c:oklch(100% 0 0/.22);--scroll-sweep-c:oklch(100% 0 0/.7);--scroll-txt-c:oklch(100% 0 0/.3);--card-hover-border:oklch(100% 0 0/.12);--card-hover-shadow:oklch(0% 0 0/.3);--nav-cta-bg:oklch(14% .004 260/.5);--nav-cta-bg-hover:oklch(14% .004 260);--nav-cta-border-hover:oklch(100% 0 0/.12);--shimmer-s:oklch(92% .004 260);--shimmer-m:oklch(78% .22 262);--shimmer-a:oklch(60% .24 290);--selection-bg:oklch(65% .2 262/.3);--value-hover-border:oklch(100% 0 0/.12);--cbox-glow:oklch(65% .2 262/.08);--scrollbar-thumb:oklch(65% .2 262/.25);--gh-l0:oklch(18% .01 260);--gh-l1:oklch(32% .1 262);--gh-l2:oklch(45% .16 262);--gh-l3:oklch(58% .19 262);--gh-l4:oklch(72% .2 262)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;transition:background .28s,color .28s;overflow-x:hidden}::selection{background:var(--selection-bg);color:var(--foreground)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.glow-top,.glow-bottom{pointer-events:none;z-index:0;transition:background .28s;position:fixed;translate:-50%}.glow-top{background:radial-gradient(ellipse at center, var(--glow-top-c), transparent 70%);width:1100px;height:800px;top:-20%;left:50%}.glow-bottom{background:radial-gradient(ellipse at center, var(--glow-bottom-c), transparent 70%);width:900px;height:700px;bottom:-10%;left:30%}.dot-grid{pointer-events:none;z-index:0;background-image:radial-gradient(var(--dot-color) 1px, transparent 1px);background-size:24px 24px;position:fixed;inset:0}.w{z-index:1;max-width:1080px;margin:0 auto;padding:0 48px;position:relative}section{padding:96px 0}.lbl{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);align-items:center;gap:7px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.lbl svg{opacity:.8;flex-shrink:0;width:12px;height:12px}.sh{letter-spacing:-.025em;color:var(--foreground);margin-bottom:48px;font-size:clamp(26px,3.2vw,38px);font-weight:600;line-height:1.15}.shimmer{background:linear-gradient(110deg, var(--shimmer-s) 15%, var(--shimmer-m) 40%, var(--shimmer-a) 50%, var(--shimmer-m) 60%, var(--shimmer-s) 85%);-webkit-text-fill-color:transparent;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{background-position:100%}50%{background-position:0%}}@media (prefers-reduced-motion:no-preference){.fade-up{opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}.fade-up.in{opacity:1;transform:none}.fade-up:nth-child(2){transition-delay:70ms}.fade-up:nth-child(3){transition-delay:.14s}.fade-up:nth-child(4){transition-delay:.21s}.fade-up:nth-child(5){transition-delay:.28s}.fade-up:nth-child(6){transition-delay:.35s}}@keyframes up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes dotpulse{0%{box-shadow:0 0 oklch(65% .2 262/.5)}70%{box-shadow:0 0 0 8px oklch(65% .2 262/0)}to{box-shadow:0 0 oklch(65% .2 262/0)}}@keyframes aa-pulse{0%,to{opacity:.5}50%{opacity:1}}.card{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--card);transition:border-color .22s,transform .22s,box-shadow .22s,background .28s}html:not([data-theme=dark]) .card{box-shadow:var(--card-shadow)}.card:hover{border-color:var(--card-hover-border);box-shadow:0 8px 32px var(--card-hover-shadow);transform:translateY(-3px)}html:not([data-theme=dark]) .card:hover{box-shadow:var(--card-shadow-hover)}.glass-card{border-radius:var(--radius-xl);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);box-shadow:0 0 0 1px var(--glass-shadow-sm), 0 2px 6px var(--glass-shadow-sm), 0 16px 48px var(--glass-shadow-lg);transition:border-color .22s,transform .22s,box-shadow .22s,background .28s}.glass-card:hover{border-color:var(--card-hover-border);box-shadow:0 0 0 1px var(--glass-shadow-sm), 0 8px 24px var(--glass-shadow-sm), 0 24px 64px var(--glass-shadow-lg);transform:translateY(-3px)}.highlight-card{border-radius:var(--radius-xl);border:1px solid var(--highlight-border);background:var(--highlight-bg);box-shadow:0 0 0 1px var(--highlight-glow), 0 4px 20px var(--highlight-glow), 0 20px 60px var(--glass-shadow-lg);transition:border-color .22s,transform .22s,box-shadow .22s,background .28s}.highlight-card:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--highlight-glow), 0 8px 32px var(--highlight-glow), 0 24px 64px var(--glass-shadow-lg);transform:translateY(-3px)}.tags{flex-wrap:wrap;gap:5px;display:flex}.tag{color:var(--muted-fg);background:var(--tag-bg);border:1px solid var(--border);border-radius:5px;padding:3px 9px;font-size:11.5px;font-weight:500;transition:color .15s,border-color .15s,background .15s}.tag:hover{color:var(--primary);border-color:var(--tag-border-hover);background:var(--tag-bg-hover)}.tag-muted{opacity:.7;font-size:11px}.btn{font-family:var(--font);cursor:pointer;border-radius:var(--radius-xl);border:none;align-items:center;gap:7px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .18s,transform .18s,box-shadow .18s,background .18s;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--primary-fg);box-shadow:0 0 oklch(65% .2 262/0)}.btn-primary:hover{opacity:.88;box-shadow:0 4px 16px var(--highlight-glow);transform:translateY(-1px)}.btn-secondary{background:var(--btn-sec-bg);border:1px solid var(--border);color:var(--muted-fg)}.btn-secondary:hover{background:var(--btn-sec-bg-hover);border-color:var(--btn-sec-border-hover);color:var(--foreground);transform:translateY(-1px)}.lang-toggle{background:var(--muted);border:1px solid var(--border);border-radius:999px;flex-shrink:0;align-items:center;gap:1px;height:34px;padding:3px;display:flex}.lang-toggle-opt{min-width:34px;height:26px;color:var(--muted-fg);cursor:pointer;letter-spacing:.06em;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:700;transition:background .18s,color .18s;display:flex}.lang-toggle-opt.active{background:var(--foreground);color:var(--background)}.theme-btn{background:var(--nav-cta-bg);border:1px solid var(--border);width:34px;height:34px;color:var(--muted-fg);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,border-color .18s,color .18s,transform .18s;display:flex}.theme-btn:hover{background:var(--nav-cta-bg-hover);border-color:var(--nav-cta-border-hover);color:var(--foreground);transform:rotate(18deg)scale(1.08)}.theme-btn svg{pointer-events:none;width:15px;height:15px}nav{z-index:100;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:56px;padding:0 48px;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}nav.stuck{background:var(--background);border-color:var(--nav-stuck-border)}.nav-actions{align-items:center;gap:10px;display:flex}.logo{color:var(--foreground);letter-spacing:-.02em;font-size:15px;font-weight:700;text-decoration:none}.logo span{color:var(--primary)}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--muted-fg);align-items:center;gap:5px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.nav-links a svg{opacity:.7;flex-shrink:0;width:13px;height:13px;transition:opacity .15s}.nav-links a:hover{color:var(--foreground)}.nav-links a:hover svg{opacity:1}.nav-cta{border:1px solid var(--border);background:var(--nav-cta-bg);border-radius:var(--radius);padding:6px 16px;color:var(--foreground)!important;transition:background .15s,border-color .15s!important}.nav-cta:hover{background:var(--nav-cta-bg-hover)!important;border-color:var(--nav-cta-border-hover)!important}.hbg{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:2px;display:none}.hl{background:var(--foreground);width:18px;height:1.5px;transition:all .3s}.hbg.open .hl:first-child{transform:translateY(5.5px)rotate(45deg)}.hbg.open .hl:nth-child(2){opacity:0}.hbg.open .hl:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}#hero{align-items:center;min-height:100svh;padding-top:56px;display:flex;position:relative}.hero-inner{grid-template-columns:1fr 420px;align-items:center;gap:60px;display:grid}.hero-content{min-width:0}.hero-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);opacity:0;align-items:center;gap:7px;margin-bottom:20px;font-size:11px;font-weight:600;animation:.5s .1s forwards up;display:flex}.hero-h1{letter-spacing:-.04em;opacity:0;margin-bottom:20px;font-size:clamp(42px,6vw,72px);font-weight:700;line-height:1.08;animation:.5s .2s forwards up}.hero-sub{color:var(--muted-fg);opacity:0;max-width:560px;margin-bottom:18px;font-size:17px;font-weight:400;animation:.5s .3s forwards up}.hero-sub strong{color:var(--foreground);font-weight:600}.hero-proof{opacity:0;flex-wrap:wrap;gap:7px;max-width:560px;margin-bottom:22px;animation:.5s .34s forwards up;display:flex}.hero-chip{color:var(--muted-fg);background:var(--tag-bg);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-flex}.hero-chip svg{width:12px;height:12px;color:var(--primary);opacity:.85}.hero-chip strong{color:var(--foreground);font-weight:700}.hero-cycle{color:var(--muted-fg);opacity:0;align-items:center;gap:6px;min-height:24px;margin-bottom:32px;font-size:15px;animation:.5s .38s forwards up;display:flex}.cword{color:var(--primary);font-weight:500;transition:opacity .25s,transform .25s}.cword.out{opacity:0;transform:translateY(-5px)}.cursor{background:var(--primary);vertical-align:middle;width:2px;height:14px;animation:1s step-end infinite blink;display:inline-block}.hero-btns{opacity:0;flex-wrap:wrap;gap:10px;animation:.5s .46s forwards up;display:flex}.hero-btns-row{flex:auto;gap:10px;display:flex}.hero-illustration{opacity:0;animation:.6s .55s forwards up;position:relative}.hi-svg{border-radius:12px;width:100%;height:auto}html[data-theme=dark] .hi-svg{filter:drop-shadow(0 24px 48px oklch(48% .22 262/.18))}.hi-win{fill:oklch(16% .015 260);stroke:oklch(100% 0 0/.08);stroke-width:1px}.hi-bar{fill:oklch(22% .015 260)}.hi-bar-b{fill:oklch(19% .015 260)}.hi-tab{fill:oklch(28% .018 260)}.hi-tab-txt,.hi-ln,.hi-kw,.hi-fn,.hi-dec,.hi-str,.hi-plain{font-family:var(--mono);font-size:10px}.hi-tab-txt{fill:oklch(78% .005 260);text-anchor:middle}.hi-ln{fill:oklch(45% .005 260)}.hi-kw{fill:oklch(72% .16 300)}.hi-fn{fill:oklch(78% .15 220)}.hi-dec{fill:oklch(72% .12 50)}.hi-str{fill:oklch(74% .12 148)}.hi-plain{fill:oklch(82% .005 260)}.hi-cursor{fill:oklch(72% .2 262);animation:1s step-end infinite blink}.hi-statusb{fill:oklch(48% .22 262);opacity:.85}.hi-stxt{font-family:var(--mono);fill:oklch(100% 0 0/.75);font-size:8px}.hi-stxt-r{text-anchor:end}.hi-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--foreground);white-space:nowrap;border:1px solid oklch(100% 0 0/.12);border-radius:40px;align-items:center;gap:7px;padding:7px 13px;font-size:11.5px;font-weight:600;display:flex;position:absolute}html[data-theme=dark] .hi-badge{background:oklch(18% .015 260/.88);box-shadow:0 8px 24px oklch(0% 0 0/.3)}html:not([data-theme=dark]) .hi-badge{box-shadow:none;background:oklch(99% 0 0/.88)}.hi-badge-a{animation:4s ease-in-out infinite fi-float-a;top:-18px;right:10px}.hi-badge-b{animation:5s ease-in-out infinite fi-float-b;bottom:48px;right:-24px}.hi-badge-c{animation:4.5s ease-in-out .8s infinite fi-float-a;bottom:-16px;left:20px}@keyframes fi-float-a{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fi-float-b{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.scroll-hint{opacity:0;flex-direction:column;align-items:center;gap:10px;animation:.5s 1.2s forwards up;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-bar{background:var(--scroll-line-c);width:1px;height:48px;position:relative;overflow:hidden}.scroll-bar:after{content:"";background:linear-gradient(to bottom, transparent, var(--scroll-sweep-c), transparent);height:100%;animation:2s ease-in-out infinite scanline;position:absolute;top:-100%;left:0;right:0}@keyframes scanline{0%{top:-100%}to{top:200%}}.scroll-txt{letter-spacing:.22em;color:var(--scroll-txt-c);text-transform:uppercase;font-size:9px;font-weight:500}.about-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:56px;display:grid}.about-body p{color:var(--muted-fg);margin-bottom:14px;font-size:15.5px;line-height:1.85}.about-body strong{color:var(--foreground);font-weight:600}.about-right{flex-direction:column;gap:20px;display:flex}.about-github{margin-top:40px}.about-arch{border-radius:var(--radius-xl);border:1px solid var(--glass-border);background:var(--glass-bg);opacity:0;animation:.5s .25s forwards up;overflow:hidden}.about-arch svg{width:100%;height:auto;display:block}.aa-bg{fill:oklch(12% .01 260)}html:not([data-theme=dark]) .aa-bg{fill:oklch(16% .01 260)}.aa-node{fill:oklch(18% .015 260);stroke:oklch(48% .22 262/.4);stroke-width:1px}.aa-node-hi{fill:oklch(24% .05 262);stroke:oklch(68% .2 262/.6);stroke-width:1px}.aa-node-sec{fill:oklch(22% .04 28);stroke:oklch(66% .14 28/.55);stroke-width:1px}.aa-line{stroke:oklch(68% .2 262/.35);stroke-width:1.2px;stroke-dasharray:4 3}.aa-line-hi{stroke:oklch(68% .2 262/.7);stroke-width:1.5px}.aa-arrow{fill:oklch(68% .2 262/.6)}.aa-label{font-family:var(--mono);fill:oklch(75% .005 260);text-anchor:middle;dominant-baseline:middle;font-size:8.5px}.aa-label-hi{fill:oklch(78% .18 262)}.aa-label-sec{fill:oklch(74% .13 28)}.aa-sub{font-family:var(--mono);fill:oklch(50% .005 260);text-anchor:middle;dominant-baseline:middle;font-size:6.5px}.aa-dot{fill:oklch(68% .2 262)}.aa-dot-green{fill:oklch(72% .18 148)}.aa-dot-orange{fill:oklch(72% .14 50)}.aa-pulse{transform-origin:50%;animation:2s ease-in-out infinite aa-pulse}.stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{padding:22px 20px}.stat-icon{width:14px;height:14px;color:var(--primary);opacity:.7;margin-bottom:8px;display:block}.stat-n{letter-spacing:-.03em;color:var(--primary);margin-bottom:4px;font-size:32px;font-weight:700;line-height:1}.stat-l{color:var(--muted-fg);font-size:12px;font-weight:500}.gh-strip,.gh-heat{opacity:0;transition:opacity .4s}.gh-strip{margin-top:18px}.gh-heat{margin-top:12px}.gh-strip.ready,.gh-heat.ready{opacity:1}.gh-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.gh-stat{text-align:left;flex-direction:column;gap:4px;padding:18px 16px;display:flex}.gh-stat-top{color:var(--muted-fg);align-items:center;gap:6px;display:flex}.gh-stat-top svg{width:13px;height:13px;color:var(--primary);opacity:.85}.gh-stat-top span{letter-spacing:.05em;text-transform:uppercase;font-size:10.5px;font-weight:600}.gh-stat-n{letter-spacing:-.03em;color:var(--foreground);font-size:26px;font-weight:700;line-height:1}.gh-foot{color:var(--muted-fg);justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:11.5px;display:flex}.gh-foot a{color:var(--primary);font-weight:600;text-decoration:none}.gh-foot a:hover{text-decoration:underline}.gh-live-dot{background:oklch(75% .18 145);border-radius:50%;width:6px;height:6px;animation:2.4s ease-out infinite dotpulse;box-shadow:0 0 oklch(75% .18 145/.5)}.gh-heat-card{padding:18px 20px}.gh-heat-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.gh-heat-title{color:var(--foreground);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.gh-heat-title svg{width:13px;height:13px;color:var(--primary)}.gh-heat-sum{color:var(--muted-fg);font-size:11.5px}.gh-heat-sum strong{color:var(--foreground);font-weight:700}.gh-heat-grid{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;justify-content:center;gap:3px;padding-bottom:2px;display:grid;overflow-x:auto}.gh-cell{background:var(--gh-l0);border-radius:2px;width:11px;height:11px}.gh-cell.pad{visibility:hidden}.gh-cell.l1{background:var(--gh-l1)}.gh-cell.l2{background:var(--gh-l2)}.gh-cell.l3{background:var(--gh-l3)}.gh-cell.l4{background:var(--gh-l4)}.gh-heat-legend{color:var(--muted-fg);justify-content:flex-end;align-items:center;gap:5px;margin-top:12px;font-size:10.5px;display:flex}.gh-heat-legend .gh-cell{width:9px;height:9px}.stack-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sc{padding:22px 24px}.sc-cat{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-fg);align-items:center;gap:6px;margin-bottom:16px;font-size:10px;font-weight:700;display:flex}html[data-theme=dark] .sc-cat{color:var(--primary)}.sc-cat svg{width:11px;height:11px}.edu-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ec{padding:22px 24px}.ec-deg{color:var(--foreground);letter-spacing:-.01em;margin-bottom:4px;font-size:14px;font-weight:600}.ec-sch{color:var(--muted-fg);margin-bottom:12px;font-size:13px}.ec-yr{color:var(--primary);letter-spacing:.02em;font-size:11px;font-weight:500}.ec-remote{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.ec-remote svg{color:var(--muted-fg);opacity:.5}.ec-remote span{color:var(--muted-fg);font-size:13px}.tl{padding-left:24px;position:relative}.tl:before{content:"";background:var(--border);width:1px;position:absolute;top:8px;bottom:0;left:3px}.tli{margin-bottom:24px;position:relative}.tli:last-child{margin-bottom:0}.tldot{background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:-21px;box-shadow:0 0 0 3px oklch(65% .2 262/.15)}.tldot.active{animation:2.4s ease-out infinite dotpulse}.tlc{padding:22px 26px}.tl-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.tl-role{color:var(--foreground);letter-spacing:-.01em;font-size:15px;font-weight:600}.tl-date{color:var(--muted-fg);font-size:12px;font-weight:500}.tl-org{color:var(--muted-fg);align-items:center;gap:5px;margin-bottom:14px;font-size:13px;display:flex}.tl-org svg{opacity:.6;flex-shrink:0;width:12px;height:12px}.tl-now{color:oklch(75% .18 145);border-radius:var(--radius);background:oklch(75% .18 145/.1);border:1px solid oklch(75% .18 145/.2);align-items:center;gap:5px;margin-bottom:14px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.tl-dot2{background:oklch(75% .18 145);border-radius:50%;width:5px;height:5px}.tl-ul{list-style:none}.tl-ul li{color:var(--muted-fg);margin-bottom:5px;padding-left:14px;font-size:14px;line-height:1.75;position:relative}.tl-ul li:before{content:"–";color:var(--muted-fg);opacity:.5;position:absolute;left:0}.tl-metric{color:var(--foreground);font-weight:600}.exp-pipeline{border-radius:var(--radius-xl);border:1px solid var(--glass-border);background:var(--glass-bg);margin-bottom:40px;overflow:hidden}.exp-pipeline svg{width:100%;height:auto;display:block}.ep-bg{fill:oklch(12% .01 260)}html:not([data-theme=dark]) .ep-bg{fill:oklch(16% .01 260)}.ep-step{fill:oklch(18% .015 260);stroke:oklch(100% 0 0/.08);stroke-width:1px}.ep-step-active{fill:oklch(22% .04 262);stroke:oklch(68% .2 262/.5);stroke-width:1px}.ep-arrow{fill:oklch(55% .18 262/.5)}.ep-arrow-line{stroke:oklch(55% .18 262/.4);stroke-width:1.5px;stroke-dasharray:5 3}.ep-label{font-family:var(--mono);fill:oklch(75% .005 260);text-anchor:middle;dominant-baseline:middle;font-size:9px;font-weight:500}.ep-label-hi{fill:oklch(78% .18 262)}.ep-dot{fill:oklch(68% .2 262);animation:2.8s ease-in-out infinite aa-pulse}.ep-commit{font-family:var(--mono);fill:oklch(55% .18 262/.8);text-anchor:middle;dominant-baseline:middle;font-size:7px}.proj-grid,.blog-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.proj-card{color:inherit;flex-direction:column;gap:12px;padding:28px;text-decoration:none;display:flex}.proj-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.proj-name{color:var(--foreground);align-items:center;gap:7px;font-size:17px;font-weight:700;line-height:1.2;transition:color .18s;display:flex}.proj-name svg{opacity:0;width:13px;height:13px;color:var(--primary);transition:opacity .18s}.proj-card:hover .proj-name{color:var(--primary)}.proj-card:hover .proj-name svg{opacity:1}.proj-badge{letter-spacing:.04em;white-space:nowrap;text-transform:uppercase;border-radius:5px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600}.proj-badge.commercial{color:oklch(72% .18 148);background:oklch(72% .18 148/.1);border:1px solid oklch(72% .18 148/.22)}.proj-badge.personal{color:var(--muted-fg);background:var(--tag-bg);border:1px solid var(--border)}html[data-theme=dark] .proj-badge.personal{color:oklch(78% .005 260)}.proj-desc{color:var(--muted-fg);flex:1;font-size:13.5px;line-height:1.6}.proj-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.proj-more{justify-content:center;margin-top:32px;display:flex}.blog-card{color:inherit;flex-direction:column;gap:14px;padding:28px;text-decoration:none;display:flex}.blog-meta{color:var(--muted-fg);align-items:center;gap:10px;font-size:12px;display:flex}.blog-meta-dot{background:var(--muted-fg);border-radius:50%;flex-shrink:0;width:3px;height:3px}.blog-title{color:var(--foreground);font-size:17px;font-weight:700;line-height:1.35;transition:color .18s}.blog-card:hover .blog-title{color:var(--primary)}.blog-excerpt{color:var(--muted-fg);flex:1;font-size:14px;line-height:1.6}.blog-footer{flex-direction:column;gap:14px;margin-top:4px;display:flex}.blog-tags{flex-wrap:wrap;gap:6px;display:flex}.blog-read{color:var(--primary);align-items:center;gap:5px;font-size:13px;font-weight:600;transition:gap .18s;display:flex}.blog-card:hover .blog-read{gap:8px}footer{border-top:1px solid var(--border);text-align:center;color:var(--muted-fg);z-index:1;padding:24px 0;font-size:12px;position:relative}.footer-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.visitor-counter{align-items:center;gap:5px;display:flex}.visitor-counter svg{opacity:.6;width:12px;height:12px}.visitor-count{color:var(--muted-fg);min-width:2ch;font-weight:600}.life-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin-bottom:48px;display:grid}.life-body p{color:var(--muted-fg);margin-bottom:16px;font-size:15.5px;line-height:1.85}.life-body strong{color:var(--foreground);font-weight:600}.life-body p:last-child{margin-bottom:0}.life-values{flex-direction:column;gap:12px;display:flex}.value-item{border-radius:var(--radius-xl);background:var(--card);border:1px solid var(--border);align-items:flex-start;gap:14px;padding:16px 18px;transition:border-color .22s,transform .22s;display:flex}.value-item:hover{border-color:var(--value-hover-border);transform:translate(4px)}.value-icon{width:32px;height:32px;color:var(--primary);background:oklch(65% .2 262/.12);border:1px solid oklch(65% .2 262/.2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.value-icon svg{width:15px;height:15px}.value-text strong{color:var(--foreground);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.value-text span{color:var(--muted-fg);font-size:12.5px;line-height:1.5}.hobbies-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.hobby-card{flex-direction:column;gap:12px;padding:24px 22px;display:flex}.hobby-icon{width:40px;height:40px;color:var(--primary);background:oklch(65% .2 262/.1);border:1px solid oklch(65% .2 262/.18);border-radius:10px;justify-content:center;align-items:center;display:flex}.hobby-icon svg{width:18px;height:18px}.hobby-title{color:var(--foreground);letter-spacing:-.01em;font-size:14px;font-weight:600}.hobby-desc{color:var(--muted-fg);font-size:13px;line-height:1.6}.resume-bar{border-radius:var(--radius-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:48px;padding:24px 32px;display:flex}.resume-bar-text strong{color:var(--foreground);margin-bottom:3px;font-size:15px;font-weight:600;display:block}.resume-bar-text span{color:var(--muted-fg);font-size:13px}#contact{padding-bottom:64px}.cbox{border-radius:var(--radius-2xl);text-align:center;padding:56px 64px;position:relative;overflow:hidden}.cbox:before{content:"";pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 0%, var(--cbox-glow), transparent 70%);position:absolute;inset:0}.clbl{justify-content:center}.ch{letter-spacing:-.035em;color:var(--foreground);margin-bottom:10px;font-size:clamp(26px,3.8vw,44px);font-weight:700;line-height:1.1}.cp{color:var(--muted-fg);margin-bottom:36px;font-size:15px}.clinks{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cl{border-radius:var(--radius-xl);background:var(--link-bg);border:1px solid var(--border);color:var(--muted-fg);align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.cl:hover{background:var(--link-bg-hover);border-color:var(--link-border-hover);color:var(--foreground)}.cl svg{width:14px;height:14px}.contact-net{pointer-events:none;opacity:.6;width:52%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.contact-net svg{width:110%;height:120%;position:absolute;top:-10%;right:-5%}.cn-dot{fill:oklch(68% .2 262/.4)}.cn-dot-lg{fill:oklch(68% .2 262/.2)}.cn-line{stroke:oklch(68% .2 262/.18);stroke-width:1px}.cn-line-hi{stroke:oklch(68% .2 262/.4);stroke-width:1.5px}.cn-ring{fill:none;stroke:oklch(68% .2 262/.12);stroke-width:1px}@keyframes cn-pulse{0%,to{opacity:.3}50%{opacity:.8}}.cn-a1{animation:3s ease-in-out infinite cn-pulse}.cn-a2{animation:3s ease-in-out 1s infinite cn-pulse}.cn-a3{animation:3s ease-in-out 2s infinite cn-pulse}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:40px}.about-arch,.contact-net,.hero-illustration{display:none}.life-grid{grid-template-columns:1fr;gap:32px}.stack-grid,.hobbies-grid,.proj-grid,.blog-grid{grid-template-columns:1fr 1fr}.cbox{padding:40px 28px}.hero-inner{grid-template-columns:1fr}}@media (width<=700px){.exp-pipeline{display:none}.gh-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){nav,.w{padding:0 16px}section{padding:64px 0}.nav-links{background:var(--mobile-menu-bg);flex-direction:column;align-items:flex-start;gap:0;padding:24px 16px;transition:transform .28s;position:fixed;inset:56px 0 0;transform:translate(100%)}.nav-links.open{transform:none}.nav-links li{width:100%}.nav-links a{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 0;font-size:16px;display:flex}.nav-links a svg{width:16px;height:16px}.nav-cta{background:0 0!important;border:none!important}.hbg{display:flex}.stack-grid,.hobbies-grid,.proj-grid,.blog-grid,.edu-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.resume-bar{flex-direction:column;align-items:flex-start;padding:20px}.hero-h1{letter-spacing:-.03em;font-size:clamp(36px,11vw,54px)}.hero-btns{flex-direction:column;align-items:stretch;gap:8px}.hero-btns .btn{justify-content:center;width:100%}.hero-btns-row{width:100%}.hero-btns-row .btn{flex:1;justify-content:center}.scroll-hint{display:none}.sh{margin-bottom:32px;font-size:clamp(22px,6vw,30px)}.tl{padding-left:18px}.tldot{left:-15px}.tlc{padding:18px}.tl-top{flex-direction:column;gap:2px}.cbox{padding:32px 20px}.clinks{flex-direction:column;align-items:stretch}.cl{justify-content:flex-start}.lbl{margin-bottom:6px}.life-values{gap:8px}.value-item{padding:12px 14px}}@media (width<=400px){.hero-h1{font-size:34px}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat-n{font-size:26px}}