:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;background:#0a0a0f;color:#e4e7e5}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);background:radial-gradient(circle at 50% 0%,#17251e 0%,#0a0a0f 55%)}
.shell{width:min(100%,900px);min-height:min(720px,85vh);border:1px solid #304039;border-radius:12px;background:#0c1110;box-shadow:0 28px 90px #0009;overflow:hidden}
.topbar{height:44px;display:flex;align-items:center;gap:1rem;padding:0 17px;background:#18221e;border-bottom:1px solid #304039;color:#aab8af;font-size:.85rem}
.lights{display:flex;gap:6px}.lights span{width:10px;height:10px;border-radius:50%;background:#a65b5b}.lights span:nth-child(2){background:#a58d4b}.lights span:nth-child(3){background:#638a63}.topbar-end{margin-left:auto}
.screen{padding:clamp(1.25rem,5vw,3rem);line-height:1.65}.boot{color:#b9e4bc;margin:0 0 1rem}.dim{color:#98a59c}
nav{display:flex;gap:1.5rem;flex-wrap:wrap;padding-bottom:1.1rem;border-bottom:1px solid #304039}a{color:#9bd99f;text-decoration:none}a:hover,a:focus-visible{text-decoration:underline;text-underline-offset:4px}
section{padding-top:1.7rem;scroll-margin-top:1rem}h1,h2{font-size:1rem;font-weight:400;color:#e5eae6;margin:0 0 1.2rem}h3{font-size:1rem;color:#b9e4bc;margin:0}p{margin:.7rem 0 1.1rem}.prompt{color:#8fce93}.project{border-left:2px solid #496b50;padding-left:1rem}.tags{color:#98a59c;font-size:.87rem}.cursor-line{padding-top:1rem}.cursor{display:inline-block;width:.58rem;height:1.1rem;background:#9bd99f;vertical-align:-.2rem;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor{animation:none}}
@media(max-width:580px){body{display:block;padding:0}.shell{min-height:100vh;border:0;border-radius:0}.screen{padding:1.4rem}br{display:none}}