:root{--bg:#0b0d10;--bg-raised:#11141a;--border:#1f242d;--border-strong:#2a2f3a;--text:#c8cdd6;--text-dim:#7a8290;--text-h:#ecf0f5;--accent:#7ee787;--accent-dim:#4cb65d;--warn:#f0b060;--link:#79c0ff;--mono:ui-monospace, "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;font:15px/1.6 var(--mono);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:radial-gradient(ellipse at top, #7ee7870a, transparent 60%), var(--bg);min-height:100svh;margin:0}#root{max-width:860px;margin:0 auto;padding:48px 24px 96px}a{color:var(--link);text-decoration:none;transition:color .15s}a:hover{color:var(--accent)}h1,h2,h3{color:var(--text-h);margin:0;font-weight:600}p{margin:0 0 12px}em{color:var(--accent);font-style:normal}.app{flex-direction:column;gap:48px;display:flex}.prompt{color:var(--text-dim);-webkit-user-select:none;user-select:none;opacity:0;margin-bottom:12px;font-size:13px;animation:.35s ease-out forwards fadeIn}.prompt-user{color:var(--accent)}.prompt-path{color:var(--link)}.prompt-sep{color:var(--text-dim);margin:0 2px}.prompt-cmd{color:var(--text-h)}.prompt-caret{color:var(--accent);vertical-align:baseline;margin-left:1px;font-size:.9em;line-height:1;animation:.9s steps(2,end) infinite blink;display:inline-block}.hero{padding:24px 0 8px}.name{letter-spacing:-1.5px;background:linear-gradient(120deg, var(--text-h) 0%, var(--accent) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin:8px 0 4px;font-size:clamp(40px,9vw,64px);line-height:1;animation:.5s ease-out both slideUp,6s ease-in-out infinite shimmer}.cursor{color:var(--accent);-webkit-text-fill-color:var(--accent);margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}.tagline{color:var(--text-h);margin:4px 0 16px;font-size:15px;animation:.5s ease-out .1s both slideUp}.sub{color:var(--text-dim);max-width:60ch;animation:.5s ease-out .2s both slideUp}.section{border-top:1px solid var(--border);padding-top:32px}.section h2{margin:0 0 20px;font-size:20px}.hash{color:var(--accent);margin-right:4px}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .55s ease-out,transform .55s ease-out;transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:none}.reveal.is-visible .stack li,.reveal.is-visible .principle,.reveal.is-visible .project,.reveal.is-visible .contact li{animation:.5s ease-out both rise}.reveal.is-visible .stack li:first-child,.reveal.is-visible .principle:first-child,.reveal.is-visible .project:first-child,.reveal.is-visible .contact li:first-child{animation-delay:50ms}.reveal.is-visible .stack li:nth-child(2),.reveal.is-visible .principle:nth-child(2),.reveal.is-visible .project:nth-child(2),.reveal.is-visible .contact li:nth-child(2){animation-delay:.1s}.reveal.is-visible .stack li:nth-child(3),.reveal.is-visible .principle:nth-child(3),.reveal.is-visible .project:nth-child(3),.reveal.is-visible .contact li:nth-child(3){animation-delay:.15s}.reveal.is-visible .stack li:nth-child(4),.reveal.is-visible .principle:nth-child(4){animation-delay:.2s}.reveal.is-visible .stack li:nth-child(5){animation-delay:.25s}.reveal.is-visible .stack li:nth-child(6){animation-delay:.3s}.stack{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.stack li{border:1px solid var(--border);background:var(--bg-raised);border-radius:6px;flex-direction:column;gap:2px;padding:12px 14px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.stack li:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 0%,#7ee78714 50%,#0000 100%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.stack li:hover{border-color:var(--accent-dim);transform:translateY(-2px);box-shadow:0 6px 20px -12px #7ee78759}.stack li:hover:before{transform:translate(120%)}.stack-name{color:var(--text-h);font-weight:600;position:relative}.stack-note{color:var(--text-dim);font-size:13px;position:relative}.principles{grid-template-columns:1fr 1fr;gap:16px;display:grid}.principle{border:1px solid var(--border);background:var(--bg-raised);border-radius:6px;padding:16px;transition:border-color .2s,transform .2s,box-shadow .2s}.principle:hover{border-color:var(--accent-dim);transform:translateY(-2px);box-shadow:0 6px 20px -12px #7ee78759}.principle h3{color:var(--accent);margin-bottom:6px;font-size:14px;font-weight:600}.principle p{color:var(--text-dim);margin:0;font-size:14px}.projects{flex-direction:column;gap:10px;display:flex}.project{border:1px solid var(--border);background:var(--bg-raised);color:inherit;border-radius:6px;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.project:hover{border-color:var(--border-strong)}.project-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.project-name{color:var(--text-h);font-weight:600}.project-lang{color:var(--warn);border:1px solid var(--border-strong);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px}.project p{color:var(--text-dim);margin:0;font-size:14px}.hint{color:var(--text-dim);margin-top:12px;font-size:13px;font-style:italic}.quote{border-left:2px solid var(--accent);background:var(--bg-raised);color:var(--text-h);margin:16px 0 0;padding:12px 16px;font-style:italic}.contact{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.contact li{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.contact .k{color:var(--text-dim);min-width:80px}.contact a{position:relative}.contact a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .25s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.contact a:hover:after{transform:scaleX(1)}.footer{border-top:1px solid var(--border);color:var(--text-dim);text-align:center;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;padding-top:24px;font-size:12px;display:flex}.footer-sep{opacity:.6}@keyframes blink{50%{opacity:0}}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}@media (width<=768px){#root{padding:40px 20px 72px}.app{gap:40px}.section{padding-top:28px}.principles{grid-template-columns:1fr}.stack{grid-template-columns:1fr 1fr}.project-head{flex-wrap:wrap}}@media (width<=560px){#root{padding:28px 16px 56px}.app{gap:32px}.section{padding-top:24px}.section h2{margin-bottom:14px;font-size:18px}.hero{padding:8px 0 4px}.name{word-break:break-word;margin:6px 0}.tagline{font-size:13px;line-height:1.5}.sub{font-size:14px;line-height:1.55}.stack{grid-template-columns:1fr}.prompt{overflow-wrap:anywhere;font-size:12px}.contact li{align-items:flex-start;gap:4px 14px}.contact .k{min-width:64px;font-size:12px}.project{padding:12px 14px}.project p{font-size:13px}.principle{padding:14px}.principle p{font-size:13px}.stack li{padding:10px 12px}.stack-note{font-size:12px}.quote{padding:10px 12px;font-size:14px}.footer{gap:6px;font-size:11px}}@media (width<=380px){#root{padding:24px 14px 48px}.app{gap:28px}.name{letter-spacing:-.8px}.hash{margin-right:2px}.contact li{flex-direction:column;gap:0}.contact .k{min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}