:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:#0f1115}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--nav-width: 80px;--card-bg: rgba(30, 30, 35, .55);--card-border: rgba(255, 255, 255, .08);--radius: 14px;--transition: .18s ease;--focus-ring: 0 0 0 3px rgba(255, 255, 255, .25)}.small-nav{--nav-width: 80px}.avg-nav{--nav-width: 200px}nav{position:absolute;top:0;left:0;bottom:0;width:var(--nav-width);height:100vh;background:#111;transition:.3s;box-shadow:0 0 18px -6px #0009;padding:5px}nav ul{display:flex;justify-content:space-between;align-items:center;flex-direction:column;list-style:none;overflow:hidden;gap:10px}nav ul li{width:100%;padding:24px;text-align:center;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:12px;font-size:18px;transition:.1s;border-radius:10px}nav ul li img{width:25px;height:25px}nav ul li a{text-decoration:none}nav ul li:hover{opacity:1;background:#ffffff14;transform:translateY(-2px)}.bottom{position:absolute;bottom:0;left:0;width:var(--nav-width);background:#111;transition:.2s;padding:5px}.bottom li{width:100%;padding:25px;text-align:center;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:12px;font-size:18px;transition:.2s;border-radius:10px}.bottom li:hover{opacity:1;background:#ffffff14;transform:translateY(-2px)}.bottom li img{width:25px;height:25px}.container{position:relative;width:calc(100% - var(--nav-width));backdrop-filter:blur(18px) saturate(140%);transition:.2s;left:var(--nav-width);height:100vh;background:linear-gradient(145deg,#000000b3,#00000059) no-repeat center center fixed;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 1000px){.small-nav,.avg-nav{--nav-width: 100vw}nav{width:var(--nav-width);bottom:0;left:0;top:auto;position:fixed;transition:.3s;height:fit-content;z-index:1}nav ul{flex-direction:row;justify-content:space-evenly;align-items:center;gap:0;padding:20px 0}nav ul li{padding:12px}nav ul li:hover{transform:none}.bottom{display:none}.container{height:max-content;width:100vw;left:0;right:0;margin:auto auto 80px;padding:1rem .8rem}}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000}.loading .spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}