:root {
  --ground: #faf7f0;
  --paper: #fffcf6;
  --ink: #29231e;
  --muted: #665a4d;
  --accent: #944417;
  --accent-hover: #73330e;
  --soft: #f3e5ce;
  --line: #dfd4c4;
  --control: #8c7b68;
  --error: #952a20;
  --font: "Golos Text", sans-serif;
  --display: "Source Serif 4", Georgia, serif;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --shell: 1216px;
  --gutter: clamp(20px, 4.2vw, 64px);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 28px; scrollbar-color: var(--control) var(--ground); }
body { margin: 0; background: var(--ground); color: var(--ink); font: 400 16px/1.6 var(--font); }
[hidden] { display: none !important; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; }
input, textarea { caret-color: var(--accent); }
button:disabled, input:disabled { cursor: not-allowed; opacity: .56; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
::selection { color: var(--ink); background: #eccaa4; }
h1, h2, h3, p, dl { margin: 0; }
h1, h2 { font: 600 2rem/1.15 var(--display); letter-spacing: -.025em; }
h1 { font-size: clamp(2.35rem, 4.5vw, 4.25rem); overflow-wrap: anywhere; }
h2 { overflow-wrap: anywhere; }
.mx-icon { display: block; width: 20px; height: 20px; flex: 0 0 auto; }
.mx-visually-hidden, .mx-skip:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.mx-skip { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 12px 16px; background: var(--paper); }
.mx-shell { width: min(calc(100% - 2 * var(--gutter)), var(--shell)); margin-inline: auto; }
.mx-header { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; min-height: 88px; border-bottom: 1px solid var(--line); }
.mx-brand { display: inline-flex; justify-self: start; align-items: center; gap: 10px; font: 600 2rem/.9 var(--display); letter-spacing: -.035em; white-space: nowrap; }
.mx-brand img { flex: none; }
.mx-nav { display: flex; align-items: center; gap: clamp(22px, 3vw, 42px); }
.mx-nav a { display: flex; align-items: center; min-height: 46px; font-size: .9rem; font-weight: 500; color: var(--muted); }
.mx-nav a:hover, .mx-nav a[aria-current] { color: var(--accent); }
.mx-nav a[aria-current] { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px; }
.mx-search { display: grid; grid-template-columns: 20px minmax(0, 1fr) 42px; justify-self: end; align-items: center; gap: 8px; width: min(100%, 282px); height: 45px; padding-left: 12px; border: 1px solid var(--control); border-radius: 8px; background: var(--paper); }
.mx-search input { min-width: 0; height: 100%; padding: 0; border: 0; outline: none; background: transparent; font-size: .83rem; }
.mx-search input::placeholder, .mx-form ::placeholder { color: var(--muted); opacity: 1; }
.mx-search:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
.st-search-icon { width: 17px; height: 17px; color: var(--muted); }
.mx-search button { display: grid; height: 43px; place-items: center; border: 0; border-left: 1px solid var(--line); border-radius: 0 7px 7px 0; color: var(--accent); background: transparent; }
.mx-search button:hover { background: var(--soft); }

.mx-main { min-height: 48vh; padding: 42px 0 66px; }
.mx-main:focus { outline: 0; }
.mx-intro { display: grid; grid-template-columns: 1.12fr 1fr; gap: clamp(22px, 4.3vw, 58px); align-items: stretch; margin-bottom: 54px; padding-bottom: 36px; border-bottom: 1px solid var(--line); }
.st-intro-copy { align-self: center; padding-block: 10px 4px; }
.mx-intro h1 { font-size: clamp(2.9rem, 5vw, 4.6rem); line-height: 1.02; letter-spacing: -.035em; }
.st-intro-copy p { margin-top: 18px; color: var(--muted); }
.st-intro-link, .mx-text-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 12px; color: var(--accent); font-size: .9rem; font-weight: 600; }
.st-intro-link:hover, .mx-text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.st-intro-link .mx-icon { width: 17px; height: 17px; }
.st-intro-art { min-height: 270px; border-radius: 5px; background: var(--soft) url("../images/sleeve.svg") center / cover no-repeat; }
.mx-intro-compact { display: block; margin-bottom: 32px; padding-bottom: 24px; }
.mx-intro-compact h1 { font-size: clamp(2.25rem, 5vw, 4rem); }
.mx-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.mx-section-head p, .mx-section-head span { color: var(--muted); font-size: .9rem; }

:is(.st-catalogue, .st-catalogue #dle-content) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; }
:is(.st-catalogue, .st-catalogue #dle-content) > :not(.st-release) { grid-column: 1 / -1; }
.mx-track:not(.mx-detail) { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto 44px; align-items: center; min-width: 0; min-height: 70px; gap: 10px; border-top: 1px solid var(--line); }
.mx-track:not(.mx-detail):hover, .mx-track:not(.mx-detail).is-active { background: var(--paper); }
.mx-track.st-release { grid-template-columns: 56px minmax(0, 1fr) 44px; min-height: 93px; gap: 12px; }
.st-release-art { position: relative; width: 56px; height: 56px; border-radius: 6px; overflow: hidden; }
.st-release-art img { width: 100%; height: 100%; object-fit: cover; background: var(--soft); }
.mx-row-copy { display: grid; align-content: center; min-width: 0; padding: 10px 0; }
.mx-track-title { color: var(--ink); font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; }
.mx-track-title:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.mx-artist, .mx-duration { font-size: .8rem; line-height: 1.4; color: var(--muted); }
.mx-artist { overflow-wrap: anywhere; margin-top: 4px; }
.mx-artist a, .mx-detail-artist a { text-decoration: underline; text-underline-offset: 3px; }
.mx-artist a:hover, .mx-detail-artist a:hover { color: var(--accent); }
.mx-duration, .mx-compact-time { font-variant-numeric: tabular-nums; }
.st-release .mx-duration { font-size: .72rem; margin-top: 3px; }
.mx-open, .mx-play { display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 6px; background: transparent; color: var(--accent); }
.mx-play { background: var(--soft); }
.st-release-art .mx-play { position: absolute; inset: 6px; background: transparent; color: #fff7e8; border-radius: 6px; }
.st-release-art .mx-play::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; background: #29231e; }
.st-release-art .mx-play .mx-icon { position: relative; width: 17px; height: 17px; }
.st-release-art .mx-play:hover::before, .st-release-art .mx-play[aria-pressed="true"]::before { background: var(--accent); }
.st-release-art .mx-play:focus-visible { outline-color: white; outline-offset: -3px; }
.mx-play[aria-pressed="true"], .mx-play:hover, .mx-open:hover { color: var(--paper); background: var(--accent); }
.mx-play[aria-pressed="true"] { background: var(--accent-hover); }
.mx-track.is-loading .mx-play { opacity: .72; }

.mx-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: 28px auto 0; padding: 14px 0 0; }
.mx-page-numbers, .mx-pages { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; }
.mx-pagination a, .mx-pagination span, .mx-pages a, .mx-pages span { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; padding: 0 9px; border-radius: 6px; }
.mx-pagination .mx-page-numbers, .mx-pagination .mx-pages { min-width: 0; min-height: 0; padding: 0; }
.mx-pagination a:hover, .mx-pages a:hover { background: var(--soft); }
.mx-page-numbers > span:not(.mx-page-gap), .mx-pages [aria-current] { background: var(--accent); color: var(--paper); }

.mx-breadcrumbs, .mx-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 22px; color: var(--muted); font-size: .84rem; overflow-wrap: anywhere; }
.mx-breadcrumbs a, .mx-breadcrumb a { text-decoration: underline; text-underline-offset: 4px; }
.mx-detail-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(160px, 280px); gap: clamp(22px, 5vw, 72px); align-items: center; padding: clamp(23px, 4.2vw, 52px); background: var(--soft); border-radius: 8px; }
.mx-detail-artist { margin-bottom: 10px; color: var(--accent-hover); font-weight: 600; overflow-wrap: anywhere; }
.mx-detail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 24px; }
.mx-button, .mx-form button[type="submit"] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; height: auto; min-height: 46px; padding: 10px 15px; border: 1px solid transparent; border-radius: 6px; background: var(--accent); color: var(--paper); font-size: .9rem; font-weight: 600; text-align: center; }
.mx-button:hover, .mx-form button[type="submit"]:hover { background: var(--accent-hover); color: var(--paper); }
.mx-button-outline { border-color: var(--accent); color: var(--accent-hover); background: var(--paper); }
.mx-artwork img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 6px; background: var(--paper); }
.mx-facts { display: flex; flex-wrap: wrap; gap: 14px 28px; margin-top: 26px; }
.mx-facts dt { color: var(--muted); font-size: .82rem; }
.mx-facts dd { margin: 2px 0 0; font-size: .94rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.st-track-notes { max-width: 75ch; padding-top: 26px; }
.mx-song-summary { color: var(--ink); line-height: 1.7; }
.mx-native-description:not(:empty), .mx-track-tools { margin-top: 20px; }
.mx-native-description details, .mx-lyrics { border-top: 1px solid var(--line); padding-top: 12px; }
.mx-native-description summary { cursor: pointer; color: var(--accent); font-weight: 600; }
.mx-native-description details p, .mx-native-description details div { margin-top: 12px; overflow-wrap: anywhere; }
.mx-track-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; font-size: .88rem; }
.mx-track-tools > a { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }
.mx-native-rating:empty { display: none; }
.mx-side-recent { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 24px; row-gap: 10px; border-top: 1px solid var(--line); margin-top: 46px; padding-top: 24px; }
.mx-side-recent h2, .mx-side-recent > .mx-text-link { grid-column: 1 / -1; }
.mx-compact { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding: 9px 0; }
.mx-compact a { display: grid; gap: 3px; line-height: 1.35; overflow-wrap: anywhere; }
.mx-compact a:hover strong { color: var(--accent); }
.mx-compact strong { font-weight: 600; }
.mx-compact span, .mx-compact-time { color: var(--muted); font-size: .81rem; }

.mx-footer { border-top: 1px solid var(--line); padding-block: 28px; }
.mx-footer-top { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px 34px; justify-content: space-between; }
.mx-footer .mx-brand { font-size: 1.65rem; }
.mx-footer-description { max-width: 53ch; color: var(--muted); font-size: .86rem; }
.mx-footer-links { display: flex; flex-wrap: wrap; align-items: center; column-gap: 16px; font-size: .85rem; }
.mx-footer-links a { padding-block: 8px; }
.mx-footer-links a:hover, .mx-licensing a { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }
.mx-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 22px; padding-top: 15px; border-top: 1px solid var(--line); }
.mx-licensing { max-width: 96ch; font-size: .8rem; line-height: 1.6; color: var(--muted); }
.mx-counter { flex: none; }

.mx-player { position: fixed; inset: auto 0 0; z-index: 50; padding: 12px var(--gutter) calc(12px + env(safe-area-inset-bottom)); color: #fff7e8; background: #29231e; }
.mx-player-inner { display: grid; grid-template-columns: 44px minmax(100px, 1fr) minmax(140px, 2.5fr) 44px 44px minmax(85px, 140px) 44px; align-items: center; gap: 14px; max-width: var(--shell); margin: auto; }
.mx-player button { display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 6px; color: inherit; background: transparent; }
.mx-player button:hover, .mx-player .mx-player-toggle { color: #29231e; background: #f1c399; }
.mx-player :focus-visible { outline-color: #f1c399; }
.mx-player-song { display: grid; min-width: 0; line-height: 1.25; }
.mx-player-song strong, .mx-player-song span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mx-player-song span, .mx-player-progress { color: #ead8c5; font-size: .8rem; }
.mx-player-progress, .mx-volume { display: flex; align-items: center; gap: 7px; font-variant-numeric: tabular-nums; }
.mx-player input[type="range"] { min-width: 0; width: 100%; accent-color: #f1c399; }
.mx-player-error { max-width: var(--shell); margin: 8px auto 0; color: #ffcfb6; font-size: .83rem; }
.mx-player-open { padding-bottom: 116px; }

.mx-prose, .mx-notice, .mx-empty { max-width: 75ch; }
.mx-prose h1, .mx-provider-page h1, .mx-mix-heading h1, .mx-artist-heading h1 { margin-bottom: 14px; }
.mx-prose h2 { margin-top: 25px; margin-bottom: 10px; font-size: 1.7rem; }
.mx-prose p + p, .mx-prose p + form { margin-top: 13px; }
.mx-prose p a, .mx-notice a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.mx-notice, .mx-empty { margin-block: 14px; padding: 12px 16px; border-left: 1px solid var(--control); color: var(--muted); background: var(--paper); }
.mx-error-heading { margin-bottom: 12px; }
.mx-form { display: grid; gap: 15px; max-width: 680px; padding-top: 12px; }
.mx-form > label, .mx-form-field { display: grid; gap: 6px; font-weight: 500; }
.mx-form input:not([type="hidden"], [type="checkbox"], [type="radio"]), .mx-form select, .mx-form textarea { width: 100%; min-height: 46px; padding: 9px 12px; border: 1px solid var(--control); border-radius: 6px; background: var(--paper); color: var(--ink); }
.mx-form textarea { min-height: 108px; resize: vertical; }
.mx-form button[type="submit"] { justify-self: start; }
.mx-form img { max-width: 100%; height: auto; }
.mx-form small, .mx-form-help, .mx-form .mx-optional { color: var(--muted); }
.mx-form .mx-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.mx-form-error, .mx-form .mx-error { color: var(--error); }
.st-offline { padding-block: 14vh 48px; }
.st-offline h1 { margin: 36px 0 18px; }

.mx-home-extras { display: grid; gap: 26px; margin-top: 42px; }
.mx-artists-title, .mx-mixes-title, .mx-mix-heading, .mx-artist-heading, .mx-mixes-heading { margin-bottom: 18px; }
.mx-artists-title, .mx-mixes-title { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.mx-artists-strip, .mx-artists-grid, .mx-mix-directory, .mx-mix-teasers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 24px; }
.mx-artist-card, .mx-mix-card { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 12px 0; border-top: 1px solid var(--line); overflow-wrap: anywhere; }
.mx-artist-card:hover, .mx-mix-card:hover { color: var(--accent); }
.mx-artist-initial { display: grid; flex: 0 0 44px; place-items: center; height: 44px; background: var(--soft); border-radius: 6px; color: var(--accent); font: 600 1.35rem/1 var(--display); }
.mx-artist-chip { display: inline-flex; align-items: center; min-height: 44px; gap: 6px; }
.mx-mix-copy { display: grid; gap: 4px; }
.mx-mix-summary, .mx-mix-intro, .mx-mix-meta, .mx-artist-total, .mx-provider-note { color: var(--muted); }
.mx-mix-summary, .mx-mix-meta { font-size: .88rem; }
.mx-mix-songs, .mx-artist-peers { margin-top: 26px; }
.mx-provider-player { max-width: 75ch; }
.mx-provider-player img { max-width: 260px; }
#searchsuggestions { z-index: 60; max-width: calc(100vw - 40px); width: min(430px, calc(100vw - 40px)); background: var(--paper); border: 1px solid var(--line); border-radius: 6px; box-shadow: 0 8px 26px #30251b20; }
#searchsuggestions a { display: block; padding: 8px 12px; }
#searchsuggestions a:hover { background: var(--soft); }

@media (max-width: 1000px) {
  .mx-header { gap: 20px; grid-template-columns: auto 1fr minmax(190px, 260px); }
  .mx-nav { justify-content: center; gap: 22px; }
  :is(.st-catalogue, .st-catalogue #dle-content) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mx-side-recent { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .mx-header { grid-template-columns: auto minmax(0, 1fr); gap: 0 14px; padding-top: 14px; }
  .mx-brand { gap: 7px; font-size: 1.6rem; }
  .mx-brand img { width: 31px; height: 31px; }
  .mx-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; gap: clamp(18px, 5vw, 32px); margin-top: 4px; }
  .mx-nav a { min-height: 48px; font-size: .83rem; }
  .mx-nav a[aria-current] { text-underline-offset: 7px; }
  .mx-search { grid-template-columns: minmax(0, 1fr) 40px; max-width: 260px; height: 44px; }
  .mx-search button { height: 42px; }
  .st-search-icon { display: none; }
  .mx-main { padding-block: 27px 45px; }
  .mx-intro { grid-template-columns: 1fr; gap: 18px; padding-bottom: 22px; margin-bottom: 28px; }
  .st-intro-copy { padding: 0; }
  .mx-intro h1 { font-size: clamp(2.3rem, 8.7vw, 3.6rem); }
  .st-intro-copy p { margin-top: 12px; font-size: .94rem; }
  .st-intro-link { margin-top: 7px; }
  .st-intro-art { width: 100%; min-height: 0; height: clamp(96px, 30vw, 152px); background-position: center 51%; }
  .mx-section-head { margin-bottom: 12px; }
  .mx-detail-top { gap: 16px; grid-template-columns: minmax(0, 1fr) minmax(80px, 120px); padding: 20px; align-items: start; }
  .mx-detail-copy { display: contents; }
  .mx-detail-artist { grid-column: 1; grid-row: 1; margin: 0; }
  .mx-detail-top h1 { grid-column: 1; grid-row: 2; font-size: clamp(1.8rem, 6vw, 2.6rem); }
  .mx-artwork { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
  .mx-detail-actions, .mx-facts { grid-column: 1 / -1; margin-top: 0; }
  .mx-facts { gap: 10px 20px; }
  .mx-player-inner { grid-template-columns: 44px minmax(0, 1fr) 44px 44px 44px; gap: 5px 6px; }
  .mx-player-progress { grid-column: 1 / -1; grid-row: 2; }
  .mx-volume { display: none; }
  .mx-player-open { padding-bottom: 142px; }
  .mx-artists-strip, .mx-artists-grid, .mx-mix-directory, .mx-mix-teasers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mx-footer-top { flex-direction: column; gap: 12px; }
  .mx-footer-bottom { margin-top: 14px; }
}

@media (max-width: 560px) {
  :is(.st-catalogue, .st-catalogue #dle-content) { grid-template-columns: minmax(0, 1fr); }
  .mx-track.st-release { min-height: 77px; }
  .mx-track:not(.mx-detail):not(.st-release) { grid-template-columns: 44px minmax(0, 1fr) auto 42px; gap: 8px; }
  .mx-side-recent { gap: 6px 16px; }
  .mx-side-recent .mx-compact { display: grid; gap: 4px; }
  .mx-artists-strip, .mx-artists-grid, .mx-mix-directory, .mx-mix-teasers { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* Native DLE rating and modal compatibility. */
.mx-native-rating .unit-rating{position:relative;display:block;width:220px;height:44px;padding:0;margin:0;list-style:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%3Cpath%20d%3D%22m22%2010%203.7%207.5%208.3%201.2-6%205.8%201.4%208.2-7.4-3.9-7.4%203.9%201.4-8.2-6-5.8%208.3-1.2Z%22%20fill%3D%22none%22%20stroke%3D%22%238c7b68%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E") repeat-x}.mx-native-rating .unit-rating li{float:none;text-indent:-9999px;list-style:none}.mx-native-rating .unit-rating li.current-rating{position:absolute;left:0;top:0;height:44px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%3Cpath%20d%3D%22m22%2010%203.7%207.5%208.3%201.2-6%205.8%201.4%208.2-7.4-3.9-7.4%203.9%201.4-8.2-6-5.8%208.3-1.2Z%22%20fill%3D%22%23944417%22%20stroke%3D%22%23944417%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E") repeat-x;z-index:1}.mx-native-rating .unit-rating li a{position:absolute;top:0;height:44px;width:44px;text-indent:-9999px;overflow:hidden;z-index:2}.mx-native-rating .unit-rating a.r1-unit{left:0}.mx-native-rating .unit-rating a.r2-unit{left:44px}.mx-native-rating .unit-rating a.r3-unit{left:88px}.mx-native-rating .unit-rating a.r4-unit{left:132px}.mx-native-rating .unit-rating a.r5-unit{left:176px}.mx-native-rating .unit-rating a:hover{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%3Cpath%20d%3D%22m22%2010%203.7%207.5%208.3%201.2-6%205.8%201.4%208.2-7.4-3.9-7.4%203.9%201.4-8.2-6-5.8%208.3-1.2Z%22%20fill%3D%22%23944417%22%20stroke%3D%22%23944417%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E") repeat-x;left:0;z-index:3}.mx-native-rating .unit-rating a.r1-unit:hover{width:44px}.mx-native-rating .unit-rating a.r2-unit:hover{width:88px}.mx-native-rating .unit-rating a.r3-unit:hover{width:132px}.mx-native-rating .unit-rating a.r4-unit:hover{width:176px}.mx-native-rating .unit-rating a.r5-unit:hover{width:220px}.mx-track-tools{flex-wrap:wrap}.mx-track-tools>a{min-height:44px;display:flex;align-items:center}
.ui-widget-overlay{position:fixed;inset:0;background:rgba(41,35,30,.35);z-index:1000}.ui-dialog{position:absolute;z-index:1001;max-width:calc(100vw - 32px);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 18px 64px rgba(41,35,30,.14);font:14px/1.6 var(--font)}.ui-dialog-titlebar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;font-size:20px;font-weight:500}.ui-dialog-titlebar-close{width:36px;height:36px;overflow:hidden;position:relative;border-radius:6px}.ui-dialog-titlebar-close::after{content:'×';font-size:24px;line-height:1;position:absolute;inset:0;display:grid;place-items:center}.ui-dialog-titlebar-close>span{visibility:hidden}.ui-dialog-content{max-width:100%;overflow:auto}.ui-dialog textarea,.ui-dialog input{width:100%;border:1px solid var(--control);border-radius:6px;min-height:44px;padding:10px;color:var(--ink);background:var(--paper)}.ui-dialog-buttonpane{margin-top:20px}.ui-dialog-buttonset{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.ui-dialog-buttonset button{border:1px solid var(--accent);background:var(--accent);color:white;border-radius:6px;min-height:44px;padding:10px 18px}.ui-helper-hidden-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}