/* SwingStrong v1.2 add-on styles (Library, Sessions, Swaps, header) */
.ss-header{display:flex;align-items:center;gap:.5rem;padding:max(.5rem,env(safe-area-inset-top)) 1rem .5rem;background:rgb(var(--color-surface));border-bottom:1px solid rgb(var(--color-border))}
.ss-logo{width:28px;height:28px;border-radius:7px}
.ss-brand{font-weight:800;font-size:1.125rem;letter-spacing:-.01em;color:rgb(var(--color-text-primary))}
.ss-brand2{color:rgb(var(--color-primary))}
.ss-libhead p{margin-top:.125rem}
.ss-seg{display:flex;gap:4px;margin-top:.75rem;padding:4px;border-radius:14px;background:rgb(var(--color-surface))}
.ss-seg button{flex:1;min-height:40px;border-radius:10px;font-weight:600;font-size:.9rem;color:rgb(var(--color-text-secondary))}
.ss-seg button[aria-selected=true]{background:rgb(var(--color-primary)/.15);color:rgb(var(--color-primary))}
.ss-chiplabel{margin:.875rem 0 .375rem;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-text-tertiary))}
.ss-chips{position:relative;display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ss-chips::-webkit-scrollbar{display:none}
.ss-chip{flex:0 0 auto;white-space:nowrap;min-height:36px;padding:.375rem .8rem;border-radius:999px;border:1px solid rgb(var(--color-border));background:rgb(var(--color-surface));color:rgb(var(--color-text-secondary));font-size:.8125rem;font-weight:600;transition:all .15s}
.ss-chip:active{transform:scale(.97)}
.ss-chip-on{background:rgb(var(--color-primary)/.15);border-color:rgb(var(--color-primary));color:rgb(var(--color-primary))}
.ss-chip-btn{display:inline-flex;align-items:center;gap:.375rem;color:rgb(var(--color-text-primary))}
.ss-count{display:flex;align-items:center;justify-content:space-between;margin:.875rem 0 .5rem;font-size:.8125rem;color:rgb(var(--color-text-secondary))}
.ss-link{color:rgb(var(--color-primary));font-weight:600;min-height:32px}
.ss-list{display:flex;flex-direction:column;gap:.5rem}
.ss-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--radius-lg);background:rgb(var(--color-surface));box-shadow:var(--shadow-sm)}
.ss-thumb{position:relative;flex:0 0 auto;width:76px;height:56px;overflow:hidden;border-radius:10px;background:rgb(var(--color-surface-elevated))}
.ss-thumb img{width:100%;height:100%;object-fit:cover}
.ss-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);color:#fff;font-size:15px}
.ss-rowmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;padding:.125rem 0}
.ss-rowname{font-weight:600;line-height:1.25;color:rgb(var(--color-text-primary))}
.ss-rowmeta{font-size:.75rem;color:rgb(var(--color-text-secondary))}
.ss-rowtags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.ss-tag{padding:1px 7px;border-radius:999px;font-size:.6875rem;background:rgb(var(--color-surface-elevated));color:rgb(var(--color-text-secondary))}
.ss-use{flex:0 0 auto;min-height:40px;padding:.5rem .9rem;border-radius:12px;background:rgb(var(--color-primary));color:#fff;font-weight:600;font-size:.875rem}
.ss-empty{padding:2rem 1rem;text-align:center;color:rgb(var(--color-text-secondary))}
.ss-swaprow{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem}
.ss-swapbtns{display:flex;flex-wrap:wrap;gap:.5rem}
.ss-swapnote{font-size:.75rem;color:rgb(var(--color-warning))}
.ss-resetbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;border-radius:var(--radius-lg);border:1px dashed rgb(var(--color-warning)/.6);background:rgb(var(--color-surface));font-size:.875rem;color:rgb(var(--color-text-primary))}
.ss-back{min-height:36px;margin-bottom:.25rem;color:rgb(var(--color-primary));font-weight:600;font-size:.95rem}
.ss-hint{margin-bottom:.75rem;font-size:.875rem;color:rgb(var(--color-text-secondary))}
.ss-sess{display:block;width:100%;margin-bottom:.75rem;padding:1rem;text-align:left;border-radius:var(--radius-lg);background:rgb(var(--color-surface));box-shadow:var(--shadow-sm);transition:transform .15s}
.ss-sess:active{transform:scale(.99)}
.ss-sesstitle{font-size:1.125rem;font-weight:700;color:rgb(var(--color-text-primary))}
.ss-sesssub{margin-top:.125rem;font-size:.875rem;color:rgb(var(--color-text-secondary))}
.ss-sessmeta{display:flex;align-items:center;gap:.75rem;margin-top:.625rem;font-size:.8125rem;color:rgb(var(--color-text-secondary))}
.ss-pill{padding:.2rem .6rem;border-radius:999px;background:rgb(var(--color-primary)/.12);color:rgb(var(--color-primary));font-weight:600}
.ss-sessitems{margin-top:.5rem;font-size:.75rem;line-height:1.4;color:rgb(var(--color-text-tertiary))}
.ss-detailmeta{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem;font-size:.875rem;color:rgb(var(--color-text-secondary))}
.ss-detailmeta b{color:rgb(var(--color-text-primary));font-weight:600}