:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0e1117;color:#edf2ff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#131823,#0e1117)}img{display:block;max-width:100%}.app-shell{padding:24px}.topbar{display:grid;gap:16px;margin-bottom:20px}.topbar h1{margin:0 0 6px;font-size:28px}.topbar p{margin:0;color:#aab4cf}.summary{display:flex;gap:12px;margin-bottom:16px;color:#aab4cf}.filter-bar{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:12px}.filter-bar label{display:grid;gap:6px}.filter-bar span{font-size:12px;color:#aab4cf}.filter-bar input{height:40px;border-radius:10px;border:1px solid #2d3648;background:#151b26;color:inherit;padding:0 12px}.version-group{margin-bottom:28px}.version-group h2{margin:0 0 12px;font-size:20px;display:flex;align-items:center;gap:8px}.version-group h2 span{display:inline-flex;min-width:28px;height:24px;align-items:center;justify-content:center;border-radius:999px;background:#1f2634;color:#edf2ff;font-size:13px;font-weight:800}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.song-card{border:1px solid #2d3648;border-radius:12px;overflow:hidden;background:#151b26;display:block;text-decoration:none;color:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.song-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000003d}.cover{aspect-ratio:1 / 1;width:100%;object-fit:cover;background:#0b0f15}.song-meta{padding:10px;display:grid;gap:4px}.song-meta h3{margin:0;font-size:14px;line-height:1.3;color:var(--song-text, #0b1020);text-shadow:0 1px 0 rgba(255,255,255,.28);font-weight:800}.song-meta p{margin:0;font-size:12px;color:var(--song-text, #0b1020);text-shadow:0 1px 0 rgba(255,255,255,.22);font-weight:700}.song-card--stdbas,.song-card--dxbas{--song-bg: rgb(111, 225, 99);--song-text: #10210f;background:var(--song-bg)}.song-card--stdadv,.song-card--dxadv{--song-bg: #f8df3a;--song-text: #2a2200;background:var(--song-bg)}.song-card--stdexp,.song-card--dxexp{--song-bg: #ff828e;--song-text: #2a0f16;background:var(--song-bg)}.song-card--stdmas,.song-card--dxmas{--song-bg: #c27ff4;--song-text: #160a24;background:var(--song-bg)}.song-card--stdremas,.song-card--dxremas{--song-bg: #e5ddea;--song-text: #201a24;background:var(--song-bg)}.song-card--basic .song-meta{--song-bg: rgb(111, 225, 99);--song-text: #10210f}.song-card--advanced .song-meta{--song-bg: #f8df3a;--song-text: #2a2200}.song-card--expert .song-meta{--song-bg: #ff828e;--song-text: #2a0f16}.song-card--master .song-meta{--song-bg: #c27ff4;--song-text: #160a24}.song-card--remaster .song-meta{--song-bg: #e5ddea;--song-text: #201a24}.song-card--basic .song-meta,.song-card--advanced .song-meta,.song-card--expert .song-meta,.song-card--master .song-meta,.song-card--remaster .song-meta{background:var(--song-bg)}@media(max-width:800px){.filter-bar{grid-template-columns:1fr}}.remas-toggle{height:40px;align-self:end;border-radius:10px;border:1px solid #2d3648;background:#151b26;color:#edf2ff;font-weight:800;cursor:pointer}.remas-toggle.is-active{background:#3a1f52;border-color:#6a3f8f}.filter-bar select{height:40px;border-radius:10px;border:1px solid #2d3648;background:#151b26;color:#edf2ff;padding:0 12px;font-weight:700}.song-card--bas{--song-bg: rgb(111, 225, 99);--song-text: #10210f;background:var(--song-bg)}.song-card--adv{--song-bg: #f8df3a;--song-text: #2a2200;background:var(--song-bg)}.song-card--exp{--song-bg: #ff828e;--song-text: #2a0f16;background:var(--song-bg)}.song-card--mas{--song-bg: #b033ff;--song-text: #160a24;background:var(--song-bg)}.song-card--remas{--song-bg: #e0afff;--song-text: #201a24;background:var(--song-bg)}.song-card--dual-mas{border-color:#f4a62a;box-shadow:0 0 0 1px #f4a62a73 inset}.song-card{position:relative;overflow:hidden}.cover-wrap{position:relative}.cover-wrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(to top,#000000db,#00000040,#0000);pointer-events:none}.song-meta.song-meta--overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:10px 10px 12px;gap:6px;color:#fff}.song-meta.song-meta--overlay h3{margin:0;color:#fff;font-size:13px;line-height:1.15;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:1.15em}.song-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.difficulty-raw{color:#fff;font-size:13px;font-weight:900;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.song-meta.song-meta--overlay .charttype-chip{margin-left:auto;flex:0 0 auto}.difficulty-corner{position:absolute;top:-50px;right:-50px;z-index:3;width:150px;height:50px;transform:rotate(45deg);box-shadow:0 2px 4px #0003;pointer-events:none}.difficulty-corner--bas{background:#6fe163}.difficulty-corner--adv{background:#f8df3a}.difficulty-corner--exp{background:#ff828e}.difficulty-corner--mas{background:#7624b4}.difficulty-corner--remas{background:#e0b8ff}.charttype-chip{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:4px 11px;border-radius:999px;font-size:10px;font-weight:900;line-height:1;letter-spacing:2px;box-sizing:border-box;white-space:nowrap;flex:0 0 auto}.charttype-chip--std{background:#45aeff;color:#fff;box-shadow:0 3px #0f48b0;-webkit-text-stroke:1px #ffffff}.charttype-chip--dx{background:#fff;color:#ff4b4b;box-shadow:0 3px #a4a4a4;-webkit-text-stroke:1px #ff4b4b}.song-grid{gap:14px}.app-shell{width:min(100%,1440px);margin:0 auto;padding-left:24px;padding-right:24px}.song-card{box-shadow:0 0 0 1px #ffffff0a inset,0 0 16px #78aaff14,0 0 28px #78aaff0a}.song-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #ffffff0f inset,0 0 18px #78aaff1f,0 0 34px #78aaff0f}.song-meta{padding:8px 10px 9px;gap:3px}.song-meta h3{color:#0b1020c7;font-weight:700;font-size:13px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:1.2em}.song-meta p{margin-top:2px;font-size:12px;font-weight:700;line-height:1.15}.song-meta p:last-child{font-size:13px;font-weight:900}.song-meta p:last-child{display:inline-flex;align-items:center;width:fit-content;padding:2px 8px;border-radius:999px;border:1px solid rgba(11,16,32,.18);background:#ffffff52;box-shadow:0 1px #ffffff47 inset}.song-meta h3{-webkit-line-clamp:1;min-height:1.2em}.song-meta[data-charttype]{position:relative}.song-meta[data-charttype]:before{content:attr(data-charttype);position:absolute;left:10px;bottom:100%;transform:translateY(-10px) scale(1.25);display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:38px;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:800;line-height:1;z-index:2;pointer-events:none}.song-meta[data-charttype=STD]:before{background:#45aeff;color:#fff;box-shadow:0 2px #0f48b0}.song-meta[data-charttype=DX]:before{background:#fff;color:#ff4b4b;box-shadow:0 2px #b4b4b4}.song-meta[data-charttype]:before{content:attr(data-charttype);display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:20px;padding:3px 10px;border-radius:999px;font-size:8px;font-weight:100;line-height:1;margin-bottom:4px;letter-spacing:2px}.song-meta[data-charttype=STD]:before{background:#45aeff;color:#fff;-webkit-text-stroke:1px #ffffff}.song-meta[data-charttype=DX]:before{background:#fff;color:#ff4b4b;-webkit-text-stroke:2px #ff4b4b}@media(max-width:768px){.song-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.song-meta{padding:6px;gap:2px}.song-meta h3{font-size:11px;line-height:1.15}.song-meta p{font-size:10px;line-height:1.15}.cover{aspect-ratio:1 / 1}}.cover-wrap:after{background:linear-gradient(to top,#000000f5,#00000073,#0000)}@media(max-width:768px){.song-grid{grid-template-columns:repeat(var(--mobile-columns, 3),minmax(0,1fr))}.version-fab-menu{scrollbar-width:thin;scrollbar-color:rgba(237,242,255,.12) transparent}.version-fab-menu::-webkit-scrollbar{width:3px;height:3px}.version-fab-menu::-webkit-scrollbar-thumb{background:#edf2ff1f;border-radius:999px;border:1px solid transparent;background-clip:padding-box}.version-fab-menu::-webkit-scrollbar-thumb:hover{background:#edf2ff2e;background-clip:padding-box}}.version-fab{position:fixed;right:18px;bottom:18px;z-index:50;width:54px;height:54px}.version-fab-shortcuts{position:absolute;right:0;bottom:62px;display:grid;gap:8px}.version-fab-mini{width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#111622eb;color:#edf2ff;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px #0000004d}.version-fab-mini svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.version-fab-button{position:absolute;right:0;bottom:0;width:54px;height:54px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#111622eb;color:#edf2ff;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 12px 30px #0000005c}.version-fab-menu{position:absolute;right:0;bottom:62px;display:grid;gap:8px;max-height:min(60vh,520px);overflow:auto;padding:10px;border-radius:16px;background:#0d111cf5;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 42px #0000006b;min-width:120px;transform-origin:bottom right;transform:translateY(14px) scale(.92);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease;scrollbar-width:none;-ms-overflow-style:none}.version-fab-menu::-webkit-scrollbar{width:0;height:0}html{scrollbar-width:thin;scrollbar-color:rgba(237,242,255,.18) transparent}html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:#edf2ff2e;border-radius:999px;border:2px solid transparent;background-clip:padding-box}html::-webkit-scrollbar-thumb:hover{background:#edf2ff47;background-clip:padding-box}.version-fab-menu{scrollbar-width:thin;scrollbar-color:rgba(237,242,255,.18) transparent}.version-fab-menu::-webkit-scrollbar{width:5px;height:5px}.version-fab-menu::-webkit-scrollbar-track{background:transparent}.version-fab-menu::-webkit-scrollbar-thumb{background:#edf2ff2e;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.version-fab-menu::-webkit-scrollbar-thumb:hover{background:#edf2ff47;background-clip:padding-box}.version-fab-menu::-webkit-scrollbar-button{display:none;width:0;height:0}.version-fab-menu.is-open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.version-fab-item{border:0;border-radius:12px;background:#ffffff0f;color:#edf2ff;padding:8px 10px;font-weight:800;cursor:pointer;text-align:center}.version-fab-item:hover{background:#ffffff1f}