@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap";:root{--paper:#f3ede2;--paper-2:#ece4d4;--ink:#1a1a1a;--ink-2:#3a3a3a;--ink-3:#6b6b6b;--rule:#1a1a1a;--purple:#5b3fd9;--amber:#e8941a;--green:#2a8f4f;--red:#c1361a;--term-bg:#161616;--term-fg:#ede5d4;--term-dim:#9b9385;--max:1240px}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;line-height:1.55}body{background-image:repeating-linear-gradient(0deg,#0000 0 38px,#1a1a1a0b 38px 39px),radial-gradient(circle at 20% 0,#5b3fd90d,#0000 40%),radial-gradient(circle at 90% 80%,#e8941a0f,#0000 45%);background-attachment:fixed}a{color:inherit;text-decoration:none}a:hover{color:var(--purple)}::selection{background:var(--purple);color:var(--paper)}#root{min-height:100vh}.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}section{padding:72px 0 56px;position:relative}section+section{border-top:1px solid var(--rule)}.sec-head{color:var(--ink-2);align-items:baseline;gap:14px;margin-bottom:36px;font-size:13px;display:flex}.sec-head .prompt{color:var(--purple);font-weight:600}.sec-head .cmd{color:var(--ink);font-weight:600}.sec-head .tag{color:var(--ink-3);letter-spacing:.04em;margin-left:auto}.chip{border:1px solid var(--ink);background:var(--paper-2);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;display:inline-flex}.chip .dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2a8f4f2e}.chip.amber .dot{background:var(--amber);box-shadow:0 0 0 3px #e8941a38}.chip.purple .dot{background:var(--purple);box-shadow:0 0 0 3px #5b3fd92e}.term{background:var(--term-bg);color:var(--term-fg);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:6px;font-size:14px;overflow:hidden}.term .chrome{background:#222;border-bottom:1px solid #000;align-items:center;gap:8px;padding:8px 12px;display:flex}.term .chrome i{border-radius:50%;width:11px;height:11px;display:inline-block}.term .chrome i:first-child{background:#ed6a5e}.term .chrome i:nth-child(2){background:#f4bf4f}.term .chrome i:nth-child(3){background:#62c655}.term .chrome span{color:var(--term-dim);margin-left:8px;font-size:12px}.term .body{min-height:340px;padding:18px 20px 22px}.term .body p{margin:0 0 4px}.ln{white-space:pre-wrap;display:block}.pr{color:var(--green)}.pa{color:var(--amber)}.pp{color:var(--purple)}.pd{color:var(--term-dim)}.pw{color:#fff;font-weight:600}.car{background:var(--amber);vertical-align:-2px;width:.6em;height:1em;animation:1.05s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}[data-reveal]{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(14px)}[data-reveal].in{opacity:1;transform:none}nav.bar{z-index:50;background:var(--ink);color:var(--paper);border-bottom:1px solid var(--ink);font-size:13px;position:sticky;top:0}nav.bar .row{max-width:var(--max);align-items:center;gap:22px;margin:0 auto;padding:10px 32px;display:flex}nav.bar .dots{flex-shrink:0;gap:7px;margin-right:6px;display:flex}nav.bar .dots i{border-radius:50%;width:11px;height:11px;display:inline-block}nav.bar .dots i:first-child{background:#ed6a5e}nav.bar .dots i:nth-child(2){background:#f4bf4f}nav.bar .dots i:nth-child(3){background:#62c655}nav.bar .title{color:var(--term-dim);letter-spacing:.02em}nav.bar .title b{color:var(--paper);font-weight:600}nav.bar .home-btn{cursor:pointer;align-items:center;gap:6px;transition:color .15s;display:inline-flex}nav.bar .home-btn:hover,nav.bar .home-btn:hover b{color:var(--amber)}nav.bar .desktop-links{flex-wrap:wrap;gap:18px;margin-left:auto;display:flex}nav.bar .desktop-links a{color:var(--term-dim);padding:2px 0;transition:color .15s;position:relative}nav.bar .desktop-links a:hover,nav.bar .desktop-links a.is-active{color:var(--amber)}nav.bar .desktop-links a.is-active:before{content:"› ";color:var(--amber)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;margin-left:auto;padding:4px;display:none}.hamburger span{background:var(--paper);transform-origin:50%;border-radius:2px;height:2px;transition:transform .2s,opacity .2s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-drawer{background:var(--ink);border-top:1px dashed #333;flex-direction:column;max-height:0;transition:max-height .25s;display:none;overflow:hidden}.mobile-drawer.open{max-height:420px}.mobile-drawer a{color:var(--term-dim);border-bottom:1px solid #222;align-items:center;gap:8px;padding:13px 24px;font-size:14px;transition:color .15s,background .15s;display:flex}.mobile-drawer a:last-child{border-bottom:none}.mobile-drawer a:hover,.mobile-drawer a.is-active{color:var(--amber);background:#1f1f1f}.mobile-drawer a.is-active:before{content:"› ";color:var(--amber)}@media (width<=720px){nav.bar .desktop-links{display:none}.hamburger,.mobile-drawer{display:flex}nav.bar .row{padding:10px 20px}}.hero{padding:48px 0 40px}.hero-top{grid-template-columns:280px 1fr;align-items:stretch;gap:32px;margin-bottom:24px;display:grid}.hero-top .viewer{align-self:start}.hero-top .term{flex-direction:column;align-self:stretch;display:flex}.hero-top .term .body{flex:1}.hero-meta{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 14px;display:flex}.hero-meta .lbl{color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;margin-right:6px;font-size:11px}.hero h1{letter-spacing:-.05em;margin:6px 0 22px;font-family:JetBrains Mono,monospace;font-size:clamp(54px,11vw,148px);font-weight:800;line-height:.92}.hero h1 .stripe{background:var(--ink);color:var(--paper);padding:0 .15em;display:inline-block;transform:skew(-6deg)}.hero .tagline{color:var(--ink-2);max-width:42ch;margin:0;font-size:17px;line-height:1.55}.viewer{background:var(--term-bg);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:6px;overflow:hidden}.viewer .chrome{color:var(--term-dim);background:#222;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.viewer .chrome i{border-radius:50%;width:11px;height:11px;display:inline-block}.viewer .chrome i:first-child{background:#ed6a5e}.viewer .chrome i:nth-child(2){background:#f4bf4f}.viewer .chrome i:nth-child(3){background:#62c655}.viewer .meta{color:var(--term-dim);background:#1f1f1f;border-bottom:1px solid #000;justify-content:space-between;padding:6px 14px;font-size:12px;display:flex}.viewer .pic{aspect-ratio:1;background:#000;position:relative}.viewer .pic img{object-fit:cover;filter:contrast(1.03)saturate(.95);width:100%;height:100%;display:block}.viewer .pic:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 3px);position:absolute;inset:0}.viewer .foot{color:var(--term-dim);background:#1f1f1f;border-top:1px solid #000;justify-content:space-between;padding:8px 14px;font-size:11.5px;display:flex}.stat-strip{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(4,1fr);margin-top:36px;display:grid}.stat-strip>div{border-right:1px solid var(--ink);padding:18px 20px}.stat-strip>div:last-child{border-right:0}.stat-strip b{letter-spacing:-.03em;color:var(--ink);font-size:30px;font-weight:800;display:block}.stat-strip span{color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.hero-term-mobile{display:none}@media (width<=880px){.hero-top{grid-template-columns:1fr;gap:16px}.hero-top .viewer{max-width:220px;margin:0 auto}.hero-top .hero-term{display:none}.hero-term-mobile{flex-direction:column;margin-top:16px;margin-bottom:4px;display:flex}}@media (width<=760px){.stat-strip{grid-template-columns:repeat(2,1fr)}.stat-strip>div:nth-child(2){border-right:0}.stat-strip>div:first-child,.stat-strip>div:nth-child(2){border-bottom:1px solid var(--ink)}}.about-grid{grid-template-columns:1fr 1.1fr;gap:48px;display:grid}@media (width<=880px){.about-grid{grid-template-columns:1fr}}.about p{color:var(--ink);max-width:55ch;margin:0 0 16px;font-size:16.5px;line-height:1.65}.about p .hl{background:linear-gradient(#0000 62%,#e8941a73 62% 92%,#0000 92%);padding:0 2px}.about p .ul{text-decoration:underline;-webkit-text-decoration-color:var(--purple);text-decoration-color:var(--purple);text-underline-offset:3px;text-decoration-thickness:2px}.about .now{background:var(--paper-2);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:6px;padding:18px 20px}.about .now h4{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px;font-size:12px}.about .now ul{margin:0;padding:0;font-size:14px;list-style:none}.about .now li{border-top:1px dashed var(--ink-3);align-items:baseline;gap:10px;padding:6px 0;display:flex}.about .now li:first-child{border-top:0}.about .now li b{color:var(--purple);min-width:5.5em;font-weight:600;display:inline-block}.about .now li span{color:var(--ink-2)}.exp{flex-direction:column;gap:22px;display:flex}.commit{background:var(--paper-2);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:6px;padding:20px 24px;position:relative}.commit .hash{color:var(--amber);font-weight:600}.commit .head-line{color:var(--ink-3);flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:14px;font-size:13px;display:flex}.commit .head-line .ref{color:var(--purple);font-weight:600}.commit .head-line .when{color:var(--ink-3);margin-left:auto}.commit h3{letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:700}.commit .where{color:var(--ink-2);margin-bottom:14px;font-size:14px}.commit ul{flex-direction:column;gap:8px;margin:0;padding-left:0;list-style:none;display:flex}.commit ul li{color:var(--ink);padding-left:22px;font-size:14.5px;position:relative}.commit ul li:before{content:"+";color:var(--green);font-weight:700;position:absolute;left:0}.commit .stack{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.commit .stack span{border:1px solid var(--ink);background:var(--paper);color:var(--ink-2);border-radius:999px;padding:2px 8px;font-size:11.5px}.proj-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:32px;display:grid}@media (width<=980px){.proj-grid{grid-template-columns:1fr}}.proj-list{flex-direction:column;gap:22px;display:flex}.proj-card{background:var(--paper-2);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:6px;transition:box-shadow .15s,transform .15s;overflow:hidden}.proj-card:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.proj-card.active{border-color:var(--purple);box-shadow:4px 4px 0 var(--purple)}.proj-card.active .top{border-bottom-color:var(--purple)}.proj-card .top{border-bottom:1px dashed var(--ink);justify-content:space-between;align-items:baseline;gap:10px;padding:18px 22px;display:flex}.proj-card h3{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.proj-card .sub{color:var(--ink-3);margin-top:4px;font-size:13px}.proj-card.active h3{color:var(--purple)}.proj-card .active-badge{border:1px solid var(--purple);color:var(--purple);letter-spacing:.06em;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:10px}.proj-card .body{padding:18px 22px}.proj-card p{color:var(--ink-2);margin:0 0 14px;font-size:14.5px}.proj-card .stack{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.proj-card .stack span{border:1px solid var(--ink);background:var(--paper);color:var(--ink-2);border-radius:999px;padding:2px 8px;font-size:11.5px}.proj-card .links{gap:14px;font-size:13px;display:flex}.proj-card .links a{border-bottom:1px solid var(--ink);padding-bottom:2px}.proj-card .links a:hover{color:var(--purple);border-bottom-color:var(--purple)}.demo-panel{position:sticky;top:72px}.demo-close{cursor:pointer;color:var(--ink-3);background:0 0;border:none;margin-left:auto;padding:0;font-family:inherit;font-size:13px;transition:color .15s}.demo-close:hover{color:var(--red)}.demo-frame-wrap{background:var(--term-bg);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:6px;flex-direction:column;min-height:480px;display:flex;overflow:hidden}.demo-empty{color:var(--term-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:40px 24px;font-size:13px;display:flex}.demo-iframe{background:#fff;border:none;flex:1;width:100%;min-height:480px;display:block}.skills-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:48px;display:grid}@media (width<=880px){.skills-grid{grid-template-columns:1fr}}.tree{background:var(--term-bg);color:var(--term-fg);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:6px;padding:18px 22px;font-size:14px;line-height:1.7}.skill-bars{flex-direction:column;gap:14px;display:flex}.skill-bars .b{grid-template-columns:130px 1fr 48px;align-items:center;gap:14px;font-size:13px;display:grid}.skill-bars .b .lab{font-weight:500}.skill-bars .b .tk{background:var(--paper-2);border:1px solid var(--ink);height:10px;position:relative;overflow:hidden}.skill-bars .b .tk:after{content:"";height:100%;width:var(--w,0%);background:var(--ink);transition:width 1.1s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.skill-bars .b .tk.amber:after{background:var(--amber)}.skill-bars .b .tk.purp:after{background:var(--purple)}.skill-bars .b .pct{color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right}.hob-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=760px){.hob-grid{grid-template-columns:1fr}}.hob{border:1px solid var(--ink);background:var(--paper-2);box-shadow:4px 4px 0 var(--ink);border-radius:6px;padding:22px;position:relative;overflow:hidden}.hob h4{letter-spacing:-.01em;margin:0 0 8px;font-size:18px;font-weight:700}.hob p{color:var(--ink-2);margin:0;font-size:14px}.hob .ico{width:54px;height:54px;margin-bottom:12px}.hob .tag{color:var(--ink-3);letter-spacing:.06em;font-size:11px;position:absolute;top:14px;right:14px}.play{background:var(--term-bg);color:var(--term-fg);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:6px;font-size:14px;overflow:hidden}.play .chrome{color:var(--term-dim);background:#222;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.play .chrome i{border-radius:50%;width:11px;height:11px}.play .chrome i:first-child{background:#ed6a5e}.play .chrome i:nth-child(2){background:#f4bf4f}.play .chrome i:nth-child(3){background:#62c655}.play .body{min-height:280px;max-height:420px;padding:18px 20px 16px;overflow-y:auto}.play .input-row{cursor:text;border-top:1px dashed #333;align-items:baseline;gap:6px;padding:10px 20px 16px;display:flex}.play .input-row input{color:var(--term-fg);caret-color:var(--amber);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:14px}.play .hint{color:var(--term-dim);padding:0 20px 14px;font-size:12px}.play .hint b{color:var(--amber);font-weight:500}footer{border-top:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:56px 0 72px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex}footer h2{letter-spacing:-.03em;color:var(--paper);margin:0 0 8px;font-family:JetBrains Mono,monospace;font-size:clamp(32px,5vw,64px);font-weight:800;line-height:1}footer h2 .amber{color:var(--amber)}footer>.wrap>div>p{color:var(--term-dim);max-width:42ch;margin:6px 0 0;font-size:15px}footer .links{flex-direction:column;gap:6px;font-size:14px;display:flex}footer .links a{color:var(--paper);border-bottom:1px solid #0000}footer .links a:hover{color:var(--amber);border-bottom-color:var(--amber)}footer .links a .k{color:var(--term-dim);width:90px;display:inline-block}footer .legal{color:var(--term-dim);border-top:1px dashed #444;flex-wrap:wrap;justify-content:space-between;gap:10px;width:100%;margin-top:32px;padding-top:14px;font-size:12px;display:flex}