*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:'Inter',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Light default */
body{background-color:#fafafa;color:#0f172a}
/* Dark mode */
html.dark body{background-color:#0d1017;color:#f1f5f9}

#initial-loader{
    position:fixed;inset:0;
    background-color:#fafafa;
    display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;
    z-index:9999;transition:opacity 0.4s ease-out;
}
html.dark #initial-loader{background-color:#0d1017}

.loader-ring{
    width:40px;height:40px;border-radius:50%;
    border:3px solid rgba(0,188,212,0.15);
    border-top-color:#00bcd4;
    animation:spin 0.8s linear infinite;
}
.loader-text{font-size:13px;font-weight:500;color:#94a3b8;letter-spacing:0.02em}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}