.loading-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#fffcf86b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overscroll-behavior:contain;touch-action:none}
.loading-backdrop[hidden]{display:none}
:root[data-theme=dark] .loading-backdrop{background:#09090973}
.loading-plaque{width:min(380px,100%);max-height:100%;overflow:auto;padding:28px;border:1px solid var(--glass-border);border-radius:28px;background:var(--glass-footer);color:var(--ink);text-align:center;box-shadow:0 20px 70px #0002,inset 0 1px 0 var(--glass-highlight)}
.loading-plaque>span{font-size:12px;font-weight:800;color:var(--accent-dark);letter-spacing:.05em}.loading-plaque h2{margin:8px 0 12px;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.03em}.loading-plaque p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.loading-spinner{display:block;width:32px;height:32px;margin:0 auto 18px;border:2px solid var(--line);border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;animation:loading-spin 1s linear infinite}
.startup-loading{visibility:visible;animation:none}.startup-loading .loading-plaque{background:var(--panel,#fffcf8);color:var(--ink,#24241e)}.startup-loading a{display:block;margin-top:16px}.startup-loading button{margin-top:18px}
@keyframes loading-reveal{to{visibility:visible}}
@keyframes loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}}