@font-face{font-family:Manrope;src:url('assets/assets/fonts/Manrope.ttf') format('truetype');font-display:swap}
:root{--loading-bg:#f6f5ef;--loading-ink:#213e32;--loading-muted:#64746a;--loading-accent:#244b3a;--loading-gold:#95713a;--loading-line:#dde4d9}
@media(prefers-color-scheme:dark){:root{--loading-bg:#101f1a;--loading-ink:#f3f3e9;--loading-muted:#b0c0b4;--loading-accent:#c9dab9;--loading-gold:#d3b77b;--loading-line:#35483d}}
body{margin:0;background:var(--loading-bg)}
#orbita-loading{position:fixed;inset:0;z-index:1;display:grid;place-items:center;padding:24px;box-sizing:border-box;background:var(--loading-bg);color:var(--loading-ink);font-family:Manrope,system-ui,sans-serif;text-align:center;overflow:auto}
.orbita-loading-content{width:100%;max-width:320px;padding:24px 0}
.orbita-loading-brand{font-size:32px;font-weight:600;letter-spacing:-1.5px;margin:24px 0 14px}
#orbita-loading-title{font-size:16px;font-weight:600;line-height:1.5}
#orbita-loading-note{font-size:13px;line-height:1.5;color:var(--loading-muted);margin-top:8px}
.orbita-loading-mark{position:relative;margin:auto;width:64px;height:64px}
.orbita-loading-mark:before{content:'';position:absolute;inset:7px;border:2px solid var(--loading-line);border-radius:50%}
.orbita-loading-mark:after{content:'';position:absolute;inset:27px;background:var(--loading-accent);border-radius:50%}
.orbita-loading-mark span{position:absolute;inset:7px;border:2px solid transparent;border-right-color:var(--loading-accent);border-radius:50%;animation:orbita-wait 2.8s linear infinite}
.orbita-loading-mark span:after{content:'';position:absolute;width:8px;height:8px;top:-5px;left:calc(50% - 4px);background:var(--loading-gold);border-radius:50%}
#orbita-loading-retry{margin-top:20px;min-height:48px;padding:12px 24px;font:600 14px Manrope,system-ui,sans-serif;color:var(--loading-ink);background:transparent;border:1px solid var(--loading-muted);border-radius:12px;cursor:pointer}
#orbita-loading-retry:focus-visible{outline:2px solid var(--loading-accent);outline-offset:4px}
@keyframes orbita-wait{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.orbita-loading-mark span{animation:none}}
