.portal-loading {
    position: fixed;
    inset-block-start: max(14px, env(safe-area-inset-top));
    inset-inline-start: 50%;
    transform: translateX(-50%);
    z-index: 11000;
    pointer-events: none;
    display: grid;
    place-items: center;
    width: 52px;
    height: 48px;
    border: 1px solid #cad8e8;
    border-radius: 16px;
    background: #f5f8fcf2;
    box-shadow: 0 4px 18px #142e5120;
    color: #176fc1;
}
.portal-loading[hidden] { display: none; }
.portal-loading-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.portal-loading-ring {
    width: 30px;
    height: 30px;
    border: 3px solid #a5bed866;
    border-block-start-color: currentColor;
    border-inline-end-color: currentColor;
    border-radius: 50%;
    animation: portal-loading-spin .8s linear infinite;
}
[data-theme="dark"] .portal-loading { background: #16273df2; border-color: #3b5571; color: #83bdff; box-shadow: 0 4px 18px #0005; }
@keyframes portal-loading-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .portal-loading-ring { animation: none; } }