*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07080d;--text:#eef1f7;--sub:#99a1b3;--dim:#5d6478;--line:#ffffff12;--line-soft:#ffffff0b;--teal:#3ddfa9;--blue:#5aa2ff;--violet:#9b8cff;--amber:#eab766;--red:#f06a76;--cyan:#7dd3fc;--glass:#ffffff08;--glass-hi:#ffffff0e;--font:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--display:"Space Grotesk", "Inter", sans-serif}html,body{background:var(--bg);min-height:100vh}#root{min-height:100vh}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(40vmax 40vmax at 18% 12%,#3ddfa917,#0000 60%),radial-gradient(44vmax 44vmax at 85% 20%,#5aa2ff1a,#0000 62%),radial-gradient(48vmax 48vmax at 60% 95%,#9b8cff14,#0000 60%);animation:34s ease-in-out infinite alternate aurora;position:fixed;inset:-20vmax}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(120vmax 80vmax at 50% -10%,#0000 40%,#0000008c 100%);position:fixed;inset:0}@keyframes aurora{0%{transform:translate(0)scale(1)}50%{transform:translate(2vmax,3vmax)scale(1.08)}to{transform:translate(-2vmax,-1vmax)scale(1.04)}}#root{z-index:1;position:relative}.glass{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);border:1px solid var(--line);border-radius:16px;transform:translateZ(0);box-shadow:0 14px 40px -28px #000000b3}.lift{transition:border-color .3s,background .3s}.lift:hover{background:var(--glass-hi);border-color:#ffffff21}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{animation:.6s cubic-bezier(.2,.7,.2,1) both fadeUp}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 37%,#ffffff0a 63%) 0 0/800px 100%;border-radius:12px;animation:1.4s ease-in-out infinite shimmer}select{font-family:var(--font);color:var(--text);border:1px solid var(--line);cursor:pointer;appearance:none;background:#ffffff09 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%239aa3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:9px;outline:none;padding:7px 32px 7px 12px;font-size:13px;font-weight:500;transition:border-color .2s,background .2s}select:hover{border-color:#fff3}select option{color:var(--text);background:#12131c}button{font-family:var(--font);cursor:pointer;background:0 0;border:none}.layout{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);border-right:1px solid var(--line-soft);background:#ffffff05;flex-direction:column;flex-shrink:0;gap:22px;width:236px;height:100vh;padding:24px 18px 20px;display:flex;position:sticky;top:0}.main{flex:1;min-width:0;max-width:1280px;padding:26px clamp(18px,3.5vw,40px) 40px}.nav-btn{width:100%;color:var(--sub);text-align:left;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;font-weight:500;transition:color .2s,background .2s,border-color .2s;display:flex}.nav-btn:hover{color:var(--text);background:#ffffff08}.nav-btn.active{color:var(--text);border-color:var(--line);background:#ffffff0b}.nav-btn svg{flex-shrink:0}@media (width<=880px){.layout{flex-direction:column}.sidebar{z-index:100;border-right:none;border-bottom:1px solid var(--line-soft);flex-flow:wrap;align-items:center;gap:10px 16px;width:100%;height:auto;padding:12px 16px;position:sticky;top:0}.sidebar .side-gauge,.sidebar .side-download,.sidebar .side-credits{display:none}.sidebar nav{scrollbar-width:none;width:100%;display:flex;overflow-x:auto;flex-direction:row!important;gap:4px!important}.sidebar nav::-webkit-scrollbar{display:none}.nav-btn{white-space:nowrap;width:auto;padding:8px 12px}}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a padding-box content-box;border:3px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#fff3 padding-box content-box}@media (prefers-reduced-motion:reduce){*,body:before{transition:none!important;animation:none!important}}
