:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#101413}body{min-height:100svh;display:grid;place-items:center;color:#d1d8cf;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}main{display:flex;flex-direction:column;align-items:center;padding:24px;transform:translateY(-12px)}.scene{width:240px;height:200px;overflow:visible}h1{font-size:17px;line-height:1.5;font-weight:400;letter-spacing:4px;margin:18px 0 0 4px}.working-arm{transform-origin:102px 88px;animation:hammer 1.6s infinite}.sparks{transform-origin:168px 124px;animation:sparks 1.6s infinite}@keyframes hammer{0%,12%{transform:rotate(-39deg)}35%{transform:rotate(-48deg)}47%{transform:rotate(94deg)}54%{transform:rotate(78deg)}62%{transform:rotate(94deg)}85%,100%{transform:rotate(-39deg)}}@keyframes sparks{0%,44%{opacity:0;transform:translateY(6px) scale(.6)}48%{opacity:1;transform:translateY(0) scale(1)}65%,100%{opacity:0;transform:translateY(-10px) scale(1.2)}}@media(prefers-reduced-motion:reduce){.working-arm{animation:none;transform:rotate(15deg)}.sparks{animation:none;opacity:0}}