/* V8.1 / Studio Focus — an intentional extension of V8, not the V9/V10 reframe.
   Neutral charcoal canvas. Lime appears only on focused actions and small states. */
:root{--lm81-canvas:#111217;--lm81-panel:#1b1d24;--lm81-elevated:#24262e;--lm81-border:#343640;--lm81-muted:#a7aab5;--lm81-soft:#d7d9df;--lm81-lime:#bee978;--lm81-ease:cubic-bezier(.2,.75,.2,1)}
body{background:#111217!important;color:#f4f5f6}
/* The persistent header is visual navigation, not a collection of tiny fields. */
.topbar{padding-inline:clamp(20px,2.6vw,44px)!important;gap:clamp(13px,1.6vw,24px)!important}
.topbar-leading{min-width:145px!important}
.header-search.lm-search-trigger{height:64px!important;min-height:64px!important;width:min(100%,700px)!important;max-width:700px!important;position:relative;isolation:isolate;background:linear-gradient(110deg,#2b2d35,#22242c)!important;border:1px solid #535660!important;border-radius:18px!important;padding:7px 8px 7px 17px!important;box-shadow:0 7px 24px #00000024,inset 0 1px #ffffff12!important;transition:border-color .2s,box-shadow .2s,transform .2s!important}
.header-search.lm-search-trigger:hover,.header-search.lm-search-trigger:focus-visible{border-color:#8c919a!important;box-shadow:0 12px 29px #00000040,inset 0 1px #ffffff19!important;transform:translateY(-1px)}
.header-search .lm-search-lens{width:44px!important;height:44px;display:grid;place-items:center;background:#393c45;border:1px solid #50545f;border-radius:13px;color:#fafafa!important;font-size:19px!important}
.header-search .lm-search-placeholder{font-size:15px!important;font-weight:700;color:#d3d5dc!important}
.header-search .lm-search-hotkey{font-size:12px!important;background:#1b1d24!important;border-color:#4a4d58!important;border-radius:8px!important}
.header-search .lm-search-go{width:43px!important;height:43px!important;background:#3a3d47;border-radius:12px!important;display:grid;place-items:center;color:#f1f1f3!important}
/* One compact, scrollable shortcut bar lives outside main-content; its links are SPA-aware. */
.lm-context-nav{display:flex;align-items:center;gap:9px;min-height:57px;padding:9px clamp(20px,3vw,50px);background:#181a20;border-bottom:1px solid #30323b;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.lm-context-nav::-webkit-scrollbar{display:none}
.lm-context-caption{color:#8b8e99;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:8px;letter-spacing:.3px;margin-left:5px}
.lm-context-caption svg,.lm-context-caption i{font-size:13px;color:#9ba0aa}
.lm-context-nav>a,.lm-context-nav>button{font:700 12px/1.5 'Vazirmatn',sans-serif;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:8px 14px;border:1px solid transparent;color:#b0b3bd;background:transparent;border-radius:10px;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .17s,border-color .17s,color .17s}
.lm-context-nav>a:hover,.lm-context-nav>button:hover{background:#2b2d35;color:#fff;border-color:#41434d}
.lm-context-nav>a.is-active{background:#2a2d34;color:#f6f6f6;border-color:#484c53}
.lm-context-nav>a.is-active svg,.lm-context-nav>a.is-active i{color:var(--lm81-lime)}
.lm-context-nav .lm-context-search{margin-inline:4px;background:#252830;border:1px solid #3c404a}
.lm-context-current{margin-right:auto;display:inline-flex;align-items:center;gap:8px;color:#858993;font-size:11px;min-width:0}
.lm-context-current i,.lm-context-current svg{color:#b6b9c1}
/* Optical hierarchy and more content above the fold. */
.main-content{padding-top:24px!important}
.lm-page-intro{margin-bottom:17px!important;align-items:center}
.lm-page-intro h1{font-size:clamp(29px,2.9vw,40px)!important}
.lm-page-intro p{font-size:14px!important}
.lm-feature-hero{min-height:360px!important;height:auto!important;border-radius:22px!important;overflow:hidden}
.lm-hero-big{font-size:clamp(54px,7vw,118px)!important}
.lm-feature-text{padding-block:34px!important}
.lm-quick-explore{margin-top:14px!important}
.lm-section{margin-top:38px!important}
.lm-section-heading{margin-bottom:17px!important}
.lm-section-heading h2{font-size:clamp(24px,2vw,30px)!important;letter-spacing:-.35px}
.lm-section-heading p{font-size:13px!important}
.lm-overline{font-weight:800;letter-spacing:1px}
/* Uniform content-dense grids. Strong card information without compressing tap targets. */
.main-content .music-grid{gap:14px!important}
.main-content .lm-dense-grid,.main-content .lm-discover-grid{gap:14px!important}
.lm-track-card-v81{position:relative;min-width:0;padding:9px!important;border:1px solid #343741!important;background:linear-gradient(180deg,#25272e,#1d1f25)!important;border-radius:17px!important;display:flex!important;flex-direction:column;box-shadow:none!important;transition:transform .25s var(--lm81-ease),border-color .25s,box-shadow .25s!important}
.lm-track-card-v81:hover,.lm-track-card-v81:focus-within{transform:translateY(-4px);border-color:#62666e!important;box-shadow:0 16px 30px #00000040!important}
.lm-track-card-v81 .lm-track-artwork{position:relative;overflow:hidden;border-radius:12px!important;isolation:isolate;background:#343741}
.lm-track-card-v81 .cover-art{display:block!important;aspect-ratio:1!important;border-radius:0!important;transition:transform .35s var(--lm81-ease),filter .35s!important;background-size:cover!important;background-position:center!important}
.lm-track-card-v81:hover .cover-art{transform:scale(1.06)}
.lm-track-card-v81 .lm-track-cover-overlay{display:none!important}
.lm-track-card-v81 .cover-label{font-size:10px!important;background:#16181dd9!important;border:1px solid #ffffff35;color:#e9ebed!important;border-radius:9px!important;z-index:3;top:9px;right:9px;left:auto!important;width:max-content;max-width:calc(100% - 18px);display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}
.lm-track-card-v81 .cover-label i,.lm-track-card-v81 .cover-label svg{color:#eee8c5}
.lm-track-card-v81 .cover-play{z-index:4;right:10px;left:auto;bottom:10px;width:48px!important;height:48px!important;border-radius:14px!important;box-shadow:0 8px 22px #0007!important;transition:transform .2s var(--lm81-ease)!important}
.lm-track-card-v81 .cover-play:hover{transform:scale(1.08)!important}
.lm-track-card-v81 .lm-card-add{z-index:4;left:10px;right:auto;top:10px;bottom:auto!important;background:#15171cd9;border-color:#ffffff43;width:40px!important;height:40px!important;border-radius:12px!important}
.lm-track-card-v81 .lm-card-add:hover{color:var(--lm81-lime);transform:translateY(-2px)}
.lm-card-duration{position:absolute;bottom:12px;left:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff28;background:#15161bc9;backdrop-filter:blur(5px);padding:4px 8px;border-radius:8px;font:700 11px/1.6 Arial,sans-serif;color:#f2f3f6;pointer-events:none}
.lm-track-card-v81 .lm-card-copy{display:grid;gap:4px;align-content:start;margin:11px 4px 0;min-width:0;flex:1}
.lm-track-card-v81 .track-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px!important;font-weight:800!important;line-height:1.55!important;color:#f7f7f9!important;text-decoration:none!important}
.lm-track-card-v81 .track-subtitle{display:block;font-size:12px!important;color:#adb0bd!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none!important}
.lm-track-card-v81 .lm-track-card-foot{display:flex!important;align-items:center;justify-content:space-between;gap:6px;padding:11px 3px 1px;margin-top:9px;border-top:1px solid #373941;font-size:11px!important;color:#8f929e!important;min-width:0}
.lm-track-card-v81 .lm-track-card-foot span{display:inline-flex;gap:7px;align-items:center;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lm-track-card-v81 .lm-track-card-foot a{flex:none;width:30px;height:30px;display:grid;place-items:center;background:#2e3139;border:1px solid #454850;border-radius:9px;color:#bdc0ca}
.lm-track-card-v81 .lm-track-card-foot a:hover{color:var(--lm81-lime)}
.lm-track-card-v81 .lm-catalog-marker{background:#191b20ec;border:1px solid #ffffff3d;color:#b3b6bf;right:10px;bottom:12px;border-radius:12px;z-index:3}
/* Albums: compact caption strip with stable covers. */
.lm-album-card-v81{border:1px solid #393b46!important;border-radius:17px!important;background:#1c1e25!important;overflow:hidden!important;min-width:0;box-shadow:none!important;transition:transform .24s,border-color .2s!important}
.lm-album-card-v81:hover{transform:translateY(-4px);border-color:#71737b!important}
.lm-album-card-v81 .lm-album-cover{position:relative;display:block;aspect-ratio:1!important;background-size:cover!important;background-position:center!important;overflow:hidden;border-radius:13px 13px 4px 4px!important}
.lm-album-card-v81 .lm-album-arrow{z-index:3;top:10px;left:10px;border:1px solid #ffffff30;background:#16181dda;color:#fff;border-radius:11px}
.lm-album-year{position:absolute;bottom:10px;right:10px;background:#14151bbd;border:1px solid #ffffff25;border-radius:8px;padding:5px 8px;color:#eceef0;font:700 11px Arial,sans-serif;z-index:3;letter-spacing:.35px}
.lm-album-card-v81 .lm-album-meta{padding:13px 11px 12px!important;display:grid;gap:6px;background:#1c1e25}
.lm-album-card-v81 .lm-album-meta strong{font-size:14px!important;font-weight:800;color:#f7f7f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lm-album-card-v81 .lm-album-meta small{font-size:12px!important;color:#a2a4ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lm-album-card-v81 .lm-album-meta>span{font-size:10px!important;color:#828592;padding-top:8px;border-top:1px solid #343640;display:inline-flex;align-items:center;gap:7px}
/* Artist & playlist cards stay smaller, but content is always readable. */
.lm-feature-artists-grid{gap:13px!important}
.lm-spotlight-portrait{aspect-ratio:1.15!important;border-radius:16px!important}
.lm-spotlight-info strong{font-size:15px!important}.lm-spotlight-info small{font-size:12px!important}
.lm-playlist-grid{gap:14px!important}
.lm-playlist-card{border-radius:17px!important;box-shadow:none!important}
.lm-playlist-card .lm-playlist-cover{aspect-ratio:1.55!important}
.lm-playlist-card-info{padding:13px!important}
.lm-playlist-name{font-size:15px!important}
.lm-playlist-author{font-size:12px!important}
/* Command palette: segmented, live, keyboard-friendly. */
.lm-search-overlay{padding-top:min(9vh,92px)!important}
.lm-command-palette{width:min(810px,calc(100vw - 28px))!important;max-height:min(83vh,860px);border-radius:25px!important;background:#1b1d23!important;border:1px solid #535762!important;box-shadow:0 35px 120px #000b,inset 0 1px #ffffff16!important;display:flex;flex-direction:column}
.lm-command-top{padding:19px 22px!important;gap:13px!important;flex:none;border-bottom:1px solid #343741!important}
.lm-command-top>div{height:55px;gap:15px!important}
.lm-command-top>div>i{font-size:24px!important;color:var(--lm81-lime)!important}
.lm-command-top input{font-family:'Vazirmatn',sans-serif!important;font-size:19px!important;font-weight:700!important;line-height:1.5!important;height:55px;direction:rtl}
.lm-command-top input::placeholder{color:#858995!important}
.lm-command-top>button{flex:0 0 44px;width:44px!important;height:44px!important;border-radius:13px!important;border-color:#50535f!important;background:#30323a!important;color:#e2e4e8!important;font-size:18px!important}
.lm-command-filters{padding:14px 20px 10px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;flex:none}
.lm-command-filters button{font:700 13px 'Vazirmatn',sans-serif;min-height:41px;padding:8px 17px;display:inline-flex;align-items:center;gap:9px;background:#282b32;border:1px solid #434751;border-radius:12px;color:#bfc2cc;transition:background .2s,border-color .2s,color .2s}
.lm-command-filters button:hover{background:#343740;color:#fff}
.lm-command-filters button.is-active{background:#39412f;border-color:#7a9750;color:#e7f4d2}
.lm-command-inner{flex:1;min-height:230px;max-height:min(51vh,530px)!important;padding:17px 20px!important;overflow-y:auto}
.lm-command-prompt{padding:7px 2px 15px}
.lm-command-prompt .lm-overline{font-size:11px!important;color:#9b9faa!important}
.lm-command-prompt p{font-size:14px!important;line-height:1.9;color:#b6b8c0;margin:9px 0 20px!important}
.lm-command-shortcuts a{min-height:68px;border-radius:15px!important;background:#272932!important;border:1px solid #41444d!important;font-size:13px!important;gap:12px!important}
.lm-command-shortcuts a:hover{background:#333640}
.lm-command-results-title{margin:4px 12px 15px;color:#b0b2bb;font-size:12px;letter-spacing:0}
.lm-command-result{min-height:83px!important;padding:11px 13px!important;border-radius:15px!important;gap:15px!important}
.lm-command-result-art{height:60px!important;width:60px!important;border-radius:12px!important}
.lm-command-result-copy b{font:800 15px 'Vazirmatn',Arial,sans-serif!important}
.lm-command-result-copy small{font:500 12px 'Vazirmatn',Arial,sans-serif!important;margin-top:5px;display:block}
.lm-command-result-type{font-size:11px!important;padding:5px 9px;border:1px solid #50535c;border-radius:8px}
.lm-command-status{font-size:14px!important;padding:45px 12px!important}
.lm-command-footer{padding:12px 20px!important;font-size:12px!important}
.lm-command-footer kbd{font-size:12px!important;min-width:27px;height:26px!important;border-radius:8px}
/* Animation respects motion settings. */
@media(prefers-reduced-motion:no-preference){.lm-track-card-v81 .cover-art,.lm-album-card-v81 .lm-album-cover{transition:transform .32s var(--lm81-ease)}.lm-album-card-v81:hover .lm-album-cover{transform:scale(1.015)}}
@media(prefers-reduced-motion:reduce){.lm-track-card-v81,.lm-track-card-v81 *, .lm-album-card-v81,.lm-album-card-v81 *, .header-search.lm-search-trigger{animation:none!important;transition:none!important;transform:none!important}}
/* The V8 fixed sidebar & mobile bottom navigation remain unchanged. */
@media(max-width:1250px){.lm-context-current{display:none}.lm-context-caption{display:none}.lm-context-nav{padding-inline:20px}.header-search .lm-search-hotkey{display:none}}
@media(max-width:1040px){.lm-context-nav{gap:6px}.lm-context-nav>a,.lm-context-nav>button{padding:8px 11px}.header-search.lm-search-trigger{min-height:57px!important;height:57px!important}}
@media(max-width:730px){.lm-context-nav{min-height:52px;padding-inline:12px}.lm-context-nav>a,.lm-context-nav>button{font-size:11px;padding:7px 11px}.lm-command-top{padding:13px 14px!important}.lm-command-top input{font-size:15px!important}.lm-command-filters{padding:9px 12px 5px;gap:6px}.lm-command-filters button{font-size:11px;min-height:37px;padding:7px 11px}.lm-command-inner{padding:10px 13px!important}.lm-command-shortcuts{grid-template-columns:1fr 1fr;gap:7px}.lm-command-shortcuts a{min-height:54px}.lm-command-result-type{display:none}.lm-command-footer{font-size:10px!important;padding:9px 13px!important}.lm-card-duration{font-size:10px}.lm-track-card-v81 .track-title{font-size:13px!important}.lm-track-card-v81 .cover-play{width:42px!important;height:42px!important}}
@media(max-width:499px){.lm-track-card-v81{padding:7px!important;border-radius:13px!important}.lm-track-card-v81 .lm-card-copy{margin:8px 3px 0}.lm-track-card-v81 .lm-card-add{width:35px!important;height:35px!important}.lm-track-card-v81 .cover-play{width:39px!important;height:39px!important}.lm-track-card-v81 .lm-track-card-foot{padding-top:7px;margin-top:6px}.lm-track-card-v81 .track-subtitle{font-size:11px!important}.lm-card-duration{padding:2px 5px;font-size:9px}.lm-context-nav{margin-top:0}}
/* The existing wide-screen V8 album rule uses display:flex !important. Restore
   vertical cards so art retains its square area instead of collapsing to zero. */
.main-content .lm-albums-rail:not(.lm-albums-archive) .lm-album-card-v81,
.main-content .lm-albums-archive .lm-album-card-v81{flex-direction:column!important;align-items:stretch!important;min-width:0!important}
.main-content .lm-album-card-v81 .lm-album-cover{width:100%!important;flex:none!important;aspect-ratio:1!important;min-height:0}
.main-content .lm-album-card-v81 .lm-album-meta{width:100%;flex:none!important;min-width:0}
@media(max-width:730px){html,body{overflow-x:clip}.main-column,.main-content{min-width:0;max-width:100%}.main-content .lm-albums-rail:not(.lm-albums-archive){max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.main-content .lm-albums-rail:not(.lm-albums-archive) .lm-album-card-v81{flex:0 0 155px!important;width:155px!important;min-width:155px!important;scroll-snap-align:start}}
/* Playback state is visible within the card without turning the card green. */
.lm-track-card-v81:has(.cover-play.is-current-track){border-color:#697956!important}
.lm-track-card-v81 .cover-play.is-current-track{box-shadow:0 0 0 3px #b8e97838,0 8px 23px #0007!important}
.lm-track-card-v81 .cover-play:focus-visible,.lm-track-card-v81 .lm-card-add:focus-visible,.lm-command-filters button:focus-visible,.lm-context-nav>a:focus-visible{outline:2px solid #c3ed8b!important;outline-offset:3px}

/* V8.1.1: Active sidebar item keeps its selected background, without the right-hand stripe. */
.side-nav .nav-link.active,
.side-nav .nav-link[aria-current="page"] {
  box-shadow: none !important;
}