:root{--bg: #f6f7f8;--bg2: #eef0f2;--card: #fcfdfd;--line: #e4e7ea;--line2: #d2d7db;--text: #1a1c1e;--text-2: #3f4346;--muted: #6b7074;--faint: #9aa0a5;--accent: #2f6670;--accent2: #466d8a;--accent-soft: #dde8ea;--green: #2e7d32;--amber: #b45309;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}.network-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.grid-layer{position:fixed;top:-40%;right:-20%;bottom:-40%;left:-20%;z-index:-3;pointer-events:none;background-image:radial-gradient(var(--line2) 1px,transparent 1px);background-size:34px 34px;opacity:.5;will-change:transform}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:60;transform-origin:0 50%;background:linear-gradient(90deg,var(--accent),var(--accent2));transform:scaleX(0)}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1rem;padding:.8rem max(1.25rem,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);background:#f6f7f8cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.wordmark{font-family:var(--font-mono);font-size:.9rem;font-weight:500;letter-spacing:-.01em;margin-right:auto;transition:color .16s ease}.wordmark:hover{color:var(--accent)}.site-nav{display:flex;gap:.2rem}.site-nav a{padding:.4rem .7rem;border-radius:999px;color:var(--muted);font-family:var(--font-mono);font-size:.78rem;transition:all .16s ease}.site-nav a:hover{background:var(--accent-soft);color:var(--accent);transform:translateY(-1px)}.status-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border:1px solid var(--line);border-radius:999px;font-family:var(--font-mono);font-size:.72rem;color:var(--muted);background:var(--card);transition:all .18s ease}.status-pill:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px);box-shadow:0 6px 18px -12px #0f766e66}.status-pill .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--green);box-shadow:0 0 #16a34a66;animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #16a34a59}70%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}.wrap{max-width:1160px;margin:0 auto;padding:0 max(1.25rem,calc((100vw - 1160px)/2))}.hero{padding:clamp(3.5rem,8vw,6rem) 0 clamp(2.5rem,5vw,4rem);display:grid;gap:2.25rem}.eyebrow{color:var(--accent);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.06em;margin:0;text-transform:lowercase}.hero h1{font-family:var(--font-mono);font-weight:500;font-size:clamp(2.4rem,7vw,4.6rem);line-height:1;letter-spacing:-.035em;margin:0;text-wrap:balance}.hero h1 .dim{color:var(--faint)}.hero h1 .hollow{color:transparent;-webkit-text-stroke:1px var(--line2)}.hero .sub{color:var(--text-2);font-size:clamp(1rem,1.6vw,1.12rem);max-width:56ch;margin:0}.hero .sub a{color:var(--accent);border-bottom:1px solid var(--accent-soft);transition:all .15s ease}.hero .sub a:hover{color:var(--amber);border-color:var(--amber)}.hero-about{max-width:56ch}.hero-about p{color:var(--muted);font-size:.95rem;margin:0}.term{border:1px solid var(--line2);border-radius:.9rem;background:var(--card);overflow:hidden;box-shadow:0 20px 50px -35px #1c191759;transition:box-shadow .3s ease,transform .3s ease}.term:hover{box-shadow:0 40px 80px -40px #0f766e59;transform:translateY(-4px)}.term-bar{display:flex;align-items:center;gap:.55rem;padding:.65rem .95rem;border-bottom:1px solid var(--line);background:var(--bg2)}.term-bar .t{width:.72rem;height:.72rem;border-radius:50%;border:1px solid rgba(0,0,0,.08);transition:transform .15s ease}.term:hover .term-bar .t:nth-child(1){transform:scale(1.25)}.term:hover .term-bar .t:nth-child(2){transform:scale(1.25);transition-delay:60ms}.term:hover .term-bar .t:nth-child(3){transform:scale(1.25);transition-delay:.12s}.t.r{background:#fda4af}.t.y{background:#fcd34d}.t.g{background:#86efac}.term-bar .title{margin-left:auto;font-family:var(--font-mono);font-size:.7rem;color:var(--muted)}.term-body{padding:1.4rem 1.5rem;font-family:var(--font-mono);font-size:.85rem;line-height:1.8;overflow-x:auto}.ln{display:block;white-space:pre-wrap}.p{color:var(--accent)}.cmd{color:var(--text);font-weight:500}.out{color:var(--muted)}.dir{color:var(--accent2);font-weight:500;border-radius:3px;transition:all .14s ease}.ln a.dir:hover{background:var(--accent-soft);box-shadow:0 0 0 5px var(--accent-soft);color:var(--accent)}.cmt{color:var(--faint)}.cursor{display:inline-block;width:.6ch;height:1em;background:var(--accent);vertical-align:-2px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.now{display:grid;gap:.85rem;padding:clamp(1.5rem,4vw,2rem) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.now .label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--accent);text-transform:lowercase}.now .line{display:flex;gap:1rem;align-items:baseline;font-family:var(--font-mono);font-size:.85rem;color:var(--muted);border-radius:6px;padding:.2rem .35rem;margin-left:-.35rem;transition:all .18s ease}.now .line:hover{background:var(--bg2);color:var(--text);transform:translate(4px)}.now .line .t{color:var(--text)}.now .line .t b{color:var(--amber);font-weight:500}.now-meta{font-family:var(--font-mono);font-size:.7rem;color:var(--faint);letter-spacing:.04em}.section{padding:clamp(3.5rem,7vw,6rem) 0}.sec-head{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.sec-head h2{font-family:var(--font-mono);font-weight:500;font-size:clamp(1.5rem,3.2vw,2.2rem);letter-spacing:-.02em;margin:.5rem 0 0;text-wrap:balance}.sec-head .hint{color:var(--muted);font-size:.92rem;margin:.6rem 0 0}#hwrap{position:relative;min-height:100vh}#hstage{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}#htrack{display:flex;gap:1.5rem;padding:0 max(1.25rem,6vw);will-change:transform}.panel{flex:0 0 auto;width:min(64vw,520px);background:var(--card);border:1px solid var(--line);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}.panel:hover{transform:translateY(-8px) scale(1.01);border-color:var(--line2);box-shadow:0 40px 80px -40px #1c19174d}.panel .ph{padding:1.1rem 1.4rem .2rem;display:grid;gap:.2rem}.kicker{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;margin:0}.k-mature{color:var(--green)}.k-active{color:var(--amber)}.k-learning{color:var(--accent)}.k-prog{color:var(--faint)}.panel h3{font-family:var(--font-mono);font-weight:500;font-size:1.15rem;letter-spacing:-.01em;margin:.2rem 0 0;transition:color .15s ease}.panel:hover h3{color:var(--accent)}.panel .sub{font-family:var(--font-mono);font-size:.78rem;color:var(--muted);margin:0}.panel .media{margin-top:1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2);overflow:hidden;position:relative}.panel .media img{display:block;width:100%;height:auto;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.panel:hover .media img{transform:scale(1.05)}.panel .media:after{content:"view ↗";position:absolute;top:1rem;right:1rem;padding:.3rem .7rem;border-radius:999px;background:#ffffffe6;color:var(--accent);font-family:var(--font-mono);font-size:.7rem;opacity:0;transform:translateY(-6px);transition:all .25s ease}.panel:hover .media:after{opacity:1;transform:none}.panel .pf{padding:1.1rem 1.4rem 1.3rem;display:flex;flex-direction:column;gap:.6rem}.panel .pf p{color:var(--muted);font-size:.9rem;margin:0}.panel .row{display:flex;align-items:center;gap:1rem;margin-top:auto}.repo{font-family:var(--font-mono);font-size:.76rem;color:var(--accent);border:1px solid var(--line2);border-radius:999px;padding:.35rem .7rem;transition:all .16s ease}.repo:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.stack{display:flex;flex-wrap:wrap;gap:.35rem}.stack span{font-family:var(--font-mono);font-size:.66rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.18rem .5rem;transition:all .15s ease}.stack span:hover{color:var(--accent);border-color:var(--accent)}.code-media{background:#0c0a09;color:#e7e5e4;font-family:var(--font-mono);font-size:.78rem;line-height:2;padding:1.25rem 1.4rem;display:grid;gap:.15rem;min-height:260px;align-content:center}.code-media .code-line{display:block;white-space:pre}.code-p{color:var(--accent)}.code-cmd{color:#e7e5e4}.code-out{color:#a8a29e}.detail-section{border-top:1px solid var(--line)}.detail-list{display:grid;gap:clamp(2.5rem,6vw,4.5rem)}.detail{display:grid;gap:1.25rem}.detail-head{display:grid;gap:.25rem}.detail h3{font-family:var(--font-mono);font-weight:500;font-size:1.3rem;letter-spacing:-.01em;margin:0}.detail .sub{font-family:var(--font-mono);font-size:.78rem;color:var(--muted);margin:0}.detail-grid{margin:0;border-top:1px solid var(--line)}.detail-row{display:grid;grid-template-columns:10rem 1fr;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--line)}.detail-row dt{font-family:var(--font-mono);font-size:.74rem;font-weight:500;letter-spacing:.04em;color:var(--accent);text-transform:uppercase;padding-top:.1rem}.detail-row dd{margin:0;color:var(--muted);font-size:.94rem;max-width:62ch}.detail-link{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);justify-self:start;transition:color .16s ease}.detail-link:hover{color:var(--text)}.detail-link.muted{color:var(--faint)}@media(max-width:640px){.detail-row{grid-template-columns:1fr;gap:.25rem}}.links{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;border-top:1px solid var(--line);padding-top:clamp(2rem,4vw,3rem)}.lcard{background:var(--card);border:1px solid var(--line);border-radius:.9rem;padding:1.4rem;display:flex;flex-direction:column;gap:.5rem;transition:all .22s cubic-bezier(.2,.8,.2,1)}.lcard:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 30px 60px -35px #0f766e66}.lcard .tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;color:var(--accent);text-transform:lowercase}.lcard h3{font-family:var(--font-mono);font-weight:500;font-size:1.05rem;margin:0}.lcard p{color:var(--muted);font-size:.86rem;margin:0}.lcard .go{margin-top:auto;font-family:var(--font-mono);font-size:.76rem;color:var(--accent);transition:all .16s ease}.lcard:hover .go{color:var(--amber);transform:translate(3px)}.site-footer{text-align:center;color:var(--faint);font-family:var(--font-mono);font-size:.72rem;padding:3rem max(1.25rem,calc((100vw - 1160px)/2)) 1.5rem}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1.25rem;margin-bottom:1rem}.footer-links a{color:var(--muted);transition:color .16s ease}.footer-links a:hover{color:var(--accent)}.rv{opacity:0;transform:translateY(24px);filter:blur(4px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1),filter .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform,filter}.rv.rv-in{opacity:1;transform:none;filter:blur(0)}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;filter:none;transition:none}}@media(max-width:820px){.site-nav{display:none}.links{grid-template-columns:1fr}.panel{width:86vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#hwrap{height:auto}#hstage{position:static;height:auto;overflow:visible}#htrack{transform:none!important;flex-wrap:wrap}.grid-layer,.grain,.network-canvas{display:none}}