.loading-progress-bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #fff;
z-index: 100000;
}

.loading-progress-bar-fill {
height: 100%;
background-color: #0f0f0f;
width: 0%;
transition: width 0.3s ease;
}

.loading-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
transition: opacity 0.5s ease;
}

.loading-overlay.fade-out {
opacity: 0;
pointer-events: none;
}

.loading-content {
text-align: center;
}

.loading-text {
font-size: 1.5rem;
color: #333;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 0.1em;
}

body.loading {
overflow: hidden;
}

body.loading-complete {
overflow: auto;
}