/* Loaderul de boot „copacul crește din rădăcini" — vizibil până pornește React.
   Servit ca asset static (Vite nu procesează <style> inline din index.html la build). */
#boot-tree{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#FBF7EF;font-family:system-ui,sans-serif}
#boot-tree svg{overflow:visible}
#boot-tree .tl-roots path{stroke-dasharray:34;stroke-dashoffset:34;animation:btRoots 2.6s ease-out infinite}
#boot-tree .tl-trunk{transform-origin:60px 118px;transform:scaleY(0);animation:btTrunk 2.6s ease-out infinite}
#boot-tree .tl-l1,#boot-tree .tl-l2,#boot-tree .tl-l3{opacity:0;transform:translateY(8px) scale(.6)}
#boot-tree .tl-l1{transform-origin:60px 106px;animation:btL1 2.6s ease-out infinite}
#boot-tree .tl-l2{transform-origin:60px 78px;animation:btL2 2.6s ease-out infinite}
#boot-tree .tl-l3{transform-origin:60px 54px;animation:btL3 2.6s ease-out infinite}
@keyframes btRoots{0%{stroke-dashoffset:34}22%{stroke-dashoffset:0}88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes btTrunk{0%,14%{transform:scaleY(0)}38%{transform:scaleY(1)}88%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@keyframes btL1{0%,34%{opacity:0;transform:translateY(8px) scale(.6)}50%{opacity:1;transform:none}88%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes btL2{0%,42%{opacity:0;transform:translateY(8px) scale(.6)}58%{opacity:1;transform:none}88%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes btL3{0%,50%{opacity:0;transform:translateY(8px) scale(.6)}66%{opacity:1;transform:none}88%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@media(prefers-reduced-motion:reduce){#boot-tree *{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}