:root{--c1: #121212;--c2: #1e1e1e;--c3: #2c2c2c;--c4: #3a3a3a;--c5: #555555;--border-color: #444;--text-color: #f0f0f0}body{background-color:var(--c1);color:var(--text-color);margin:0;font-family:Arial,sans-serif;transition:background-color .3s ease,color .3s ease}body.light-theme{--c1: #ffffff;--c2: #f8f9fa;--c3: #e9ecef;--c4: #dee2e6;--c5: #ced4da;--border-color: #dee2e6;--text-color: #212529;background-color:#fff;color:#212529}body.dark-theme{--c1: #121212;--c2: #1e1e1e;--c3: #2c2c2c;--c4: #3a3a3a;--c5: #555555;--border-color: #444;--text-color: #f0f0f0;background-color:#121212;color:#f0f0f0}#preloader{position:fixed;inset:0;background-color:var(--c1);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease,visibility .5s}#preloader.hidden{opacity:0;visibility:hidden}.preloader-bars{display:flex;gap:4px}.preloader-bars span{display:block;width:8px;height:40px;background-color:var(--c3);animation:preload-bar 1s infinite ease-in-out}.preloader-bars span:nth-child(2){animation-delay:.1s;background-color:var(--c4)}.preloader-bars span:nth-child(3){animation-delay:.2s;background-color:var(--c3)}.preloader-bars span:nth-child(4){animation-delay:.3s;background-color:var(--c4)}.preloader-bars span:nth-child(5){animation-delay:.4s;background-color:var(--c3)}@keyframes preload-bar{0%,40%,to{transform:scaleY(.3)}20%{transform:scaleY(1)}}