#loading-screen {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffffff; z-index: 9999;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    will-change: opacity, transform;
    animation: failsafeHide 0s linear 3s forwards;
}
@keyframes failsafeHide { to { opacity: 0; pointer-events: none; visibility: hidden; } }

.loader-ring-wrap { position: relative; width: 80px; height: 80px; }
.loader-ring { position: absolute; inset: 0; width: 100%; height: 100%; }
.loader-icon {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;
    opacity: 0;
}
.loader-title {
    margin-top: 32px; font-family: 'Inter', sans-serif; font-weight: 800; font-size: 1.6rem;
    letter-spacing: -0.5px; opacity: 0;
    background: linear-gradient(90deg, #007aff, #00c6ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.loader-sub {
    margin-top: 6px; font-size: 0.85rem; font-weight: 600; opacity: 0; color: rgba(0,0,0,0.3);
    font-family: 'Inter', sans-serif;
}