:root {
      --bg-main: #0f1117;
      --bg-panel: #181b24;
      --bg-card: #222634;
      --accent-color: #6366f1;
      --accent-hover: #4f46e5;
      --text-main: #f3f4f6;
      --text-muted: #9ca3af;
      --border-color: #2e3447;
      --radius-sm: 6px;
      --radius-md: 10px;
      --font-stack: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      /* 1 = база ~1080p; JS поднимает на 2K/4K@100% */
      --ui-scale: 1;
      --sidebar-width: calc(360px * var(--ui-scale));
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      background-color: var(--bg-main);
      color: var(--text-main);
      font-family: var(--font-stack);
      height: 100vh;
      height: 100dvh;
      overflow: hidden;
    }

    .main-workspace {
      display: flex;
      justify-content: center; /* сайдбар + оболочка по центру */
      align-items: center;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      background-color: #000;
    }

    .sidebar {
      flex: 0 0 var(--sidebar-width);
      width: var(--sidebar-width);
      align-self: stretch; /* на всю высоту окна */
      background-color: var(--bg-panel);
      border-right: 1px solid var(--border-color);
      display: flex;
      flex-direction: column;
      gap: calc(12px * var(--ui-scale));
      padding: calc(12px * var(--ui-scale));
      overflow-y: auto;
      overflow-x: visible;
      height: 100vh;
      z-index: 40;
    }

    .sidebar-rail,
    .sidebar-backdrop,
    .sidebar-collapse-btn {
      display: none;
    }

    .sidebar-header {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding-bottom: 8px;
      border-bottom: 1px solid var(--border-color);
      position: relative;
    }

    .logo {
      font-size: calc(1.1rem * var(--ui-scale));
      font-weight: 800;
      letter-spacing: 0.5px;
      color: #fff;
      display: flex;
      align-items: center;
      gap: calc(6px * var(--ui-scale));
      cursor: pointer;
      user-select: none;
      white-space: nowrap;
    }

    .logo span {
      background: var(--accent-color);
      color: #fff;
      padding: calc(2px * var(--ui-scale)) calc(6px * var(--ui-scale));
      border-radius: var(--radius-sm);
      font-size: calc(0.7rem * var(--ui-scale));
    }

    .select-btn {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      color: var(--text-main);
      padding: calc(6px * var(--ui-scale)) calc(10px * var(--ui-scale));
      border-radius: var(--radius-sm);
      cursor: pointer;
      font-weight: 600;
      font-size: calc(0.8rem * var(--ui-scale));
      display: flex;
      align-items: center;
      gap: calc(6px * var(--ui-scale));
      transition: all 0.2s ease;
      white-space: nowrap;
    }

    .select-btn:hover, .select-btn.active {
      border-color: var(--accent-color);
      background: var(--accent-color);
      color: #fff;
    }

    .arrow-icon { font-size: calc(0.65rem * var(--ui-scale)); }

    .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      margin-top: calc(8px * var(--ui-scale));
      background: #1f2432;
      border: 1px solid var(--accent-color);
      border-radius: var(--radius-md);
      padding: calc(14px * var(--ui-scale));
      box-shadow: 0 10px 30px rgba(0,0,0,0.9);
      display: none;
      flex-direction: column;
      gap: calc(12px * var(--ui-scale));
      z-index: 1000;
    }

    .dropdown-menu.show { display: flex !important; }

    .popover-row {
      display: flex;
      flex-direction: column;
      gap: calc(6px * var(--ui-scale));
    }

    .popover-label {
      font-size: calc(0.7rem * var(--ui-scale));
      color: var(--text-muted);
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.5px;
    }

    .pill-grid {
      display: flex;
      flex-wrap: wrap;
      gap: calc(6px * var(--ui-scale));
    }

    .pill-btn {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      color: var(--text-muted);
      padding: calc(4px * var(--ui-scale)) calc(8px * var(--ui-scale));
      border-radius: var(--radius-sm);
      cursor: pointer;
      font-size: calc(0.8rem * var(--ui-scale));
      transition: all 0.15s ease;
    }

    .pill-btn:hover { color: #fff; border-color: var(--accent-color); }
    .pill-btn.active { background: var(--accent-color); color: #fff; border-color: var(--accent-color); }

    .media-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: calc(8px * var(--ui-scale));
    }

    .media-card {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-radius: var(--radius-md);
      padding: calc(8px * var(--ui-scale));
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    .media-card img {
      width: 100%;
      height: calc(135px * var(--ui-scale));
      object-fit: contain;
      border-radius: var(--radius-sm);
      background: rgba(0,0,0,0.2);
    }

    .media-title { font-size: calc(0.75rem * var(--ui-scale)); color: var(--text-muted); margin-top: calc(6px * var(--ui-scale)); font-weight: 600; }
    .media-link { margin-top: calc(4px * var(--ui-scale)); font-size: calc(0.75rem * var(--ui-scale)); color: var(--accent-color); text-decoration: none; font-weight: bold; }
    .media-link:hover { text-decoration: underline; }

    .note-box {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-radius: var(--radius-sm);
      padding: calc(10px * var(--ui-scale));
    }

    .note-box h3 { font-size: calc(0.9rem * var(--ui-scale)); margin-bottom: calc(4px * var(--ui-scale)); color: #fff; }
    .note-box p { font-size: calc(0.8rem * var(--ui-scale)); color: var(--text-muted); line-height: 1.35; }

    .player-header {
      font-size: calc(0.8rem * var(--ui-scale));
      font-weight: bold;
      color: var(--text-muted);
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    /* Контейнер для плеера VK — высота по контенту, скролл снаружи */
    .vk-container {
      width: 100%;
      min-height: 0;
      border-radius: var(--radius-sm);
    }

    .vk-container iframe {
      width: 100% !important;
      border: none;
      /* высоту задаёт сам виджет VK по числу треков */
    }

    .viewport {
      /* размеры задаёт JS по пропорциям оболочки (fallback 4:3) */
      flex: 0 0 auto;
      width: min(calc(100vh * 4 / 3), calc(100vw - var(--sidebar-width)));
      height: 100vh;
      background-color: #000;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .viewport-body {
      position: relative;
      flex: 1 1 auto;
      min-height: 0;
      width: 100%;
    }

    .disc-iframe {
      width: 100%;
      height: 100%;
      border: none;
      background: #000;
      display: block;
    }

    .welcome-screen,
    .updates-screen {
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      background: radial-gradient(circle at center, #1e2330 0%, #0f1117 100%);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 24px 20px;
      z-index: 5;
      overflow-y: auto;
    }

    .welcome-screen.hidden,
    .updates-screen.hidden { display: none; }

    .welcome-card,
    .updates-panel {
      width: min(calc(560px * var(--ui-scale)), 100%);
      max-height: 100%;
      overflow-y: auto;
      background: var(--bg-panel);
      border: 1px solid var(--border-color);
      padding: calc(28px * var(--ui-scale)) calc(32px * var(--ui-scale)) calc(32px * var(--ui-scale));
      border-radius: var(--radius-md);
      box-shadow: 0 20px 50px rgba(0,0,0,0.6);
      text-align: left;
    }

    .welcome-card h1,
    .updates-panel h1 {
      font-size: calc(1.65rem * var(--ui-scale));
      margin-bottom: calc(12px * var(--ui-scale));
      color: #fff;
      text-align: center;
    }
    .welcome-card > .welcome-lead {
      font-size: calc(0.9rem * var(--ui-scale));
      color: var(--text-muted);
      line-height: 1.55;
      margin-bottom: calc(18px * var(--ui-scale));
      text-align: center;
    }
    .welcome-actions {
      margin-top: calc(20px * var(--ui-scale));
      text-align: center;
    }

    .updates-box {
      border: 1px solid var(--border-color);
      border-radius: var(--radius-sm);
      background: var(--bg-card);
      padding: calc(14px * var(--ui-scale)) calc(16px * var(--ui-scale)) calc(12px * var(--ui-scale));
      margin-top: calc(4px * var(--ui-scale));
    }
    .updates-box-title {
      font-size: calc(0.72rem * var(--ui-scale));
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--text-muted);
      margin-bottom: calc(10px * var(--ui-scale));
    }
    .updates-list {
      display: flex;
      flex-direction: column;
      gap: calc(4px * var(--ui-scale));
    }
    .updates-item {
      display: block;
      width: 100%;
      text-align: left;
      background: transparent;
      border: none;
      color: var(--text-main);
      font: inherit;
      font-size: calc(0.88rem * var(--ui-scale));
      line-height: 1.4;
      padding: calc(6px * var(--ui-scale)) calc(8px * var(--ui-scale));
      border-radius: 4px;
      cursor: pointer;
      text-decoration: none;
    }
    .updates-item:hover {
      background: rgba(99, 102, 241, 0.18);
      color: #fff;
    }
    .updates-item-date {
      color: var(--text-muted);
      margin-right: 0.45em;
      font-variant-numeric: tabular-nums;
    }
    .updates-all-link {
      display: inline-block;
      margin-top: calc(10px * var(--ui-scale));
      background: none;
      border: none;
      color: var(--accent-color);
      font: inherit;
      font-size: calc(0.85rem * var(--ui-scale));
      cursor: pointer;
      padding: 0;
    }
    .updates-all-link:hover {
      text-decoration: underline;
      color: var(--accent-hover);
    }
    .updates-panel-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 14px;
    }
    .updates-panel-header h1 {
      margin: 0;
      font-size: calc(1.25rem * var(--ui-scale));
      text-align: left;
    }
    .updates-back-btn {
      background: transparent;
      border: 1px solid var(--border-color);
      color: var(--text-muted);
      border-radius: var(--radius-sm);
      padding: calc(6px * var(--ui-scale)) calc(10px * var(--ui-scale));
      font: inherit;
      font-size: calc(0.8rem * var(--ui-scale));
      cursor: pointer;
      white-space: nowrap;
    }
    .updates-back-btn:hover {
      color: var(--text-main);
      border-color: var(--text-muted);
    }
    .updates-list-full .updates-item {
      font-size: calc(0.92rem * var(--ui-scale));
      padding: 8px 10px;
    }

    .legal-bar {
      flex-shrink: 0;
      background: #12151c;
      border-top: 1px solid var(--border-color);
      z-index: 6;
    }
    .legal-bar.hidden {
      display: none;
    }
    .legal-bar-toggle {
      display: none;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 12px 14px;
      background: transparent;
      border: none;
      color: #d1d5db;
      font: inherit;
      font-size: 0.8rem;
      font-weight: 600;
      cursor: pointer;
      text-align: left;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }
    .legal-bar-chevron {
      color: var(--text-muted);
      font-size: 0.75rem;
    }
    .legal-bar-body {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: calc(14px * var(--ui-scale)) calc(18px * var(--ui-scale));
      padding: calc(16px * var(--ui-scale)) calc(16px * var(--ui-scale)) calc(18px * var(--ui-scale));
    }
    .legal-col-title {
      font-size: calc(0.78rem * var(--ui-scale));
      font-weight: 700;
      color: #d1d5db;
      margin-bottom: 6px;
      letter-spacing: 0.02em;
    }
    .legal-col p {
      margin: 0;
      font-size: calc(0.76rem * var(--ui-scale));
      line-height: 1.5;
      color: #6b7280;
    }
    .legal-col b { color: #9ca3af; font-weight: 600; }

    @media (max-width: 900px) {
      .legal-bar-body {
        grid-template-columns: 1fr 1fr;
      }
    }

    /* ---- Компактный layout (CSS-пиксели, не физические) ---- */
    body.layout-compact {
      --sidebar-rail-w: 48px;
    }

    body.layout-compact .main-workspace {
      justify-content: flex-start;
      /* не center: иначе блок высотой ~100vh уезжает под chrome браузера */
      align-items: flex-start;
      position: relative;
      height: 100dvh;
      max-height: 100dvh;
      overflow: hidden;
    }

    body.layout-compact .sidebar-rail {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 6px;
      flex: 0 0 var(--sidebar-rail-w);
      width: var(--sidebar-rail-w);
      height: 100%;
      height: 100dvh;
      max-height: 100dvh;
      margin: 0;
      padding: 8px 4px;
      border: none;
      border-right: 1px solid var(--border-color);
      background: var(--bg-panel);
      color: var(--text-main);
      cursor: pointer;
      z-index: 35;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }
    body.layout-compact .sidebar-rail-icon {
      font-size: 1.25rem;
      line-height: 1;
    }
    body.layout-compact .sidebar-rail-label {
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      font-size: 0.7rem;
      letter-spacing: 0.04em;
      color: var(--text-muted);
    }
    body.layout-compact.sidebar-expanded .sidebar-rail {
      display: none;
    }

    body.layout-compact .sidebar-backdrop {
      display: block;
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.45);
      z-index: 38;
      border: none;
      padding: 0;
      margin: 0;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
    }
    body.layout-compact .sidebar-backdrop[hidden] {
      display: none !important;
    }

    body.layout-compact .sidebar {
      position: fixed;
      top: 0;
      left: 0;
      width: min(360px, 88vw);
      height: 100%;
      height: 100dvh;
      flex: none;
      transform: translateX(-105%);
      transition: transform 0.22s ease;
      box-shadow: 8px 0 28px rgba(0, 0, 0, 0.45);
      z-index: 40;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior: contain;
    }
    body.layout-compact.sidebar-expanded .sidebar {
      transform: translateX(0);
    }
    /* В compact весь сайдбар скроллится — Webamp не обрезаем */
    body.layout-compact .player-section {
      flex: 0 0 auto;
      overflow: visible;
    }
    body.layout-compact #player-container {
      flex: none;
      overflow: visible;
      min-height: 0;
    }
    body.layout-compact #player-container:has(#webamp-host) {
      overflow: visible;
      /* место под масштабированный Webamp (высота хоста × scale) */
      min-height: calc(var(--webamp-host-height, 348px) * var(--webamp-scale, 1) + 12px);
      height: calc(var(--webamp-host-height, 348px) * var(--webamp-scale, 1) + 12px);
    }

    body.layout-compact .sidebar-collapse-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 40px;
      min-height: 40px;
      margin-left: auto;
      padding: 0 10px;
      border: 1px solid var(--border-color);
      border-radius: var(--radius-sm);
      background: var(--bg-card);
      color: var(--text-main);
      font-size: 1.25rem;
      line-height: 1;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }
    body.layout-compact .sidebar .select-btn {
      width: 100%;
      min-height: 44px;
    }
    body.layout-compact .sidebar .pill-btn,
    body.layout-compact .toggle-btn {
      min-height: 40px;
      min-width: 40px;
    }

    body.layout-compact .viewport {
      /* ширину/высоту задаёт JS; fallback — почти весь экран */
      width: calc(100vw - var(--sidebar-rail-w));
      max-width: 100%;
    }

    body.layout-compact .legal-bar-toggle {
      display: flex;
    }
    body.layout-compact .legal-bar.is-collapsed .legal-bar-body {
      display: none;
    }
    body.layout-compact .legal-bar.is-collapsed .legal-bar-chevron {
      transform: rotate(-90deg);
    }
    body.layout-compact .legal-bar:not(.is-collapsed) .legal-bar-body {
      padding-top: 4px;
    }
    body.layout-compact .legal-bar-body {
      grid-template-columns: 1fr;
      gap: 12px;
      max-height: min(40vh, 280px);
      overflow-y: auto;
      padding: 8px 14px 14px;
      -webkit-overflow-scrolling: touch;
    }

    @media (max-width: 900px) {
      body.layout-compact .legal-bar-body {
        grid-template-columns: 1fr;
      }
    }

    .vk-community-btn {
      display: inline-block;
      background: #0077ff;
      color: #fff;
      padding: 10px 20px;
      border-radius: var(--radius-sm);
      text-decoration: none;
      font-weight: bold;
      font-size: calc(0.9rem * var(--ui-scale));
      transition: background 0.2s ease;
    }

    .vk-community-btn:hover { background: #005bb5; }

    /* Просмотр обложек во весь экран */
    .preview-zoomable {
      cursor: zoom-in;
      transition: transform 0.15s ease, filter 0.15s ease;
    }
    .preview-zoomable:hover {
      filter: brightness(1.1);
      transform: scale(1.02);
    }
    .image-modal {
      display: none;
      position: fixed;
      z-index: 9999;
      inset: 0;
      width: 100%;
      height: 100%;
      max-height: 100dvh;
      background: rgba(0, 0, 0, 0.85);
      backdrop-filter: blur(4px);
      justify-content: center;
      align-items: center;
      padding: 12px;
      box-sizing: border-box;
      overflow: hidden;
    }
    .image-modal img {
      max-width: min(92vw, 100%);
      max-height: min(85dvh, 90vh, 100%);
      width: auto;
      height: auto;
      object-fit: contain;
      background: transparent;
      /* без box-shadow: на круглых дисках с прозрачностью он даёт квадратную «подложку» */
      box-shadow: none;
      border-radius: 0;
      animation: zoomIn 0.2s ease;
    }
    .image-modal-close {
      position: absolute;
      top: max(12px, env(safe-area-inset-top, 0px));
      right: max(16px, env(safe-area-inset-right, 0px));
      color: #fff;
      font-size: 36px;
      font-weight: bold;
      cursor: pointer;
      z-index: 1;
      padding: 8px 12px;
      -webkit-tap-highlight-color: transparent;
    }
    @keyframes zoomIn {
      from { opacity: 0; transform: scale(0.9); }
      to { opacity: 1; transform: scale(1); }
    }

    /* Переключатель плееров Webamp / VK */
    .player-toggle {
      display: flex;
      gap: 4px;
      align-items: center;
    }
    .toggle-btn {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      color: var(--text-muted);
      font-size: calc(0.7rem * var(--ui-scale));
      padding: 2px 8px;
      border-radius: var(--radius-sm);
      cursor: pointer;
      font-weight: 600;
      transition: all 0.15s ease;
    }
    .toggle-btn:hover {
      color: #fff;
      border-color: var(--accent-color);
    }
    .toggle-btn.active {
      background: var(--accent-color);
      color: #fff;
      border-color: var(--accent-color);
    }

    /* Autoplay — компактный switch */
    .autoplay-toggle {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      cursor: pointer;
      user-select: none;
      margin: 0 6px;
    }
    .autoplay-toggle input {
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0;
    }
    .autoplay-switch {
      position: relative;
      width: 28px;
      height: 16px;
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-radius: 99px;
      transition: background 0.2s ease, border-color 0.2s ease;
      flex-shrink: 0;
    }
    .autoplay-switch::after {
      content: "";
      position: absolute;
      top: 1px;
      left: 1px;
      width: 12px;
      height: 12px;
      background: var(--text-muted);
      border-radius: 50%;
      transition: transform 0.2s ease, background 0.2s ease;
    }
    .autoplay-toggle input:checked + .autoplay-switch {
      background: var(--accent-color);
      border-color: var(--accent-color);
    }
    .autoplay-toggle input:checked + .autoplay-switch::after {
      transform: translateX(12px);
      background: #fff;
    }
    .autoplay-toggle:hover .autoplay-switch {
      border-color: var(--accent-color);
    }
    .autoplay-label {
      font-size: calc(0.7rem * var(--ui-scale));
      font-weight: 600;
      color: var(--text-muted);
      letter-spacing: 0.02em;
    }
    .autoplay-toggle input:checked ~ .autoplay-label {
      color: var(--text-main);
    }

    /* Донат — тихо внизу сайдбара */
    .sidebar-donate {
      flex-shrink: 0;
      text-align: center;
      padding: 4px 0 2px;
    }
    .sidebar-donate a {
      font-size: calc(0.7rem * var(--ui-scale));
      color: var(--text-muted);
      text-decoration: none;
      opacity: 0.55;
      transition: opacity 0.15s ease, color 0.15s ease;
    }
    .sidebar-donate a:hover {
      opacity: 1;
      color: var(--text-main);
      text-decoration: underline;
    }

    /* =========================================
       WEBAMP — контейнер + масштаб
       ========================================= */

    .player-section {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-radius: var(--radius-md);
      padding: calc(10px * var(--ui-scale));
      display: flex;
      flex-direction: column;
      gap: 8px;
      flex: 1 1 auto;
      min-height: 0;
      /* клип по секции — скролл только у #player-container */
      overflow: hidden;
    }

    #player-container {
      position: relative;
      width: 100%;
      flex: 1 1 auto;
      min-height: 0;
      /* VK: длинный список крутится здесь, а не весь сайдбар */
      overflow-x: hidden;
      overflow-y: auto;
      display: block;
    }

    /* Webamp: не клипать окна/меню (контекстное меню всё равно уходит в body) */
    #player-container:has(#webamp-host) {
      overflow: visible;
    }

    /* Хост Webamp: нативная ширина 275px, по центру блока.
       Масштаб только вниз, если контейнер уже 275px. */
    #webamp-host {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      width: 275px;
      height: var(--webamp-host-height, 348px);
      transform: scale(var(--webamp-scale, 1));
      transform-origin: top center;
      z-index: 10;
      overflow: visible;
      /* Edge/Chrome: не выделять текст при dblclick и drag по marquee */
      -webkit-user-select: none !important;
      user-select: none !important;
      -webkit-user-drag: none !important;
      -webkit-touch-callout: none !important;
    }

    /* Webamp внутри хоста — без лишних transform */
    #webamp-host #webamp,
    #webamp-host #webamp * {
      -webkit-user-select: none !important;
      user-select: none !important;
      -webkit-user-drag: none !important;
    }

    #webamp-host #webamp {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      margin: 0 !important;
      overflow: visible !important;
    }

    /* Меню Presets / контекстные меню — поверх всего */
    #webamp-context-menu {
      z-index: 100000 !important;
      overflow: visible !important;
    }
    #webamp-context-menu .context-menu {
      z-index: 100001 !important;
      overflow: visible !important;
    }

    /* Кириллица в бегущей строке: у скина нет спрайтов TEXT.BMP для non-ASCII.
       Для таких символов показываем системный шрифт в цвете Winamp. */
    #webamp #marquee .character.cdmag-unicode {
      text-indent: 0 !important;
      background-image: none !important;
      background: transparent !important;
      color: #00e800 !important;
      font-family: Tahoma, "MS Sans Serif", "Segoe UI", sans-serif !important;
      font-size: 9px !important;
      font-weight: bold !important;
      line-height: 6px !important;
      width: auto !important;
      min-width: 5px !important;
      height: 6px !important;
      overflow: visible !important;
    }