:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}#root{box-sizing:border-box;flex-direction:column;min-width:100vw;min-height:100svh;margin:0 auto;display:flex}body{margin:0}.appContainer{flex-direction:column;height:100vh;display:flex;overflow:hidden}.appNavbar{flex-shrink:0}#appNavbarOffcanvas{width:auto;min-width:50vw}.contentArea{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.levels-nav-dropdown-menu{flex-flow:column wrap;width:max-content;max-height:50vh;display:flex}.songFailed{color:#949494}.bannerFailed{filter:opacity(40%)}.lamp{padding:0 6px}.lampContainer{text-align:center}.lampCleared{background-color:#298529}.lampFailed{background-color:#3b3e9688}.lampNoPlay{color:#999;border:1px solid}.songContainer{text-align:center;justify-content:center;max-width:246px}.songTitleGenre{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rankCategory{border:1px solid;border-radius:10%;margin-bottom:3px;font-size:.8em}.rankCategoryEasy{color:#2ab12a}.rankCategoryMedium{color:#f7e018}.rankCategoryHard{color:#f36161}.rankedLevel{font-size:.95em}