/* Isolated phone-member presentation. Desktop/admin selectors are untouched. */
.mm-only{display:none!important}
@media(max-width:760px){
 body.member-mobile{--bg:#10151c;--panel:#17212b;--line:#273543;--text:#edf4fc;--muted:#94a7b9;--accent:#9ed1ff;background:var(--bg);overflow-x:hidden}
 body.member-mobile #shell{display:block!important;min-width:0;width:100%;padding-bottom:calc(var(--mm-player-height,196px) + 8px)!important}
 body.member-mobile #shell>.sidebar{display:none!important}
 body.member-mobile #shell>main{min-width:0;width:100%;padding:0 12px!important}
 body.member-mobile .page-header{position:sticky;top:0;z-index:70;min-height:56px;margin:0 -12px 4px;padding:6px 8px 6px 12px;display:flex;flex-wrap:nowrap;align-items:center;gap:4px;background:#10151cf5;border-bottom:1px solid #273543;backdrop-filter:blur(12px)}
 body.member-mobile .page-header>div:not(.mm-topbar):not(.header-actions){display:none}
 body.member-mobile .header-actions{flex:none;max-width:none;gap:2px;margin:0;justify-content:flex-end}
 body.member-mobile .header-actions>button{width:40px;height:40px;padding:8px}
 body.member-mobile .member-preview-select{max-width:80px}
 body.member-mobile #person-menu{max-width:calc(100vw - 24px);right:0;z-index:90}
 .mm-topbar{display:flex;align-items:center;flex:1;min-width:0;gap:4px;height:44px}
 .mm-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:40px;width:40px;height:40px;padding:8px;border:0;background:transparent;border-radius:8px;color:var(--text);cursor:pointer}
 .mm-icon svg{width:22px;height:22px;flex:none}
 .mm-icon:hover{background:#9ed1ff12}
 .mm-icon:focus-visible,.mm-track-name:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
 .mm-heading{font-size:17px;flex:1;min-width:0}
 .mm-sections{flex:1;min-width:0;position:relative}
 .mm-section-name{font-size:19px;font-weight:650;padding:6px 0;background:none;border:0}
 .mm-section-name::after{content:'⌄';font-size:14px;margin-left:6px;color:var(--muted)}
 .mm-section-menu{position:absolute;left:0;top:44px;min-width:180px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px;box-shadow:0 8px 24px #0006}
 .mm-section-menu button{display:block;width:100%;text-align:left;border:0;background:none;justify-content:flex-start}
 .mm-top-query{min-width:0;flex:1;width:0;font-size:16px;height:38px;padding:4px 7px;border:0;border-radius:5px;background:#ffffff08;color:var(--text)}
 .mm-count{font-size:11px;color:var(--muted);min-width:1ch;font-variant-numeric:tabular-nums}
 .mm-music{min-width:0;width:100%;padding:0}
 .mm-tracklist{width:100%;min-width:0}
 .mm-track{padding:6px 0 9px;min-width:0;width:100%;border-bottom:1px solid #ffffff09}
 .mm-track-line{display:flex;align-items:center;gap:8px;min-width:0;height:24px;margin-bottom:3px}
 .mm-track-name{display:flex;align-items:baseline;gap:7px;min-width:0;flex:1;justify-content:flex-start;padding:0;background:none;border:0;border-radius:0;line-height:20px;text-align:left;overflow:hidden}
 .mm-artist{font-size:11px;color:var(--muted);max-width:32%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}
 .mm-title{font-size:13px;font-weight:550;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
 .mm-duration{flex:none;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:31px;text-align:right}
 .mm-track .wave-block{margin:0!important;padding:0!important;min-width:0;width:100%}
 .mm-track .wave-caption{display:none!important}
 .mm-track .wave-transport{display:block;position:relative;width:100%;min-width:0;height:42px}
 .mm-track .waveform-v2{width:100%!important;min-width:0;height:42px!important;background:#192530;border-radius:3px;touch-action:pan-y}
 .mm-track .wave-play{position:absolute!important;left:4px;top:5px;z-index:3;min-width:30px!important;width:30px;height:32px!important;padding:6px!important;border:0!important;border-radius:4px!important;background:#101a24d9!important;font-size:0!important}
 .mm-track .wave-play::before{content:'';display:block;width:18px;height:18px;background:var(--accent);-webkit-mask:var(--mm-play) center/contain no-repeat;mask:var(--mm-play) center/contain no-repeat}
 .mm-track .wave-play[aria-label^="Пауза"]::before{-webkit-mask-image:var(--mm-pause);mask-image:var(--mm-pause)}
 .mm-track[data-active="true"] .mm-title{color:var(--accent)}
 .mm-track[data-active="true"] .waveform-v2{background:#233a4c}
 .mm-locked-wave{height:42px;display:flex;align-items:center;padding:0 8px;font-size:11px;color:var(--muted);background:#ffffff05;border-radius:3px}
 .mm-status{margin:16px 0;font-size:13px;color:var(--muted)}
 .mm-status:empty{display:none}
 .mm-search{min-width:0;min-height:calc(100dvh - 70px - var(--mm-player-height,196px));padding:8px 0 16px}
 .mm-search-input-line{display:flex;gap:6px;align-items:center;margin-bottom:16px}
 .mm-full-query{width:100%;min-width:0;flex:1;padding:11px 12px;font-size:16px;color:var(--text);background:#ffffff09;border:1px solid var(--line);border-radius:7px}
 .mm-filter-group{border:0;padding:0;margin:0 0 20px;min-width:0}
 .mm-filter-group legend{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:8px}
 .mm-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px}
 .mm-filter-option{display:flex;align-items:center;gap:8px;min-height:38px;min-width:0;font-size:13px;cursor:pointer}
 .mm-filter-option input{width:18px;height:18px;flex:none;accent-color:var(--accent)}
 .mm-filter-option span{min-width:0;overflow-wrap:anywhere}
 .mm-year-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;color:var(--muted)}
 .mm-year-label select{min-width:0;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:8px}
 .mm-apply-search{width:100%;background:var(--accent);color:#101922;border:0;font-weight:600;min-height:44px}
 body.mobile-player #player{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100%!important;height:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) 64px repeat(3,minmax(0,1fr));grid-template-rows:88px 24px 64px;column-gap:4px;row-gap:10px;padding:12px 12px calc(10px + env(safe-area-inset-bottom))!important;background:#121d27;border:0;border-top:1px solid #31404e;box-shadow:0 -8px 24px #0003;z-index:80;backdrop-filter:none;min-width:0}
 body.mobile-player #shell{padding-bottom:calc(var(--mm-player-height,226px) + 8px)!important}
 body.mobile-player #player{--accent:#9ed1ff;--muted:#94a7b9;--text:#edf4fc}
 body.mobile-player #player::after{content:'';position:absolute;top:100%;left:0;right:0;height:calc(120px + env(safe-area-inset-bottom));background:#121d27;pointer-events:none}
 body.mobile-player .mm-player-artist::after{content:' -';margin-left:4px}
 body.mobile-player #player .player-strip,body.mobile-player #player .compact-transport,body.mobile-player #player .player-actions{display:contents!important}
 body.mobile-player #player .now-playing{grid-row:2;grid-column:1/-1;width:100%;max-width:none;min-width:0;display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:6px;overflow:hidden;text-align:center}
 body.mobile-player #player #player-context,body.mobile-player #playing-meta,body.mobile-player #player .wave-row,body.mobile-player #player .volume-controls,body.mobile-player #player-wave-height,body.mobile-player #player-wave-large,body.mobile-player #player-queue{display:none!important}
 body.mobile-player .mm-only{display:inline-flex!important}
 body.mobile-player .mm-player-artist{display:block!important;max-width:38%;min-width:0;flex-shrink:1;font-size:12px;line-height:20px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.mobile-player .mm-player-title{display:block!important;min-width:0;flex-shrink:1;font-size:14px;line-height:20px;font-weight:600;color:var(--text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.mobile-player #compact-waveform{grid-row:1;grid-column:1/-1;display:block!important;visibility:visible!important;height:88px!important;width:100%!important;background:#1e2c38;border-radius:4px}
 body.mobile-player #play-time{grid-row:1;grid-column:1/-1;z-index:2;justify-self:end;align-self:end;margin:0 4px 2px;padding:1px 3px;font-size:9px;line-height:13px;color:#e2edf7;background:#101820b0;border-radius:2px;pointer-events:none}
 body.mobile-player #player [data-player-transport],body.mobile-player #player .mm-icon{grid-row:3;position:relative;gap:0;align-self:center;justify-self:center;min-width:0;width:44px;height:44px;max-width:100%;padding:9px;border:0;background:none;color:var(--muted);font-size:0;border-radius:8px}
 body.mobile-player #player-loop{grid-column:1}
 body.mobile-player #player-shuffle{grid-column:2}
 body.mobile-player #player-prev{grid-column:3}
 body.mobile-player #player-toggle{grid-column:4;width:64px!important;height:64px!important;min-width:64px!important;border-radius:50%!important;background:var(--accent)!important;color:#112030!important;box-shadow:0 3px 14px #0004}
 body.mobile-player #player-next{grid-column:5}
 body.mobile-player #player-mobile-like{grid-column:6}
 body.mobile-player #player-mobile-add{grid-column:7}
 body.mobile-player #player [data-player-transport]::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:22px;height:22px;background:currentColor;-webkit-mask:var(--mm-icon) center/contain no-repeat;mask:var(--mm-icon) center/contain no-repeat}
 body.mobile-player #player-toggle{--mm-icon:var(--mm-play)}
 body.mobile-player #player-toggle[aria-pressed="true"]{--mm-icon:var(--mm-pause)}
 body.mobile-player #player-toggle::before{width:27px;height:27px}
 body.mobile-player #player-prev{--mm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4h2v16H6zm12 0v16L8 12z' fill='white'/%3E%3C/svg%3E")}
 body.mobile-player #player-next{--mm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 4h2v16h-2zM6 4l10 8-10 8z' fill='white'/%3E%3C/svg%3E")}
 body.mobile-player #player-loop{--mm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 3l4 4-4 4M3 11V9a2 2 0 0 1 2-2h16M7 21l-4-4 4-4m14 0v2a2 2 0 0 1-2 2H3' fill='none' stroke='white' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E")}
 body.mobile-player #player-shuffle{--mm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m18 3 3 3-3 3m0 6 3 3-3 3M3 6h3c5 0 5 12 10 12h5M3 18h3c5 0 5-12 10-12h5' fill='none' stroke='white' stroke-width='1.8'/%3E%3C/svg%3E")}
 body.mobile-player #player-loop:not([data-loop="off"]),body.mobile-player #player-shuffle[aria-pressed="true"],body.mobile-player #player-mobile-like[aria-pressed="true"]{color:var(--accent)!important}
 body.mobile-player #player-mobile-like[aria-pressed="true"] svg{fill:currentColor}
 body.mobile-player #player button:disabled{opacity:.35}
 body.mobile-player #playback-status{grid-column:1/-1;margin:0;font-size:11px;overflow-wrap:anywhere}
 body.mobile-player #playback-status:empty{display:none}
 body.mobile-player #playlist-add-dialog{width:calc(100vw - 24px);max-width:420px;max-height:80dvh;overflow:auto}
 body.mobile-player #playlist-search{font-size:16px;max-width:100%;min-width:0}
 body.mobile-player{--mm-play:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3v18l15-9z' fill='white'/%3E%3C/svg%3E");--mm-pause:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h4v18H6zm8 0h4v18h-4z' fill='white'/%3E%3C/svg%3E")}
}