/* Cold-start screen. Lives in index.html so it paints before the app bundle loads;
   main.tsx removes it once. Hiding to the tray never reloads the page, so it never returns. */
@font-face{font-family:"Sora";font-weight:100 900;font-display:block;src:url(/fonts/sora-latin.woff2) format("woff2")}
html,body{background:#0E0F11;margin:0}
#tf-splash{position:fixed;inset:0;z-index:5000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(50% 45% at 50% 42%,#FF6A1A17,transparent 70%),#0E0F11;color:#F4F5F7;font-family:Inter,system-ui,sans-serif;transition:opacity .35s ease,visibility .35s;user-select:none}
#tf-splash.out{opacity:0;visibility:hidden}
#tf-splash .b{animation:tfs-in .6s cubic-bezier(.34,1.56,.64,1) both}
#tf-splash .b .body{transform-origin:50% 90%;animation:tfs-breathe 2.2s ease-in-out .6s infinite}
#tf-splash .b .eye{transform-box:fill-box;transform-origin:center;animation:tfs-blink 3.6s 1s infinite}
#tf-splash .b .arc{animation:tfs-fade 1.1s ease-in-out infinite}
#tf-splash .b .arc+.arc{animation-delay:.25s}
#tf-splash .w{font:800 44px/1 Sora,system-ui,sans-serif;letter-spacing:-.05em;animation:tfs-up .55s .15s cubic-bezier(.2,.8,.2,1) both}
#tf-splash .w span{position:relative;display:inline-block}
#tf-splash .w span::after{content:"";position:absolute;left:50%;top:.1em;width:.17em;height:.17em;margin-left:-.085em;border-radius:.045em;background:#FF6A1A}
#tf-splash .bar{position:absolute;bottom:72px;width:min(320px,70%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#8A8F98;font-size:12px;animation:tfs-up .5s .3s both}
#tf-splash .bar div{width:100%;height:4px;border-radius:2px;background:#24272D;overflow:hidden}
#tf-splash .bar i{display:block;height:100%;width:0;background:#FF6A1A;border-radius:2px;animation:tfs-load 2.5s cubic-bezier(.4,0,.2,1) forwards}
@keyframes tfs-in{from{opacity:0;transform:translateY(18px) scale(.85)}}
@keyframes tfs-up{from{opacity:0;transform:translateY(10px)}}
@keyframes tfs-breathe{50%{transform:translateY(-4px) scale(1.01,.99)}}
@keyframes tfs-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.12)}}
@keyframes tfs-fade{50%{opacity:.25}}
@keyframes tfs-load{0%{width:0}100%{width:100%}}
@media (prefers-reduced-motion:reduce){#tf-splash *{animation:none!important}}