.spp{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.spp-content{padding:14px;overflow-y:auto}@media(min-width:900px){.spp-mobile-handle{display:none}.spp{position:sticky;top:12px;max-height:calc(100vh - 24px)}.spp-content{max-height:calc(100vh - 60px)}}@media(max-width:899px){.spp{position:fixed;left:0;right:0;bottom:0;z-index:90;border-radius:12px 12px 0 0;border-top:1px solid var(--c-border);max-height:60vh;transition:transform .25s ease-out;transform:translateY(calc(100% - 44px));box-shadow:0 -4px 16px #00000014}body[data-spp-open=true] .spp{transform:translateY(0)}body[data-spp-open=true]{overflow:hidden}.spp:has(.spp-empty){transform:translateY(100%);pointer-events:none}.spp:has(.spp-empty) .spp-mobile-handle{display:none}.spp-mobile-handle{display:flex;align-items:center;justify-content:center;height:44px;width:100%;background:none;border:0;cursor:pointer;touch-action:manipulation}.spp-mobile-handle-bar{width:40px;height:4px;border-radius:2px;background:var(--c-border)}.spp-content{max-height:calc(60vh - 44px)}}.spp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--c-text-muted)}.spp-empty-icon{font-size:40px;margin-bottom:12px;opacity:.6}.spp-empty-text{font-size:13px;line-height:1.7}.spp-locked-notice{background:linear-gradient(135deg,#f8ecc9,#f2d98b);border-radius:8px;padding:20px;text-align:center;margin:12px 0}.spp-locked-icon{font-size:32px;margin-bottom:8px}.spp-locked-text{color:#6b4a10;font-size:13px;font-weight:600}.spp-actionbar{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-bottom:6px}.spp-share{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--c-border);border-radius:999px;color:var(--c-text-muted);font-size:11.5px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.spp-share:hover{background:var(--c-accent-mist);border-color:var(--c-accent);color:var(--c-accent-deep)}.spp-share.is-copied{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.spp-share:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.spp-close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--c-text-muted);font-size:18px;line-height:1;border-radius:50%;cursor:pointer;transition:background .15s,color .15s;padding:0}.spp-close:hover{background:#0000000f;color:var(--c-text)}.spp-close:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.spp-header{padding:12px 0 4px;border-bottom:1px solid var(--c-border-soft);margin-bottom:10px}.spp-title{font-size:16px;font-weight:700;color:var(--c-text);line-height:1.35}.spp-title-en{font-size:12px;color:var(--c-text-faint);margin-top:2px;font-style:italic}.spp-artist{font-size:13px;color:var(--c-text-muted);margin-top:3px}.spp-artist .artist-link{color:inherit;text-decoration:none;border-bottom:1px dashed var(--c-border);cursor:pointer;padding-bottom:1px;transition:color .12s,border-color .12s}.spp-artist .artist-link:hover{color:var(--c-accent-deep);border-bottom-color:var(--c-accent);border-bottom-style:solid}.spp-iframe-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:6px;overflow:hidden}.spp-iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.spp-meta{display:flex;flex-direction:column;gap:4px;margin:10px 0;font-size:12px;color:var(--c-text-muted)}.spp-meta-row{line-height:1.6}.spp-meta-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.spp-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--c-accent-mist);color:var(--c-accent-deep);font-size:11px;font-weight:600}.spp-perflist{margin-top:14px}.spp-perflist-heading{font-size:12px;color:var(--c-text-muted);text-align:center;margin-bottom:10px;letter-spacing:.05em}.spp-perf-card{display:flex;gap:10px;padding:10px;border:1px solid var(--c-border);border-radius:8px;margin-bottom:8px;background:#fff;transition:border-color .15s}.spp-perf-card.is-current{border-color:var(--c-accent);background:var(--c-accent-mist)}.spp-perf-card.is-locked{background:#fdf9f0}.spp-perf-thumb{flex-shrink:0;width:96px;aspect-ratio:16 / 9;border-radius:4px;overflow:hidden;background:var(--c-border-soft);position:relative}.spp-perf-thumb img{width:100%;height:100%;object-fit:cover}.spp-perf-thumb-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:20px;color:var(--c-text-faint)}.spp-perf-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;font-size:12px}.spp-perf-date{font-weight:600;color:var(--c-text);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.spp-perf-title{color:var(--c-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.spp-perf-timestamp{font-variant-numeric:tabular-nums;color:var(--c-text-faint);font-size:11.5px}.spp-perf-badge{padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.05em}.spp-perf-badge.locked{background:#0000008c;color:#f8d76e}.spp-perf-badge.current{background:var(--c-accent-deep);color:#fff}.spp-perf-badge.source{background:var(--c-accent-mist);color:var(--c-accent-deep)}.spp-perf-badge.singer{background:#f5e8dc;color:#a05a34}.spp-perf-primary{display:block;text-align:center;padding:6px 8px;border-radius:5px;background:var(--c-accent);color:#fff;font-weight:600;font-size:11.5px;text-decoration:none;border:0;cursor:pointer;transition:background .15s;margin-top:4px}.spp-perf-primary:hover{background:var(--c-accent-deep)}.spp-perf-primary.spp-perf-current{background:var(--c-accent-deep);cursor:default}.spp-perf-primary.spp-perf-locked{background:#a67c1f;color:#fff}.spp-perf-primary.spp-perf-locked:hover{background:#7a5813}.spp-perf-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.spp-perf-btn{padding:3px 8px;border-radius:4px;background:transparent;border:1px solid var(--c-border);color:var(--c-text-muted);font-size:10.5px;text-decoration:none;transition:background .15s,border-color .15s}.spp-perf-btn:hover{background:var(--c-accent-mist);border-color:var(--c-accent);color:var(--c-accent-deep)}[data-song-key][data-song-selected=true]{background:var(--c-accent-mist);border-left:3px solid var(--c-accent)}