.app-loading{display:flex;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;flex-direction:column;gap:22px;color:var(--muted);font-size:14px}
.app-loading p{margin:0}
.loading-orbit{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;flex:none}
.loading-orbit::before{content:"";position:absolute;inset:0;border:2px solid var(--line);border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;animation:loading-orbit-turn 1.1s linear infinite}
.app-loading .loading-orbit{width:100px;height:100px}
.app-loading .loading-orbit::before{border-width:3px}
.loading-brand{display:block;width:48px;height:48px;opacity:.18;filter:grayscale(.35)}
.content-loading{box-sizing:border-box;width:100%;min-height:clamp(260px,42vh,420px);padding:48px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted);gap:14px}
.content-loading h2{margin:8px 0 0;font-size:20px;font-weight:600;line-height:1.4;color:var(--text)}
.content-loading p{margin:0;font-size:13px;line-height:1.6}
@keyframes loading-orbit-turn{to{transform:rotate(360deg)}}
@media(max-width:650px){.content-loading{min-height:280px;padding:36px 18px}.content-loading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.loading-orbit::before{animation:none}}