:root{--bg:#193b2b;--text:#eeecd2;--muted:#adbc95;--line:#68815a66;--accent:#ebd49b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 25%,#38624355,transparent 65%),var(--bg);color:var(--text);font:12px/1.6 'SFMono-Regular',Consolas,'Liberation Mono',monospace;overflow:hidden}body.light{--bg:#537d42;--text:#fff3d5;--muted:#d1dcac;--line:#aec18366;--accent:#ffe3a2}canvas{position:fixed;inset:0;width:100%;height:100%;cursor:crosshair}.grain{position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:fixed;top:0;left:0;width:100%;padding:32px 44px;display:flex;align-items:center;justify-content:flex-end;z-index:2}nav{display:flex;gap:30px}button{font:inherit;color:var(--muted);border:0;background:none;padding:6px 0;cursor:pointer}button:hover{color:var(--text)}button:focus-visible,a:focus-visible{outline:1px solid var(--accent);outline-offset:6px}nav span{color:var(--text);margin-left:6px}main{pointer-events:none;position:fixed;bottom:135px;left:8%;z-index:1}.intro{max-width:800px;position:relative;text-shadow:0 2px 14px var(--bg)}h1{font:500 clamp(15px,1.65vw,22px)/1.85 'SFMono-Regular',Consolas,'Liberation Mono',monospace;letter-spacing:-.4px;margin:0 0 8px}p{color:var(--muted);font-size:11px;line-height:1.9}.feed{pointer-events:auto;display:flex;align-items:center;gap:15px;margin-top:26px;color:var(--text);font-size:10px}.feed>span:first-child{color:var(--accent);border:1px solid var(--line);padding:4px 8px}.feed .arrow{color:var(--muted)}footer{position:fixed;bottom:0;left:0;right:0;margin:0 44px;padding:23px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);z-index:2}.sep{margin:0 13px;color:var(--line)}.live-dot{color:var(--accent);font-size:7px;margin-right:8px}footer button{font-size:10px}footer button span{margin-left:12px}.footer-center{font-size:9px;letter-spacing:.4px}@media(max-width:700px){header{padding:22px}nav{gap:17px;font-size:10px}main{left:26px;bottom:120px}p{font-size:10px;max-width:310px}footer{margin:0 22px;font-size:9px}.footer-center{display:none}.feed{font-size:9px}}@media(prefers-reduced-motion:reduce){.grain{display:none}}

.intro::before{content:"";position:absolute;inset:-36px -24px;z-index:-1;background:radial-gradient(ellipse,var(--bg) 20%,transparent 72%);opacity:.8;pointer-events:none}canvas{touch-action:manipulation}header{background:linear-gradient(var(--bg),transparent)}footer{background:linear-gradient(transparent,var(--bg))}@media(max-width:700px){nav{gap:13px}main{bottom:115px}.intro::before{inset:-20px}}

.intro .bio{font-size:clamp(15px,1.65vw,22px);font-weight:500;line-height:1.85;letter-spacing:-.4px;color:var(--text);margin:0;max-width:none}
.bio a{pointer-events:auto;color:inherit;text-decoration:none;border-bottom:1px solid var(--muted);padding-bottom:2px}
.bio a:hover{color:var(--accent);border-color:var(--accent)}
main{right:8%}.intro .feed{margin-top:30px;color:var(--muted)}
@media(max-width:700px){main{right:26px}.intro h1,.intro .bio{letter-spacing:-.35px;line-height:1.9}.intro .feed{margin-top:23px}}

header{pointer-events:none}header nav{pointer-events:auto}