:root{--bg:#060410;--text:#e9e6f4;--dim:#908ca0;--accent:#a855f7;--border:#1d1a26;--mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}::selection{background:var(--accent);color:var(--bg)}#gl{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.grain{pointer-events:none;z-index:30;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-100px}@media (prefers-reduced-motion:no-preference){.grain{animation:.9s steps(4,end) infinite grain}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-30px,40px)}50%{transform:translate(40px,-25px)}75%{transform:translate(-25px,-35px)}to{transform:translate(0)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fallback-hero{z-index:5;letter-spacing:-.03em;justify-content:center;align-items:center;font-family:system-ui,sans-serif;font-size:clamp(3rem,14vw,10rem);font-weight:900;display:none;position:fixed;inset:0}.no-webgl .fallback-hero{display:flex}.fallback-hero em{color:var(--accent);font-style:normal}.hud{z-index:40;padding:max(20px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;font-size:13px;line-height:1.6;transition:opacity 1.4s;display:flex;position:fixed;left:0;right:0}.hud-top{align-items:flex-start;animation:.9s cubic-bezier(.2,.7,.2,1) .4s both rise;top:0}.hud-bottom{animation:.9s cubic-bezier(.2,.7,.2,1) .7s both rise;bottom:0}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hud-top,.hud-bottom{animation:none}}.hud a,.hud button{pointer-events:auto}.wordmark{color:var(--text);letter-spacing:.02em;font-weight:700;text-decoration:none}.wordmark:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;margin-left:8px;animation:2.4s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.wordmark:after{animation:none}}.clock{color:var(--dim);font-variant-numeric:tabular-nums}.bio .tag{color:var(--accent);letter-spacing:.22em;margin:0 0 6px;font-size:11px}.bio p:not(.tag){color:var(--dim);max-width:34ch;margin:0}.links{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.links a,.links button{appearance:none;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:baseline;gap:7px;margin:0;padding:2px 0;text-decoration:none;display:inline-flex;position:relative}.links .arr{color:var(--dim);transition:color .2s,transform .2s}.links a:before,.links button:before{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform .25s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.links a:hover:before,.links a:focus-visible:before,.links button:hover:before,.links button:focus-visible:before{transform-origin:0;transform:scaleX(1)}.links a:hover .arr,.links button:hover .arr{color:var(--accent);transform:translate(2px,-1px)}.links button.copied,.links button.copied .arr{color:var(--accent)}.links a:focus-visible,.links button:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.overlay{z-index:50;-webkit-overflow-scrolling:touch;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay[hidden]{display:none}.overlay-backdrop{-webkit-backdrop-filter:blur(6px);background:#060410bf;position:fixed;inset:0}.panel{border:1px solid var(--border);opacity:0;background:#0b0917;width:min(440px,100%);margin:auto;padding:22px 24px 26px;transition:opacity .25s,transform .25s cubic-bezier(.2,.7,.2,1);position:relative;transform:translateY(12px)}.overlay.open .panel{opacity:1;transform:none}.panel-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-head h2{letter-spacing:.2em;color:var(--accent);margin:0;font-size:12px;font-weight:700}.panel-close{appearance:none;color:var(--dim);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:20px;line-height:1}.panel-close:hover{color:var(--text)}#contact-form{gap:14px;display:grid}#contact-form label{gap:6px;display:grid}#contact-form label span{letter-spacing:.2em;color:var(--dim);font-size:10px}#contact-form input,#contact-form textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#100d1b;border-radius:0;padding:10px 12px;font-size:13px}#contact-form input:focus,#contact-form textarea:focus{border-color:var(--accent);outline:none}#contact-form textarea{resize:vertical;min-height:120px}.send{appearance:none;background:var(--accent);width:fit-content;color:var(--bg);font:inherit;letter-spacing:.15em;cursor:pointer;border:0;padding:10px 22px;font-size:12px;font-weight:700}.send:hover{filter:brightness(1.15)}.send:disabled{opacity:.5;cursor:wait}#form-status{min-height:1.4em;color:var(--dim);margin:0;font-size:12px}@media (width<=560px){.hud{font-size:12px}.clock{display:none}.hud-bottom{flex-direction:column;align-items:flex-start;gap:18px}.links{align-items:flex-start}}