/* ╔══════════════════════════════════════════╗
   ║  Car mode overrides                     ║
   ║  Extra large for driving                ║
   ╚══════════════════════════════════════════╝ */

body.device-car #now-bar {
  padding: 24px 36px;
}

body.device-car #now-title { font-size: 28px; }
body.device-car #now-artist { font-size: 18px; }
body.device-car #now-status { font-size: 14px; }
body.device-car #now-reason { font-size: 15px; }

body.device-car .ctrl-btn {
  width: 68px;
  height: 68px;
  font-size: 28px;
}

body.device-car #btn-play {
  width: 72px;
  height: 72px;
  font-size: 26px;
}

body.device-car #chat-input {
  font-size: 20px;
  padding: 18px 24px;
}

body.device-car .chat-msg {
  font-size: 18px;
  max-width: 90%;
}

body.device-car #btn-send {
  font-size: 18px;
  padding: 18px 30px;
}

body.device-car #player-controls {
  padding: 16px 36px 20px;
  gap: 32px;
}

body.device-car #progress-bar-area {
  padding: 14px 36px 10px;
}

body.device-car #time-current,
body.device-car #time-duration {
  font-size: 14px;
}

body.device-car #visualizer-wrap {
  padding: 10px 36px;
}

body.device-car #visualizer {
  height: 72px;
}

body.device-car #chat-container {
  padding: 20px 36px;
  gap: 14px;
}

body.device-car #input-area {
  padding: 20px 36px;
}

body.device-car #queue-preview {
  font-size: 15px;
  padding: 14px 36px;
}

body.device-car #playlist-panel {
  font-size: 16px;
  padding: 24px;
}

body.device-car .pl-song {
  font-size: 17px;
  padding: 12px 16px;
}

body.device-car #top-bar {
  font-size: 14px;
  padding: 12px 24px;
}

body.device-car #top-bar .top-brand {
  font-size: 16px;
}

/* Thicker scrollbar */
body.device-car ::-webkit-scrollbar { width: 8px; }