.settings-controls,.collection-controls { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.settings-controls > label { display:flex; align-items:center; gap:10px; min-height:44px; }
.settings-controls select { min-height:44px; max-width:100%; }
.settings-controls button { min-height:44px; }
#appearanceControls #motionLabel { display:inline; }
.settings-controls select { color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:8px; }
#playlistTitle:focus,#settingsTitle:focus { outline:none; }
#accountSettings { display:grid; gap:20px; }
#accountSettings > * { min-width:0; }
#settingsPage .admin-actions { flex-wrap:wrap; min-width:0; }
#settingsPage .admin-actions select { max-width:100%; }
#settingsPage .admin-user > div { min-width:0; max-width:100%; overflow-wrap:anywhere; }
@media(max-width:600px){ #settingsPage .admin-user { grid-template-columns:minmax(0,1fr); } }
#profileSecurity > #profileLogoutButton { margin-top:20px; }
#adminPanel > #rescanButton { margin-bottom:20px; }
#rescanButton svg { width:20px; height:20px; vertical-align:middle; fill:none; stroke:currentColor; stroke-width:1.7; }
.playlist-overview { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr)); gap:16px; margin-top:20px; }
.playlist-link { display:flex; align-items:center; gap:14px; padding:12px; border:1px solid var(--line); border-radius:12px; color:var(--ink); text-decoration:none; background:var(--surface); min-width:0; }
.playlist-link img { width:92px; aspect-ratio:16/9; object-fit:cover; border-radius:7px; flex:none; }
.playlist-link strong,.playlist-link small { display:block; overflow-wrap:anywhere; }
.playlist-link small { color:var(--muted); margin-top:6px; }
.playlist-link:focus-visible { outline:2px solid var(--accent-strong); outline-offset:3px; }
#playlistTitle { overflow-wrap:anywhere; margin-top:20px; }
#playlistPage .profile-head { align-items:flex-start; gap:20px; }
.playlist-item-tools { display:flex; flex-wrap:wrap; gap:6px; padding:12px; border-top:1px solid var(--line); align-items:center; }
.playlist-item-tools button { min-height:44px; min-width:44px; }
.playlist-item-tools small { color:var(--muted); margin-right:auto; }
.playlist-unavailable { min-height:160px; padding:18px; }
#playlistStatus:empty { display:none; }
#settingsPage,#playlistPage { min-width:0; }
#watchActions { margin-top:0; gap:12px; }
.watch-video-title { min-width:0; margin:0; padding:0 2px; font-size:clamp(1.35rem,2.4vw,2rem); line-height:1.3; letter-spacing:-.025em; overflow-wrap:anywhere; }
#watchActions button { min-height:44px; }
#watchActions .star-button { min-width:44px; }
.membership-fields { min-width:0; border:0; padding:0; margin:0; }
.membership-fields legend { font-weight:600; margin-bottom:12px; }
.membership-list { display:grid; gap:8px; margin:16px 0; }
.membership-option { display:flex; align-items:center; gap:12px; padding:12px; min-height:48px; border:1px solid var(--line); border-radius:10px; cursor:pointer; }
.membership-option input { width:20px; height:20px; min-width:20px; margin:0; accent-color:var(--accent); }
.membership-option span { min-width:0; overflow-wrap:anywhere; }
.membership-option small { display:block; color:var(--muted); margin-top:4px; }
.membership-option:has(input:checked) { background:var(--accent-soft); border-color:var(--accent); }
.membership-actions { display:flex; flex-wrap:wrap; gap:8px; }
.membership-actions button,.membership-create button { min-height:44px; }
.membership-create { margin-top:24px; padding-top:16px; border-top:1px solid var(--line); display:flex; align-items:end; flex-wrap:wrap; gap:12px; }
.membership-create label { display:grid; gap:8px; flex:1 1 180px; min-width:0; }
.membership-create input { width:100%; min-height:44px; box-sizing:border-box; }
#membershipSummary { font-variant-numeric:tabular-nums; }
@media(max-width:1100px){ .main-menu .menu-button { min-width:0; flex:1; } }
@media(max-width:600px){ .main-menu .menu-button span { font-size:10px; } #playlistPage .profile-head { flex-direction:column; } .collection-controls > button { flex:1 1 auto; } }