/* LENNON / EDITION 07 — typography and spacing are intentional, accent is reserved for actions.
   This is the final layer: no changes to Django templates, data models or persistent audio node. */
:root {
  --bg: #121318;
  --surface: #1b1d23;
  --surface-2: #23252d;
  --surface-3: #2c2e37;
  --line: #393b45;
  --text: #f5f5f7;
  --muted: #b4b5bf;
  --subtle: #898b98;
  --accent: #bee875;
  --accent-2: #bee875;
  --sidebar: 288px;
  --lm-radius: 16px;
  --lm-shadow: 0 18px 60px rgba(0,0,0,.18);
}
html {scroll-behavior: smooth}
body, button, input, select, textarea {font-family: 'Vazirmatn', 'Noto Sans Arabic', Tahoma, sans-serif!important}
body {font-size: 15px!important; line-height: 1.85!important; background:var(--bg)!important; color:var(--text)}
body,.app-shell {background:var(--bg)!important}
button,a,input,textarea { -webkit-tap-highlight-color:transparent }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible {outline:2px solid var(--accent); outline-offset:3px}
::selection {background: #b5e87444; color:#fff}

/* Sidebar: the layout width is a single variable shared by both columns. */
.sidebar {background:#191a20!important;border-left:1px solid #31333c!important;padding:20px 17px 18px!important;overflow-x:hidden;scrollbar-color:#454750 transparent;transition:width .32s cubic-bezier(.2,.8,.2,1),right .28s ease,padding .28s ease!important}
.main-column {transition:margin-right .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1)!important}
.sidebar-brand-row {display:flex;align-items:center;gap:8px;margin-bottom:32px;min-height:64px;justify-content:space-between}
.sidebar-brand-row>.logo {margin:0!important;min-width:0;flex:1;gap:11px!important;justify-content:flex-end!important}
.logo-mark {width:49px!important;height:49px!important;flex:none!important;background:#282a31!important;border:1px solid #434650!important;border-radius:15px!important;color:var(--text)!important;font-size:20px!important}
.logo-type {min-width:0}
.logo-type strong {font:900 26px/1.25 Inter,Arial,sans-serif!important;letter-spacing:-.6px}
.logo-type strong span {color:var(--accent)!important}
.logo-type small {font:700 8px/1.7 Inter,Arial,sans-serif!important;letter-spacing:1.3px;color:#9496a1!important}
.lm-sidebar-resize {flex:none;display:grid;place-items:center;width:36px;height:36px;border:1px solid #3d4049;background:#25272e;border-radius:10px;color:#b4b6c0;font-size:15px;transition:background .2s,border-color .2s,transform .2s}
.lm-sidebar-resize:hover {background:#343640;color:#fff;border-color:#747782}
.lm-sidebar-resize:active {transform:scale(.94)}
.sidebar-group-label {font-size:12px!important;line-height:1.6;font-weight:800!important;color:#cacbd1!important;margin:21px 13px 11px!important;letter-spacing:0!important}
.sidebar-group-label>span {font-size:9px!important;letter-spacing:1.3px;color:#797d87!important}
.side-nav {gap:5px!important;margin-bottom:25px!important}
.side-nav .nav-link {min-height:51px!important;padding:10px 13px!important;border-radius:12px!important;gap:14px!important;font-size:14px!important;font-weight:700!important;color:#b9bbc5!important;line-height:1.5;transition:background .2s,transform .2s,border-color .2s!important;white-space:nowrap}
.side-nav .nav-link>i {display:inline-grid;place-items:center;flex:none;width:23px;font-size:18px!important;color:#9a9ca7!important}
.side-nav .nav-link:hover {background:#282a32!important;transform:translateX(-2px)!important;color:#fff!important}
.side-nav .nav-link.active {background:#292b33!important;border:1px solid #43454e!important;box-shadow:inset -3px 0 0 #c0ea75!important;color:#fff!important}
.side-nav .nav-link.active>i {color:var(--accent)!important}
.nav-new {margin-right:auto;font-size:9px!important;letter-spacing:.8px;padding:3px 7px!important;border-radius:6px;color:#cdd2d8!important;background:#353840!important}
.upgrade-tile {padding:20px!important;background:linear-gradient(145deg,#292a32,#1d1e25)!important;border:1px solid #41434d!important;border-radius:17px!important;box-shadow:var(--lm-shadow)}
.upgrade-tile h3 {font-size:19px!important;line-height:1.5!important;margin:9px 0 5px!important}
.upgrade-tile p {font-size:13px!important;line-height:1.95!important;color:#aaaeb8!important}
.upgrade-tile a {font-size:13px!important;display:inline-flex;align-items:center;gap:11px!important;padding:9px 0;color:var(--accent)!important}
.upgrade-bling {width:39px!important;height:39px!important;border-radius:11px!important;background:#373a43!important;color:#eceef0!important}
.upgrade-caption {font-size:10px!important;letter-spacing:1px}
.side-foot {font-size:10px!important;line-height:1.9!important;margin-top:14px}
.lm-compact-premium {display:none}
@media (min-width:1041px) {
  html.lm-sidebar-compact {--sidebar:90px!important}
  html.lm-sidebar-compact .sidebar {padding-inline:11px!important}
  html.lm-sidebar-compact .sidebar-brand-row {flex-direction:column;gap:9px;margin-bottom:23px}
  html.lm-sidebar-compact .sidebar-brand-row>.logo {flex:none;width:100%;justify-content:center!important}
  html.lm-sidebar-compact .logo-type,html.lm-sidebar-compact .sidebar-group-label>span,html.lm-sidebar-compact .sidebar .nav-link>span,html.lm-sidebar-compact .upgrade-tile,html.lm-sidebar-compact .side-foot {display:none!important}
  html.lm-sidebar-compact .sidebar-group-label {height:1px;overflow:hidden;padding:0!important;margin:14px 12px 16px!important;background:#3b3d47;font-size:0!important}
  html.lm-sidebar-compact .side-nav {align-items:center;gap:7px!important;margin-bottom:11px!important}
  html.lm-sidebar-compact .side-nav .nav-link {width:60px;min-width:0;padding:0!important;justify-content:center!important;gap:0!important;min-height:55px!important;position:relative}
  html.lm-sidebar-compact .side-nav .nav-link>i {font-size:21px!important;width:25px}
  html.lm-sidebar-compact .nav-new {display:none!important}
  html.lm-sidebar-compact .logo-mark {width:51px!important;height:51px!important}
  html.lm-sidebar-compact .lm-sidebar-resize {width:50px;height:33px;border-radius:10px}
  html.lm-sidebar-compact .lm-sidebar-resize i {transform:rotate(180deg)}
  html.lm-sidebar-compact .lm-compact-premium {display:grid;place-items:center;width:60px;height:54px;border:1px solid #464852;border-radius:13px;color:var(--accent);background:#292a32;font-size:18px;margin:17px auto 4px}
}
/* Topbar: enlarged but remains balanced on narrow desktops. */
.topbar {min-height:89px!important;background:#1b1c22!important;border-bottom:1px solid #31343e!important;padding:0 clamp(22px,2.75vw,48px)!important;gap:20px!important}
.topbar-leading {min-width:170px!important}
.topbar-welcome {font-size:14px!important;color:#e6e7ea!important;white-space:nowrap}
.topbar-eyebrow {font-size:10px!important;color:#9b9da7!important;letter-spacing:1.15px}
.header-search.lm-search-trigger {max-width:550px!important;min-height:55px!important;padding:7px!important;border-radius:14px!important;background:#25262e!important;border:1px solid #444650!important;gap:13px!important;box-shadow:inset 0 1px 0 #ffffff08!important}
.header-search.lm-search-trigger:hover {background:#2d2f37!important;border-color:#6c6f79!important}
.lm-search-lens {font-size:19px!important;width:39px!important;color:#d5d6d9!important}
.lm-search-placeholder {font-size:14px!important;color:#aeb1ba!important}
.lm-search-hotkey {font-size:11px!important;padding:6px 9px!important;background:#31343c;border-color:#50535d!important}
.lm-search-go {width:38px!important;height:38px!important;border-radius:11px!important;color:#e1e2e5!important;font-size:14px}
.top-actions {gap:10px!important}
.login-top,.premium-top,.profile-link {min-height:46px!important;border-radius:12px!important;font-size:13px!important;font-weight:800!important;padding-inline:16px!important;display:inline-flex;align-items:center;gap:9px}
.login-top {background:var(--accent)!important;color:#18200d!important}
.premium-top {background:#282a31;border:1px solid #484b53;padding:11px 15px;color:#dedfe4!important}
.profile-link {width:46px;justify-content:center}
.main-content {padding:29px clamp(21px,3vw,50px) 95px!important;max-width:1800px!important}
.lm-page-intro {margin-bottom:25px!important}
.lm-page-intro h1 {font-size:clamp(29px,3vw,43px)!important;letter-spacing:-.5px!important}
.lm-page-intro p {font-size:14px!important;color:#b3b4bd!important}
.lm-intro-link {font-size:13px!important}
.lm-overline,.lm-page-intro .lm-overline {font-size:11px!important;color:#adb0b9!important}
.lm-section {margin-top:49px!important}
.lm-section-heading {margin-bottom:19px!important}
.lm-section-heading h2 {font-size:clamp(24px,2.15vw,31px)!important;line-height:1.48!important;letter-spacing:-.5px!important}
.lm-section-heading h2 span {color:#b8bac4!important}
.lm-section-heading p {font-size:13px!important;color:#a4a7b1!important}
.lm-view-all,.lm-quick-explore a,.lm-quick-explore>span {font-size:13px!important}
.lm-view-all i {width:34px!important;height:34px!important;font-size:14px}
.lm-feature-hero {min-height:425px!important;border-radius:21px!important;border-color:#3c404a!important}
.lm-feature-art {filter:saturate(.84) contrast(1.02)!important}
.lm-feature-text {z-index:2}
.lm-quick-explore a {min-height:45px!important;padding:9px 18px!important;gap:11px!important;background:#22242c!important;border-radius:12px!important}
.lm-quick-explore a:hover {background:#2d2f37!important}
.lm-albums-rail {gap:21px!important}
.lm-album-cover {border-radius:15px!important;box-shadow:0 12px 29px #0005!important}
.lm-album-meta strong,.lm-track-card .track-title {font-size:16px!important;line-height:1.6!important}
.lm-album-meta small,.lm-track-card .track-subtitle {font-size:13px!important;color:#b3b5c0!important}
.lm-album-meta>span {font-size:12px!important}
.lm-chart-item {min-height:81px!important;padding:11px 17px!important;gap:15px!important}
.lm-chart-number,.lm-chart-time {font-size:13px!important}
.lm-chart-art {width:54px!important;height:54px!important;border-radius:10px!important}
.lm-chart-desc strong,.lm-track-main b {font-size:16px!important}
.lm-chart-desc small,.lm-track-main small {font-size:12px!important}
.lm-track-rows .lm-track-line {min-height:73px!important;padding:10px 14px!important;gap:15px!important}
.lm-track-image {width:51px!important;height:51px!important;border-radius:10px!important}
.lm-track-rank,.lm-track-duration,.lm-track-album {font-size:13px!important}
.lm-artist-card-info strong {font-size:20px!important}
.lm-artist-card-info small,.lm-artist-card-info>span {font-size:12px!important}
.lm-archive-heading {min-height:225px!important;border-radius:19px!important}
.lm-archive-heading h1 {font-size:clamp(30px,3.2vw,48px)!important}
.lm-archive-heading p {font-size:14px!important}
.lm-archive-outline {opacity:.65}
.lm-explore-panel {background:#1d1f26!important;border-color:#3c3e47!important;padding:24px!important;border-radius:17px!important}
.lm-explore-title>span {font-size:16px!important}
.lm-explore-title button,.lm-filter-chips a,.lm-select-field {font-size:13px!important}
.lm-filter-chips a {min-height:38px;display:inline-flex;align-items:center;padding:7px 14px!important}
.lm-action-primary,.lm-action-secondary,.lm-small-action,.lm-filter-form .lm-action-primary,.btn {min-height:49px!important;font-size:14px!important;font-weight:800!important;border-radius:12px!important;padding:11px 21px!important;line-height:1.5!important}
.lm-action-primary,.btn-primary {background:var(--accent)!important;color:#1b230e!important;border-color:var(--accent)!important;box-shadow:none!important}
.lm-action-primary:hover,.btn-primary:hover {background:#d0f09d!important;color:#17200c!important;transform:translateY(-2px)}
.lm-action-secondary,.lm-small-action,.btn-outline {border:1px solid #51535e!important;background:#2c2e36!important;color:#f2f2f4!important}
.lm-membership-banner h2 {font-size:clamp(21px,2.6vw,31px)!important}
.lm-membership-banner p {font-size:14px!important}
/* Distinctively designed search field system: focus surface / result drawer / clear. */
.lm-simple-search,.lm-field-search {position:relative!important;min-height:56px!important;gap:12px!important;background:#272931!important;border:1px solid #4b4d57!important;border-radius:14px!important;padding:7px 9px 7px 13px!important;transition:border-color .2s,box-shadow .2s,background .2s!important;isolation:isolate}
.lm-simple-search:hover,.lm-field-search:hover {border-color:#62656d!important}
.lm-simple-search:focus-within,.lm-field-search:focus-within,.lm-search-enhanced.is-search-active {border-color:#a2a5aa!important;background:#30323b!important;box-shadow:0 0 0 4px #ffffff0b,0 10px 30px #0003!important}
.lm-simple-search>i,.lm-field-search>i {font-size:19px!important;color:#d7d8df!important;padding-right:11px!important}
.lm-simple-search input,.lm-field-search input {height:42px!important;padding:7px 0!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:14px!important;color:#fafafb!important;outline:none!important}
.lm-simple-search input::placeholder,.lm-field-search input::placeholder {color:#999da9!important;opacity:1}
.lm-simple-search button[type=submit] {min-height:40px!important;padding:9px 16px!important;font-size:13px!important;background:#393b44!important;border:1px solid #565864!important;border-radius:10px!important}
.lm-search-clear {width:32px;min-width:32px;height:32px;display:grid;place-items:center;color:#bec0c7;background:#373942;border:1px solid #52545d;border-radius:9px;cursor:pointer;transition:background .17s;font-size:13px}
.lm-search-clear:hover {background:#484a54;color:#fff}
.lm-search-clear[hidden],.lm-inline-results[hidden]{display:none!important}
.lm-inline-results {position:absolute;top:calc(100% + 8px);right:0;left:0;background:#272930;border:1px solid #52555e;border-radius:14px;padding:8px;box-shadow:0 18px 50px #0009;z-index:120;max-height:340px;overflow:auto;animation:lm-inline-slide .18s ease-out both}
.lm-inline-head {display:flex;align-items:center;justify-content:space-between;color:#aeb1bd;font-size:12px;padding:8px 10px 9px;border-bottom:1px solid #3b3e48}
.lm-inline-result {display:flex;align-items:center;gap:12px;text-decoration:none;border-radius:10px;padding:8px;color:#eeeef2;min-height:54px;border:1px solid transparent;direction:rtl}
.lm-inline-result:hover,.lm-inline-result.is-active {background:#383a45;border-color:#50535c}
.lm-inline-result-icon {width:36px;height:36px;flex:none;border-radius:9px;background:#474953 center/cover;display:grid;place-items:center;color:#c6c9d1;font-size:17px}
.lm-inline-result-copy {display:flex;flex-direction:column;flex:1;min-width:0}
.lm-inline-result-copy strong {font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lm-inline-result-copy small {font-size:11px;color:#a8acb5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lm-inline-result>i {color:#a4a6b2;font-size:12px}
@keyframes lm-inline-slide {from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.lm-select-field {gap:8px!important}
.lm-select-toggle {height:56px!important;padding:0 16px!important;font-size:14px!important;border-radius:13px!important;background:#272931!important;border-color:#494b54!important}
.lm-select-toggle:hover,.lm-select.is-open .lm-select-toggle {background:#30323b!important;border-color:#858790!important}
.lm-select-toggle i {font-size:13px!important;color:#b6b8c2!important}
.lm-select-menu {border-radius:13px!important;background:#272930!important;border-color:#555762!important;padding:7px!important;box-shadow:0 22px 55px #0009!important}
.lm-select-option {min-height:47px!important;font-size:14px!important;padding:10px 13px!important;border-radius:9px!important}
.lm-filter-form.filter-bar {align-items:end!important;grid-template-columns:minmax(180px,1.6fr) minmax(145px,1fr) minmax(145px,1fr) auto!important;gap:13px!important}
.lm-filter-form .lm-action-primary {height:56px!important}
/* Command search feels like its own product surface, not a vanilla input. */
.lm-search-overlay {z-index:1000!important}
.lm-command-palette {width:min(770px,calc(100vw - 32px))!important;border:1px solid #565861!important;border-radius:21px!important;background:#24262d!important;box-shadow:0 38px 110px #000c!important}
.lm-command-top {padding:18px 21px!important;gap:16px!important;background:#292b32;border-bottom-color:#444650!important}
.lm-command-top>div>i {font-size:23px!important;color:#d2d4d8!important}
.lm-command-top input {font-size:17px!important;min-height:44px!important;font-weight:600;color:#fff!important}
.lm-command-top>button {width:42px!important;height:42px!important;border-radius:12px!important;font-size:18px}
.lm-command-inner {padding:21px!important;max-height:min(62vh,550px)!important}
.lm-command-prompt p {font-size:14px!important}
.lm-command-shortcuts a {padding:16px 12px!important;min-height:60px;font-size:14px!important;border-radius:12px!important}
.lm-command-results-title {font-size:12px!important}
.lm-command-result {min-height:74px!important;gap:14px!important;padding:9px 11px!important}
.lm-command-result-art {width:52px!important;height:52px!important;border-radius:10px!important}
.lm-command-result-copy b {font-size:15px!important;font-family:Inter,'Vazirmatn',Tahoma,sans-serif!important}
.lm-command-result-copy small,.lm-command-result-type {font-size:12px!important}
.lm-command-footer {font-size:12px!important;padding:13px 20px!important;color:#b1b3bb!important}
.lm-command-footer kbd {font-size:11px!important;min-width:27px;height:26px}
/* Modal polished scale and close position; the popup contains its button. */
.swal2-container.lm-swal-container {background:rgba(10,11,15,.73)!important;backdrop-filter:blur(7px)!important}
.lm-swal-popup {position:relative!important;background:linear-gradient(155deg,#2a2c34,#1d1f25 75%)!important;border:1px solid #565861!important;border-radius:22px!important;color:#f2f3f6!important;box-shadow:0 38px 110px #000c!important;padding:28px!important;font-family:'Vazirmatn',Tahoma,sans-serif!important;overflow:visible!important;max-width:calc(100vw - 28px)!important}
.lm-auth-popup {width:min(520px,calc(100vw - 24px))!important;padding:0!important}
.lm-auth-popup .swal2-html-container {margin:0!important;padding:0!important;overflow:visible!important}
.lm-swal-title {font-size:23px!important;line-height:1.6!important;padding-inline:48px!important;font-weight:900!important;margin:7px 0!important}
.lm-swal-body {font-size:15px!important;line-height:2!important;color:#c6c7cf!important}
.lm-swal-confirm,.lm-swal-cancel {min-height:48px!important;min-width:104px;border-radius:12px!important;font-size:14px!important;font-weight:800!important;padding:11px 19px!important}
.lm-swal-confirm {background:var(--accent)!important;color:#1c260f!important}
.lm-swal-cancel {background:#363943!important;color:#eeeef1!important}
.lm-swal-popup .swal2-close.lm-swal-close {position:absolute!important;top:18px!important;left:18px!important;right:auto!important;inset-inline-start:auto!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:1px solid #565963!important;background:#33353e!important;color:#d8d9df!important;border-radius:12px!important;font-size:25px!important;font-weight:400!important;line-height:1!important;box-shadow:none!important;margin:0!important;padding:0!important;z-index:5!important;transition:background .16s,border-color .16s!important}
.lm-swal-popup .swal2-close.lm-swal-close:hover {background:#484b54!important;border-color:#80838a!important;color:#fff!important}
.lm-swal-popup .swal2-close i {font-size:18px!important;line-height:1}
.lm-auth-popup .auth-modal-content {padding:32px 36px 29px!important}
.auth-modal-symbol {width:59px!important;height:59px!important;border-radius:15px!important;font-size:26px!important;margin-bottom:19px!important;background:#383a44!important;border-color:#555861!important;color:#e4e7ea!important}
.auth-modal-kicker {color:#acb0ba!important;font:800 11px/1.5 Inter,Arial,sans-serif!important;letter-spacing:1.4px!important}
.auth-modal-content h2 {font-size:29px!important;font-weight:900!important;line-height:1.5!important;margin:8px 0!important;letter-spacing:-.4px}
.auth-modal-content h2 span {color:var(--accent)!important}
.auth-modal-desc {font-size:14px!important;color:#b9bcc6!important;line-height:1.95!important;margin:9px 0 22px!important}
.auth-modal-form {gap:16px!important}
.auth-modal-form .form-field {font-size:14px!important;font-weight:700!important;gap:8px!important}
.auth-modal-form .field-control {min-height:55px!important;border-radius:12px!important;background:#2d2f38!important;border-color:#4e505a!important}
.auth-modal-form .field-control:focus-within {border-color:#aeb0b7!important;box-shadow:0 0 0 4px #ffffff0b}
.auth-modal-form .field-control>i {font-size:17px!important;color:#aeb0bc!important}
.auth-modal-form .field-control input {font-size:15px!important;min-height:51px!important;color:#f8f9fa!important}
.auth-modal-form .field-control input::placeholder {color:#8f919d!important}
.auth-modal-form [data-error-for],.auth-form-error {font-size:12px!important;line-height:1.8!important}
.auth-modal-form .auth-submit {min-height:55px!important;margin-top:4px!important;font-size:15px!important;border-radius:12px!important}
.auth-modal-switch {font-size:14px!important;gap:10px!important;margin-top:22px!important}
.auth-modal-switch button {font-size:14px!important;color:#e2e5eb!important}
.auth-modal-note {font-size:11px!important;margin-top:21px!important;padding-top:17px!important}
.lm-swal-toast {border-radius:14px!important;padding:15px 18px!important;background:#2b2d35!important;border-color:#555761!important}
.lm-swal-toast .swal2-title {font-size:14px!important}
/* Profile, artist, plan, playlist and utility pages share one legible rhythm. */
.breadcrumbs {font-size:13px!important;gap:10px!important}
.lm-record-copy h1,.artist-profile-copy h1 {font-size:clamp(30px,3.5vw,51px)!important;line-height:1.3!important}
.lm-record-credit,.lm-record-stats>span,.lm-record-disclaimer,.lm-artist-profile-description {font-size:14px!important}
.lm-artist-card-cover {border-radius:16px!important}
.lm-list-view-note,.lm-track-card-foot {font-size:12px!important}
.plan-card h3,.detail-copy h1 {font-size:clamp(23px,2.5vw,32px)!important}
.plan-card,.auth-card {border-radius:18px!important}
.plan-card p,.plan-card li,.detail-copy>p,.playlist-form input,.playlist-form button,.profile-info-row {font-size:14px!important}
input:not([type="range"]):not([type="checkbox"]),textarea,select {accent-color:var(--accent)}
.playlist-form input {min-height:51px;border-radius:12px}
.player {font-size:13px!important}
.player-info strong {font-size:14px!important}
.player-info small {font-size:12px!important}
.player-buttons button {width:41px;height:41px}
.player-buttons .player-main {width:49px;height:49px}
/* Tablet/phone: sidebar remains a drawer; no desktop resizing layout. */
@media(max-width:1370px) and (min-width:1041px) {
 :root{--sidebar:260px}
 .topbar-leading{display:none!important}
 .lm-albums-rail{gap:15px!important}
 .topbar{gap:13px!important}
}
@media(max-width:1040px) {
 :root, html.lm-sidebar-compact {--sidebar:0px!important}
 .sidebar {width:min(320px,88vw)!important;padding:24px 18px 18px!important;right:calc(-1 * min(330px,90vw))!important}
 body.menu-open .sidebar {right:0!important}
 .lm-sidebar-resize {display:none!important}
 .sidebar-brand-row {margin-bottom:23px}
 .topbar{min-height:78px!important;padding:0 21px!important}
 .topbar-leading{display:none!important}
 .lm-filter-form.filter-bar {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .lm-field-search {grid-column:1/-1!important}
 .lm-filter-form .lm-action-primary{grid-column:1/-1}
}
@media(max-width:760px) {
 body{font-size:14px!important}
 .topbar {min-height:69px!important;padding:0 14px!important;gap:9px!important}
 .header-search.lm-search-trigger{min-height:44px!important;padding:4px!important;gap:4px!important;max-width:none!important}
 .lm-search-lens {width:30px!important;font-size:16px!important}
 .lm-search-placeholder {font-size:12px!important}
 .lm-search-go {width:31px!important;height:31px!important}
 .lm-search-hotkey {display:none!important}
 .login-top {min-height:41px!important;padding:0 12px!important}
 .main-content {padding:22px 15px 70px!important}
 .lm-page-intro h1{font-size:26px!important}
 .lm-page-intro p {font-size:12px!important}
 .lm-intro-link {font-size:11px!important}
 .lm-feature-hero {min-height:365px!important;border-radius:17px!important}
 .lm-section {margin-top:35px!important}
 .lm-section-heading h2 {font-size:22px!important}
 .lm-section-heading p {font-size:12px!important}
 .lm-overline {font-size:10px!important}
 .lm-view-all {font-size:12px!important}
 .lm-albums-rail {gap:13px!important}
 .lm-album-meta strong,.lm-track-card .track-title{font-size:15px!important}
 .lm-album-meta small,.lm-track-card .track-subtitle{font-size:12px!important}
 .lm-chart-desc strong,.lm-track-main b{font-size:14px!important}
 .lm-chart-desc small,.lm-track-main small{font-size:11px!important}
 .lm-archive-heading {min-height:175px!important;padding:21px!important}
 .lm-archive-heading h1 {font-size:28px!important}
 .lm-archive-heading p {font-size:12px!important}
 .lm-filter-form.filter-bar {grid-template-columns:1fr!important}
 .lm-field-search,.lm-filter-form .lm-action-primary{grid-column:1!important}
 .lm-simple-search,.lm-field-search,.lm-select-toggle {min-height:51px!important}
 .lm-simple-search input,.lm-field-search input {font-size:13px!important}
 .lm-simple-search button[type=submit] {min-height:36px!important;padding:8px 10px!important;font-size:12px!important}
 .lm-explore-panel {padding:17px!important}
 .lm-explore-title {flex-wrap:wrap}
 .lm-command-top{padding:12px 13px!important}
 .lm-command-top input{font-size:14px!important}
 .lm-command-inner{padding:13px!important}
 .lm-command-shortcuts {grid-template-columns:1fr!important}
 .lm-command-shortcuts a{min-height:49px!important;padding:9px!important}
 .lm-command-result {min-height:65px!important}
 .lm-command-result-copy b{font-size:13px!important}
 .lm-command-footer {padding:10px!important;font-size:10px!important}
 .lm-auth-popup .auth-modal-content {padding:24px 21px 23px!important}
 .auth-modal-content h2 {font-size:25px!important;padding-left:36px}
 .auth-modal-desc {font-size:13px!important}
 .lm-swal-popup .swal2-close.lm-swal-close {top:14px!important;left:14px!important;width:38px!important;height:38px!important}
 .lm-swal-title {font-size:21px!important}
 .lm-swal-body {font-size:14px!important}
 .auth-modal-switch,.auth-modal-switch button {font-size:13px!important}
 .lm-record-copy h1,.artist-profile-copy h1 {font-size:26px!important}
 .lm-record-credit,.lm-record-stats>span {font-size:12px!important}
 .mobile-bottom-nav a small {font-size:11px!important}
}
@media (prefers-reduced-motion:reduce){.sidebar,.main-column,.lm-inline-results {animation:none!important;transition:none!important}}
/* Local SVG safeguard for blocked Font Awesome stylesheets. */
i.lm-icon-fallback {display:inline-flex!important;align-items:center;justify-content:center;line-height:1!important;width:1em;min-width:1em;height:1em;vertical-align:-.08em}
i.lm-icon-fallback::before {content:none!important}
i.lm-icon-fallback>svg {display:block;width:1em;height:1em;overflow:visible;flex-shrink:0}
@media(min-width:1041px){html.lm-sidebar-compact .side-nav .nav-link{font-size:0!important}html.lm-sidebar-compact .side-nav .nav-link>i{font-size:21px!important}}