.site{z-index:1;width:100%;position:relative}.site:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(640px 320px at 50% 0,oklch(52% .13 250/.07),#0000 70%);height:600px;position:absolute;inset:0 0 auto}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{border-top:1px solid var(--line);padding:88px 0}.section__head{margin-bottom:44px}.label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent);align-items:center;gap:12px;margin-bottom:12px;font-size:12.5px;display:flex}.label:after{content:"";background:linear-gradient(90deg, var(--line-strong), transparent);flex:1;height:1px}.h2{font-family:var(--font-mono);margin:0;font-size:clamp(24px,3.4vw,32px);font-weight:700}.status-text{font-family:var(--font-mono);color:var(--text-dim);font-size:13.5px}.nav{z-index:50;height:var(--nav-h);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(140%);background:oklch(100% 0 0/.78);position:static}.nav__inner{align-items:center;gap:20px;height:100%;display:flex}.nav__brand{font-family:var(--font-mono);color:var(--text);align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.nav__brand:hover{color:var(--text);text-decoration:none}.nav__dot{background:var(--ok);border-radius:50%;width:8px;height:8px}.nav__links{align-items:center;gap:4px;margin-left:auto;display:flex}.nav__link{font-family:var(--font-mono);color:var(--text-dim);border-radius:7px;padding:7px 11px;font-size:13px;transition:color .2s,background .2s}.nav__link:hover{color:var(--text);background:var(--fill);text-decoration:none}.nav__link.is-active{color:var(--accent);background:var(--accent-soft)}.nav__cta{margin-left:4px}@media (width<=820px){.nav__links{display:none}.nav__cta{margin-left:auto;display:inline-flex}}.btn{font-family:var(--font-mono);border:1px solid var(--line-strong);background:var(--fill);color:var(--text);white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:11px 18px;font-size:13.5px;display:inline-flex}.btn:hover{color:var(--text);background:var(--fill-hover);border-color:var(--line-strong);text-decoration:none}.btn--sm{border-radius:7px;padding:8px 13px;font-size:12.5px}.btn--primary{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.btn--primary:hover{background:var(--accent-bright);color:var(--on-accent)}.btn__arrow{opacity:.7;font-size:12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--font-mono);border:1px solid var(--line);background:var(--fill);color:var(--text-muted);border-radius:7px;padding:5px 11px;font-size:12.5px}.chip--accent{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-bright)}.chip--sm{border-radius:6px;padding:3px 9px;font-size:11.5px}.hero{padding:76px 0 96px}.terminal{--text:oklch(97% .004 255);--text-muted:oklch(83% .012 255);--text-dim:oklch(70% .014 255);--line:oklch(100% 0 0/.1);--line-strong:oklch(100% 0 0/.18);--fill:oklch(100% 0 0/.06);--accent:oklch(78% .12 235);--accent-bright:oklch(86% .11 235);--accent-soft:oklch(78% .12 235/.16);--accent-line:oklch(78% .12 235/.4);--ok:oklch(80% .15 152);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--text);background:linear-gradient(oklch(25.5% .017 255),oklch(22.2% .015 255));overflow:hidden;box-shadow:0 24px 50px -28px oklch(30% .03 255/.38)}.terminal__bar{border-bottom:1px solid var(--line);background:oklch(100% 0 0/.03);align-items:center;gap:8px;padding:12px 16px;display:flex}.terminal__dot{border-radius:50%;width:11px;height:11px;display:inline-block}.terminal__title{text-align:center;font-family:var(--font-mono);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:49px;font-size:12px;overflow:hidden}.terminal__body{padding:34px 32px 38px}.prompt{font-family:var(--font-mono);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:9px;font-size:13.5px;display:flex}.prompt__path{color:var(--ok)}.prompt__sign{color:var(--accent)}.prompt__cmd{color:var(--text)}.caret{background:var(--accent);width:9px;height:16px;display:inline-block}.hero__out{padding:22px 0 30px}.hero__out--tight{padding:18px 0 26px}.hero__title{font-family:var(--font-mono);margin:0 0 18px;font-size:clamp(28px,5vw,46px);font-weight:700;line-height:1.32}.hero__sub{color:var(--text-muted);max-width:660px;margin:0;font-size:clamp(15px,1.6vw,16.5px)}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.about{grid-template-columns:1fr 300px;align-items:start;gap:40px;display:grid}.about__prose{color:var(--text-muted);white-space:pre-wrap;text-wrap:pretty;margin:0;padding-left:26px;font-size:16px;position:relative}.about__prose:before{content:"";background:linear-gradient(180deg, var(--accent), transparent);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:0}.spec{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:20px 22px}.spec__title{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:12px;font-size:11.5px}.spec__row{font-family:var(--font-mono);align-items:baseline;gap:12px;padding:9px 0;font-size:13px;display:flex}.spec__k{color:var(--text-dim);flex:none;width:76px}.spec__v{color:var(--text);text-align:right;overflow-wrap:anywhere;margin-left:auto}.spec__tags{border-top:1px solid var(--line);margin-top:14px;padding-top:16px}@media (width<=860px){.about{grid-template-columns:1fr;gap:32px}}.stackgrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.stackcard{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:22px}.stackcard__head{align-items:center;gap:10px;margin-bottom:18px;display:flex}.stackcard__idx{font-family:var(--font-mono);color:var(--accent);font-size:12px}.stackcard__name{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:14px;font-weight:700}.projects{gap:22px;display:grid}.project{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:28px;position:relative;overflow:hidden}.project:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.project__head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.project__name{font-family:var(--font-mono);margin:0;font-size:19px;font-weight:700}.project__period{font-family:var(--font-mono);color:var(--text-dim);margin-bottom:16px;font-size:12.5px}.project__tagline{color:var(--text-muted);text-wrap:pretty;max-width:74ch;margin:0 0 22px;font-size:15.5px}.project__body{border-top:1px solid var(--line);padding-top:22px}.project__content{color:var(--text-dim);white-space:pre-wrap;text-wrap:pretty;max-width:78ch;margin:0 0 20px;font-size:14.5px}.hl{gap:10px;margin:0 0 22px;padding:0;list-style:none;display:grid}.hl li{color:var(--text-muted);text-wrap:pretty;padding-left:22px;font-size:14.5px;position:relative}.hl li:before{content:"▸";font-family:var(--font-mono);color:var(--accent);position:absolute;top:0;left:2px}.project__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.project__links{flex-wrap:wrap;gap:10px;display:flex}.tl{padding-left:30px;position:relative}.tl:before{content:"";background:linear-gradient(180deg, var(--accent), var(--line) 45%, transparent);width:1px;position:absolute;top:8px;bottom:8px;left:7px}.tl__item{padding-bottom:34px;position:relative}.tl__item:last-child{padding-bottom:0}.tl__node{border:1px solid var(--line-strong);background:var(--bg);border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;top:4px;left:-30px}.tl__node:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.tl__period{font-family:var(--font-mono);color:var(--accent);margin-bottom:6px;font-size:12.5px}.tl__title{margin:0 0 4px;font-size:16.5px;font-weight:700}.tl__sub{color:var(--text-muted);font-size:14.5px}.tl__desc{color:var(--text-dim);white-space:pre-wrap;margin-top:6px;font-size:13.5px}.contact{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);text-align:center;padding:48px 32px 52px}.contact__cmd{justify-content:center;margin-bottom:20px}.contact__title{font-family:var(--font-mono);margin:0 0 12px;font-size:clamp(24px,3.4vw,32px);font-weight:700}.contact__desc{color:var(--text-muted);max-width:480px;margin:0 auto 30px;font-size:15.5px}.contact__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.footer{border-top:1px solid var(--line);padding:28px 0 36px}.footer__inner{font-family:var(--font-mono);color:var(--text-dim);justify-content:center;align-items:center;font-size:12.5px;display:flex}@media (width<=640px){.section{padding:72px 0}.terminal__body{padding:26px 20px 30px}.project{padding:22px}.contact{padding:38px 22px 42px}}