:root{color-scheme:dark;--bg:#0c1011;--text:#e9eeeb;--muted:#b3bcb8;--green:#b8f486;--cyan:#92cccc;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
::selection{background:var(--green);color:var(--bg)}
main{min-height:100svh;display:grid;align-items:center;max-width:720px;margin:0 auto;padding:64px 40px}
.prompt{padding-bottom:6vh}
.site-name{display:flex;align-items:center;gap:16px;color:var(--cyan);font-size:14px;margin:0 0 48px}
.cursor{color:var(--green);animation:blink 1.2s step-end 4}
h1{font-size:28px;line-height:1.5;letter-spacing:-.8px;font-weight:400;margin:0}
.prompt-symbol{color:var(--green)}
.intro{font-size:15px;color:var(--muted);margin:10px 0 0;padding-left:27px}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--green);outline-offset:6px;border-radius:1px}
.project-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin:30px 0 34px;color:var(--green);font-size:14px;text-decoration:underline;text-decoration-color:#486344;text-underline-offset:5px}
.project-link:hover{color:var(--cyan);text-decoration-color:currentColor}
.profiles{display:flex;flex-wrap:wrap;gap:8px 24px}
.profile-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--muted);font-size:14px;text-decoration:underline;text-decoration-color:#48675c;text-underline-offset:5px}
.profile-link:hover{color:var(--cyan);text-decoration-color:currentColor}
.profile-link svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(max-width:520px){main{padding:40px 24px}.prompt{padding-bottom:4vh}.site-name{margin-bottom:36px}h1{font-size:24px;letter-spacing:-.7px}.intro{font-size:14px;padding-left:23px;max-width:290px}.profiles{display:grid;grid-template-columns:max-content max-content;column-gap:30px;row-gap:4px}.project-link{margin-top:24px;margin-bottom:24px}}
@media(max-width:350px){main{padding-left:20px;padding-right:20px}h1{font-size:22px}.intro{padding-left:21px}}
@media(prefers-reduced-motion:reduce){.cursor{animation:none}}