/* 박스 크기 계산 방식 통일 */
    * {
      box-sizing: border-box;
    }

    /* 기본 바디 스타일 설정 */
    body {
      margin: 0;
      background: #eee;
      font-family: Arial, "맑은 고딕", sans-serif;
    }

    /* 플레이어 메인 카드 틀 */
    main {
      max-width: 455px;
      margin: auto;
      border: 1px solid #aaa;
      background: white;
      min-height: 500px;
    }

    /* 상단 오디오 조작부 패널 (헤더) */
    .head {
      background: #222a32;
      color: #eee;
      padding: 10px 10px 6px;
    }

    /* 곡 제목 표시줄 (그라데이션 배경 & 말줄임표 처리) */
    .title {
      color: #83ff35;
      font-weight: bold;
      font-size: 15px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      background: linear-gradient(#45535e, #11171c);
      padding: 4px 7px;
    }

    /* 타임라인 레이아웃 (경과시간 - 슬라이더 - 총시간) */
    .seekrow {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      margin-top: 5px;
    }

    /* 입력 슬라이더 강조색 지정 */
    input {
      accent-color: #ff3473;
    }

    #seek {
      flex: 1;
      min-width: 40px;
      height: 12px;
    }

    /* 재생 컨트롤 버튼 레이아웃 */
    .controls {
      display: flex;
      align-items: center;
      gap: 7px;
      margin-top: 2px;
    }

    button {
      cursor: pointer;
      font: inherit;
      border: 0;
      background: transparent;
    }

    .controls button {
      color: #a7b0b6;
      font-size: 18px;
      padding: 4px;
    }

    /* 반복/셔플 활성화 시 강조 색상 */
    .controls button.active {
      color: #83ff35;
    }

    /* 이전 곡 / 재생 / 다음 곡 중앙 정렬 트랜스포트 */
    .transport {
      display: flex;
      justify-content: center;
      flex: 1;
      gap: 22px;
    }

    #play {
      color: white;
      font-size: 23px;
      min-width: 40px;
    }

    #volume {
      width: 58px;
      height: 12px;
    }

   
    ol {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    li {
      display: flex;
      align-items: center;
      min-height: 25px;
      font-size: 12px;
    }

    /* 목록 내 곡 버튼 */
    li .song {
      flex: 1;
      min-width: 0;
      text-align: left;
      padding: 5px 8px;
      color: #171717;
      line-height: 1.4;
    }

    /* 현재 선택되어 재생 중인 곡 스타일 */
    li.selected .song {
      color: #ff2670;
      font-weight: bold;
    }

    /* 목록 삭제 버튼 (×) */
    li .remove {
      color: #abb4b9;
      font-size: 17px;
      padding: 0 4px;
    }

    /* 재생 상태 메시지 */
    #status {
      font-size: 12px;
      line-height: 1.5;
      margin: 6px 8px;
      color: #555;
    }

    /* 접근성 포커스 영역 스타일 지정 */
    button:focus-visible,
    input:focus-visible {
      outline: 2px solid #28a7de;
      outline-offset: 2px;
    }

    /* 모바일 화면 (455px 이하) 반응형 대응 */
    @media (max-width: 455px) {
      main {
        width: 100%;
        border: 0;
      }
      .songs {
        min-height: calc(100dvh - 90px);
      }
    }