table.borderdown{
border-color: #686868;
border-style: solid;
border-width: 0px 0px 0px 0px
}
table.border{
border-color: #686868;
border-style: solid;
border-width: 3px 3px 3px 3px
}
table.border td{
border-color: #414141;
border-style: solid;
border-width: 0 0 0 0
}
table.border th{
border-color: #686868;
border-style: solid;
border-width: 1px 0 0 0
}
.boldest {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;

}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #AAAAAA;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}
.minitext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #AAAAAA;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-weight: bold;
}
.bigtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #AAAAAA;
	padding-top: 6px;
	padding-right: 50px;
	padding-bottom: 6px;
	padding-left: 50px;
}
.textabz {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #AAAAAA;
	padding-top: 6px;
	padding-right: 50px;
	padding-bottom: 6px;
	padding-left: 50px;
	text-indent: 25px;
}
.public {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: justify;
	color: #AAAAAA;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.htext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align: justify;
	color: #404040;
}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #C3C3C3;
	font-weight: bold;
	font-style: italic;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.title3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #C3C3C3;
	font-weight: bold;
	font-style: italic;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.radio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #C3C3C3;
	font-weight: bold;
	font-style: italic;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #C3C3C3;
	font-weight: bold;
	font-style: italic;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.titlepop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #C3C3C3;
	font-weight: bold;
	font-style: italic;
	padding: 10px 10px 0px;
}
.Copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C3C3C3;
	text-align: center;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.Copyrightmin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #C3C3C3;
	text-align: center;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.downimg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #C3C3C3;
	font-weight: bold;
	font-style: italic;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.abz {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #AAAAAA;
	padding-left: 25px;
	font-weight: bold;
}
.linker {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 25px;
}
.abzpublic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #AAAAAA;
	padding-left: 25px;
}
.poem {  font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; height: 20px; padding-right: 10px; padding-left: 10px}
.poem2 { font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; height: 20px; padding-right: 10px; padding-left: 180px}
.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 6px 10px;
	text-align: justify;
	text-indent: 25px;
}
.idea { font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; height: 20px; padding-right: 10px; padding-left: 10px ; padding-top: 8px; padding-bottom: 8px}
.afor { font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; height: 20px; padding-right: 10px; padding-left: 10px ; padding-top: 5px; padding-bottom: 0px}
.link { font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; height: 20px; padding-right: 10px; padding-left: 10px ; padding-top: 3px; padding-bottom: 3px}
.data {
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding-left: 60px;
	height: 16px;
	padding-top: 6px;
}
.mp3 {
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
}
.mp3no {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C3C3C3;
	margin-right: 10px;
	text-indent: 10px;
}
.mp3noleft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C3C3C3;
	margin-left: 15px;
	text-indent: 10px;
	margin-right: 10px;
}
.pinktext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 10px 10px;
	text-align: justify;
 	color: #FF3366;
}

    #music-player {
      max-width: 750px;
      margin: 20px auto;
      padding: 20px;
      background: #3a3a3a;
      border-radius: 14px;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
      border: 4px solid #3e3e3e;
    }

    .header {
      text-align: center;
      margin-bottom: 24px;
    }

    .title {
      font-size: 24px;
      font-weight: 100;
      letter-spacing: 1px;
      margin-bottom: 6px;
      color: #aaaaaa;
    }

    .divider {
      width: 180px;
      height: 3px;
      background: #aaaaaa;
      margin: 0 auto;
    }

    .cover {
      width: 700px;
      height: 700px;
      margin: 0 auto 20px;
      border-radius: 10px;
      overflow: hidden;
      border: 0px solid #555;
      background: #3a3a3a;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .cover-placeholder {
      text-align: center;
      color: #aaaaaa;
      font-size: 14px;
    }

    .info {
      text-align: center;
      margin-bottom: 20px;
    }

    .track-title {
      font-size: 33px;
      font-weight: 600;
      margin-bottom: 4px;
      color: #aaaaaa;
      word-break: break-word;
    }

    .track-artist {
      font-size: 14px;
      color: #aaaaaa;
    }

    .progress {
      padding: 0 15px 18px;
    }

    .time {
      display: flex;
      justify-content: space-between;
      font-size: 12px;
      color: #aaaaaa;
      margin-bottom: 6px;
    }

    .bar {
      height: 5px;
      background: #555555;
      border-radius: 3px;
      cursor: pointer;
      position: relative;
    }

    .bar-fill {
      height: 100%;
      background: #aaaaaa;
      border-radius: 3px;
      width: 0%;
      transition: width 0.1s linear;
    }

    .controls {
      display: flex;
      justify-content: center;
      gap: 16px;
      margin-bottom: 20px;
    }

    .btn {
      background: none;
      border: none;
      padding: 8px;
      cursor: pointer;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #999;
    }

    .btn:hover {
      color: #fff;
    }

    .btn.active {
      color: #f0f0f0;
    }

    .btn-nav {
      width: 42px;
      height: 42px;
      background: #c0c0c0;
      color: #1e1e1e;
      border-radius: 50%;
    }

    .btn-nav:hover {
      background: #e0e0e0;
    }

    .btn-play {
      width: 48px;
      height: 45px;
      background: #c0c0c0;
      color: #4e4e4e;
      border-radius: 50%;
      box-shadow: 0 3px 8px rgba(200, 200, 200, 0.4);
    }

    .btn-play:hover {
      background: #e0e0e0;
    }

    .volume {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 0 20px 15px;
    }

    .vol-icon {
      color: #999;
      cursor: pointer;
    }

    .vol-icon:hover {
      color: #f0f0f0;
    }

    .vol-slider {
      flex: 1;
      height: 4px;
      -webkit-appearance: none;
      background: #555555;
      border-radius: 2px;
      outline: none;
    }

    .vol-slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #aaaaaa;
      cursor: pointer;
    }

    .vol-slider::-moz-range-thumb {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #aaaaaa;
      border: 0;
      cursor: pointer;
    }

    .playlist {
      background: #373737;
      border-radius: 10px;
      max-height: 800px;
      overflow-y: auto;
      margin-top: 20px;
      border: 1px solid #3a3a3a;
    }

    .playlist-header {
      padding: 10px 16px;
      font-size: 12px;
      color: #bbb;
      border-bottom: 1px solid #3a3a3a;
      background: #373737;
    }

    .playlist-item {
      padding: 12px 16px;
      cursor: pointer;
      display: flex;
      align-items: center;
      transition: background 0.2s;
    }

    .playlist-item:hover {
      background: #404040;
    }

    .playlist-item.active {
      background: #454545;
    }

    .playlist-item-number {
      width: 24px;
      font-size: 14px;
      color: #999;
      text-align: center;
    }

    .playlist-item-info {
      flex: 1;
      margin-left: 12px;
      min-width: 0;
    }

    .playlist-item-title {
      font-size: 14px;
      font-weight: 500;
      color: #aaaaaa;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .download-btn {
      width: 28px;
      height: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      color: #999;
      text-decoration: none;
      margin-left: 6px;
    }
    .download-btn:hover {
      background: #333;
      color: #fff;
    }
    .playlist-item {
      display: flex;
      align-items: center;
    }
    .playlist-item-time {
      width: 40px;
      text-align: right;
      font-size: 12px;
      color: #999;
    }
    #audio-element {
      display: none;
    }

    .visualizer {
      display: none;
      justify-content: center;
      gap: 2px;
      margin-top: -14px;
    }

    .bar-visual {
      width: 9px;
      height: 9px;
      background: #777777;
      border-radius: 6px;
      animation: pulse 3.0s infinite ease-in-out;
    }

    .bar-visual:nth-child(2) { animation-delay: 0.0s; }
    .bar-visual:nth-child(3) { animation-delay: 0.0s; }

    @keyframes pulse {
      0%, 100% { width: 3px; }
      50% { width: 10px; }
    }

    .playing .visualizer { display: flex; }