html { visibility: visible; opacity: 1; }
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; background: #000000; color: #e8f5e9; }
#page-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000; z-index: 9999; display: flex; align-items: center; justify-content: center; transition: opacity 0.3s ease, visibility 0.3s ease; }
#page-loader.loaded { opacity: 0; visibility: hidden; }
.loader-spinner { width: 48px; height: 48px; border: 3px solid rgba(16, 185, 129, 0.2); border-top-color: #10b981; border-radius: 50%; animation: spin 0.8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
[data-theme="light"] body { background: #ffffff; color: #0c1f17; }
[data-theme="light"] #page-loader { background: #ffffff; }