:root{--accent: #c4422b;--accent-dark: #d4513a}html,body{margin:0;padding:0;height:100%}html{scrollbar-gutter:stable}body{overflow-x:hidden;user-select:none;-webkit-user-select:none;cursor:default}#root{min-height:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes lineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes threadDrawFade{0%{stroke-dashoffset:4000;opacity:.55}50%{stroke-dashoffset:0;opacity:.55}75%{stroke-dashoffset:0;opacity:.55}to{stroke-dashoffset:0;opacity:0}}@keyframes threadShadowDrawFade{0%{stroke-dashoffset:4000;opacity:.06}50%{stroke-dashoffset:0;opacity:.06}75%{stroke-dashoffset:0;opacity:.06}to{stroke-dashoffset:0;opacity:0}}@keyframes stitchFade{0%{opacity:0}10%{opacity:.35}75%{opacity:.35}to{opacity:0}}.thread-line{fill:none;stroke:var(--theme-accent, #c4422b);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:4000;stroke-dashoffset:4000;opacity:0;pointer-events:none;animation:threadDrawFade 4s ease-out .5s forwards}.thread-line-shadow{fill:none;stroke:var(--theme-accent, #c4422b);stroke-width:4;stroke-linecap:round;stroke-dasharray:4000;stroke-dashoffset:4000;opacity:0;filter:blur(2px);pointer-events:none;animation:threadShadowDrawFade 4s ease-out .5s forwards}.stitch{stroke:var(--theme-accent, #c4422b);stroke-width:1.2;stroke-linecap:round;opacity:0;pointer-events:none;animation:stitchFade 4s ease-out .5s forwards}@keyframes ftDrawFade{0%{stroke-dashoffset:400;opacity:.45}40%{stroke-dashoffset:0;opacity:.45}70%{stroke-dashoffset:0;opacity:.45}to{stroke-dashoffset:0;opacity:0}}@keyframes ftShadowDrawFade{0%{stroke-dashoffset:400;opacity:.05}40%{stroke-dashoffset:0;opacity:.05}70%{stroke-dashoffset:0;opacity:.05}to{stroke-dashoffset:0;opacity:0}}@keyframes ftBranchDrawFade{0%{stroke-dashoffset:300;opacity:.45}35%{stroke-dashoffset:0;opacity:.45}65%{stroke-dashoffset:0;opacity:.45}to{stroke-dashoffset:0;opacity:0}}@keyframes ftBranchShadowDrawFade{0%{stroke-dashoffset:300;opacity:.05}35%{stroke-dashoffset:0;opacity:.05}65%{stroke-dashoffset:0;opacity:.05}to{stroke-dashoffset:0;opacity:0}}.thread-ft{fill:none;stroke:var(--theme-accent, #c4422b);stroke-width:1.3;stroke-linecap:round;opacity:0;stroke-dasharray:400;stroke-dashoffset:400;pointer-events:none;animation:ftDrawFade 3.5s ease-out .3s forwards}.thread-ft-shadow{fill:none;stroke:var(--theme-accent, #c4422b);stroke-width:3.5;stroke-linecap:round;opacity:0;filter:blur(2px);stroke-dasharray:400;stroke-dashoffset:400;pointer-events:none;animation:ftShadowDrawFade 3.5s ease-out .3s forwards}.thread-ft-branch{stroke-dasharray:300;stroke-dashoffset:300;animation:ftBranchDrawFade 3s ease-out 1.2s forwards}.thread-ft-shadow.thread-ft-branch{stroke-dasharray:300;stroke-dashoffset:300;animation:ftBranchShadowDrawFade 3s ease-out 1.2s forwards}.thread-ft-dot{fill:var(--theme-accent, #c4422b);opacity:0;pointer-events:none;animation:ftDotPulse 2s ease-in-out 1.8s forwards}@keyframes ftDotPulse{0%{opacity:0}30%{opacity:.5}50%{opacity:.5}to{opacity:0}}@keyframes orbitSpin{0%{transform:rotateX(59deg) rotate(0)}to{transform:rotateX(59deg) rotate(360deg)}}@keyframes sidenavBreathe{0%,to{opacity:1}50%{opacity:.25}}@keyframes cursorEnter{0%{opacity:0;transform:translate(26px,28px) scale(.6) rotate(8deg)}60%{opacity:.75}to{opacity:.8;transform:translate(0) scale(1) rotate(0)}}@keyframes cursorFloat{0%,to{transform:translate(0)}50%{transform:translate(-.4px,.8px)}}@keyframes cursorPress{0%{transform:translate(0) scale(1)}to{transform:translate(.5px,2.5px) scale(.78)}}@keyframes cursorRelease{0%{transform:translate(.5px,2.5px) scale(.78);opacity:.8}35%{transform:translateY(-1.5px) scale(1.05);opacity:.75}to{transform:translate(0) scale(1);opacity:.65}}@keyframes cursorExit{0%{opacity:.65;transform:translate(0) scale(1) rotate(0)}to{opacity:0;transform:translate(22px,-20px) scale(.5) rotate(-6deg)}}@keyframes dotAwaken{0%{transform:translate(-50%,-50%) scale(1);opacity:.35}to{transform:translate(-50%,-50%) scale(1.45);opacity:.7}}@keyframes dotPress{0%{transform:translate(-50%,-50%) scale(1.45)}to{transform:translate(-50%,-50%) scale(.55)}}@keyframes dotBurst{0%{transform:translate(-50%,-50%) scale(.55);opacity:1}12%{transform:translate(-50%,-50%) scale(3.2);opacity:1}40%{transform:translate(-50%,-50%) scale(1.8);opacity:.6}to{transform:translate(-50%,-50%) scale(1);opacity:.25}}@keyframes glowIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes glowPress{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.6);opacity:.5}}@keyframes rippleTilt1{0%{transform:translate(-50%,-50%) rotateX(59deg) scale(0);opacity:.7}to{transform:translate(-50%,-50%) rotateX(59deg) scale(1);opacity:0}}@keyframes rippleTilt2{0%{transform:translate(-50%,-50%) rotateX(59deg) scale(0);opacity:.5}to{transform:translate(-50%,-50%) rotateX(59deg) scale(1);opacity:0}}@keyframes rippleTilt3{0%{transform:translate(-50%,-50%) rotateX(59deg) scale(0);opacity:.3}to{transform:translate(-50%,-50%) rotateX(59deg) scale(1);opacity:0}}@keyframes confetti-fly{0%{transform:translate(0) rotate(0) scale(1);opacity:1}70%{opacity:1}to{transform:translate(var(--cdx),var(--cdy)) rotate(var(--crot)) scale(.3);opacity:0}}