main{flex-direction:column;align-items:center;width:100%;display:flex}#song-list{-webkit-overflow-scrolling:touch;width:100%;max-width:700px;overflow-x:auto}.song-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:13px}.song-table th,.song-table td{border-bottom:1px solid var(--border);text-align:center;vertical-align:middle;padding:5px 8px}.song-table thead tr{background:var(--surface2)}.song-table th{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.song-table tbody tr:hover{background:var(--surface)}.tab-bar-wrap{position:relative;overflow:hidden}.tab-bar-wrap:before,.tab-bar-wrap:after{content:"";pointer-events:none;opacity:0;z-index:1;width:40px;transition:opacity .2s;position:absolute;top:0;bottom:1px}.tab-bar-wrap:before{background:linear-gradient(to right, var(--bg), transparent);left:0}.tab-bar-wrap:after{background:linear-gradient(to left, var(--bg), transparent);right:0}@media (hover:none) and (pointer:coarse){.tab-bar-wrap.has-left:before,.tab-bar-wrap.has-right:after{opacity:1}}.tab-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:0;margin-bottom:16px;display:flex}@media (hover:none) and (pointer:coarse){.tab-bar{scrollbar-width:none;flex-wrap:nowrap;overflow:auto hidden}.tab-bar::-webkit-scrollbar{display:none}}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex-shrink:0;margin-bottom:-1px;padding:8px 16px;font-size:12px;transition:color .15s,border-color .15s}.tab-btn.active{color:var(--accent2);border-bottom-color:var(--accent2)}@media (hover:hover){.tab-btn:not(.active):hover{color:var(--text)}}.category-heading{color:var(--accent2);border-left:3px solid var(--accent2);margin:16px 0 6px;padding:6px 0 6px 8px;font-size:13px;font-weight:700}.category-heading:first-child{margin-top:0}.col-title{text-align:left;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.col-diff{width:58px}.card-id{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}#edit-list{width:100%;max-width:1100px;padding:0 4px}.edit-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:8px;display:grid}@media (width<=380px){.edit-grid{grid-template-columns:1fr}}.edit-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-rows:auto 1fr auto;justify-self:center;width:100%;max-width:500px;display:grid;overflow:hidden}.card-creator{background:var(--surface2);color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:5px 10px;font-size:12px;display:flex}.creator-name{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.chart-tags{flex-wrap:nowrap;flex-shrink:0;gap:4px;display:flex}.chart-tag{border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:10px}.card-title{align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.card-title-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.card-view-btn{border:1px solid var(--accent2);color:var(--accent2);white-space:nowrap;border-radius:5px;flex-shrink:0;padding:3px 8px;font-size:11px;text-decoration:none;transition:background .15s,color .15s}@media (hover:hover){.card-view-btn:not(.unavailable):hover{background:var(--accent2);color:#0f172a}}.card-view-btn.unavailable{border-color:var(--border);color:var(--text-muted);opacity:.4;cursor:default}.card-footer{justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.card-id-label{color:var(--text-muted);font-size:11px}.card-badges{align-items:center;gap:6px;font-size:12px;display:flex}.card-diff.diff-easy{color:#4ade80}.card-diff.diff-normal{color:#60a5fa}.card-diff.diff-hard{color:#f87171}.card-diff.diff-expert{color:#c084fc}.card-type{color:var(--text-muted)}.empty-diff{color:var(--text-muted);opacity:.4}.song-table th.diff-easy{color:#4ade80}.song-table th.diff-normal{color:#60a5fa}.song-table th.diff-hard{color:#f87171}.song-table th.diff-expert{color:#c084fc}.level-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:5px;outline:none;width:100%;padding:2px 4px;font-size:12px;font-weight:600;transition:opacity .15s,border-color .15s;display:block}.level-btn:active{opacity:.7}@media (hover:hover){.level-btn:hover{opacity:.75;border-color:currentColor}}.diff-easy .level-btn{color:#4ade80;background:#1d4b3a}.diff-normal .level-btn{color:#60a5fa;background:#1e3a5f}.diff-hard .level-btn{color:#f87171;background:#3a1a1a}.diff-expert .level-btn{color:#c084fc;background:#3b1a3a}.level-btn.unavailable{opacity:.3;cursor:default;pointer-events:none}.lbl-short{display:none}@media (width<=520px){#song-list{padding:0 12px}.lbl-full{display:none}.lbl-short{display:inline}.col-diff{width:42px}.song-table th,.song-table td{padding:5px 3px}.level-btn{padding:2px;font-size:11px}}.loading,.empty,.error{color:var(--text-muted);text-align:center;padding:40px 0;font-size:14px}.error{color:#f87171}