/* ================================================================
   notamusic.net — Consolidated Styles
   ================================================================ */

html {height:100%}
html, body {padding:0; margin:0; 
background: white url("https://www.notamusic.net/images/background.png");
background-repeat: repeat-x;
background-position: top;
font:normal 0.9em Tahoma, Arial,Verdana,sans-serif}

body {
background: url(https://www.notamusic.net/images/bliss.png) no-repeat center top;
min-height:100%; 
height:100%; 
color:#4a4a4a; 
}

/* ---------- CSS VARIABLES ---------- */
:root {
  --bg:       #f4f4f4;
  --surface:  #ffffff;
  --card:     #ffffff;
  --border:   #e2e2e2;
  --accent:   #111111;
  --accent2:  #2a2a2a;
  --act-dim:  rgba(0,0,0,.06);
  --green:    #111111;
  --blue:     #111111;
  --text:     #1a1a1a;
  --muted:    #777777;
  --dim:      #aaaaaa;
  --radius:   10px;
  --font:     'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
}

/* ---------- BASE RESET ---------- */
*, *::before, *::after { box-sizing: border-box; }

body.main-page {
  background: var(--bg) !important;
  background-image: none !important;
  background-color: var(--bg) !important;
  color: var(--text) !important;
  font-family: var(--font) !important;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 100vh;
}
body.main-page a { color: var(--accent); text-decoration: none; outline: none; }
body.main-page a:hover { color: var(--accent2) !important; text-decoration: none !important; }
body.main-page img { max-width: 100%; height: auto; border: 0; }
body.main-page h1,body.main-page h2,body.main-page h3 { font-family: var(--font); }
body.main-page p { margin: 0; }

body.main-page #root    { width: auto !important; height: auto !important; min-height: 0 !important; }
body.main-page .pad     { padding: 0 !important; }
body.main-page .pad .content { padding: 0 !important; }
body.main-page #left_side { display: none !important; }
body.main-page #content { float: none !important; width: auto !important; margin: 0 !important; }
body.main-page #wrapper { display: none !important; }
body.main-page #foot    { display: none !important; }

body.nm-inner-page{background:var(--bg)!important;background-image:none!important;background-color:var(--bg)!important;color:var(--text)!important;font-family:var(--font)!important;font-size:16px;line-height:1.6;margin:0!important;padding:0!important;height:auto!important;min-height:100vh}
body.nm-inner-page a{color:var(--accent);text-decoration:none;outline:none}
body.nm-inner-page a:hover{color:var(--accent2)!important;text-decoration:none!important}
body.nm-inner-page img{max-width:100%;height:auto;border:0}
body.nm-inner-page h1,body.nm-inner-page h2,body.nm-inner-page h3{font-family:var(--font)}
body.nm-inner-page p{margin:0}
body.nm-inner-page #root{width:auto!important;height:auto!important;min-height:0!important}
body.nm-inner-page .pad{padding:0!important}
body.nm-inner-page .pad .content{padding:0!important}
body.nm-inner-page #left_side{display:none!important}
body.nm-inner-page #content{float:none!important;width:auto!important;margin:0!important}
body.nm-inner-page #wrapper{display:none!important}
body.nm-inner-page #foot{display:none!important}

html{background:#f4f4f4!important;min-height:100%}
body.main-page #root,
body.nm-inner-page #root{min-height:100vh!important}

#root {height:auto;min-height:1002; width:1002px; margin:0 auto;}
.pad {padding:0 31px 20px 309px; } /* padding-left = left_col + 31px + 19px */
.pad .content { padding:12px 18px !important; }

#wrapper { clear:both;height:38px; }

#top, #content, #in-foot {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#foot {
	font-size: 11px;
	color: #999;
	background: #F2F2F2;
	border-top: 1px solid #E5E5E5; /* E5E5E5 */
}
	#in-foot {
		clear: both;
		padding: 0px;
		overflow: hidden;
		position: relative;

	}


	#foot a {
		color: #00586F;
	}
	#foot a#v_a {
		color: #999;
	}
		#foot a#powered {
		float: right;
		color: #999;
		text-decoration: none;
		line-height: 20px;
	}
		#foot a#powered img {
			margin-left: 5px;
			vertical-align: text-bottom;
		}
	#foot p {
		clear: both;
		float: left;
	}


	#dll a#button {
		text-decoration: none;
        }


        #dll a:hover#button {
		text-decoration: underline;
	}



#footer {clear:both; z-index:999; height:59px;width:1002px;margin:-59px auto 0; font:0.9em Tahoma, Arial; color:#fff;
 }/*height = -(margin-top) - 1px*/
.pad2 { position:relative;min-height:98%; padding:1px 0 0 0;}

#left_side {float:left; width:309px; }
#content {float:right; width:100%; margin:0 0 0 -309px; }
#left_side, #content {z-index:1;}
#copyright { float:left; margin:1em 0 0 15px }
#developer { float:right; text-align:right; margin:2em 15px 0 0 }

/* styles */
a { color:#000000; outline:none; }
a:hover {color: #20527B; text-decoration:none; }
a img { border:0; }
p { margin:2px 6px; }
#left_side p { margin:8px 0; }
#content p a:visited, #left_side p a:visited { color:#333333; }
h2, h3, h4 {color:#999}
h1 {font-size: 18px; margin:0 0 0 5px;  color:#555555}
h2 { margin:3px 0; font:bold 1.5em Tahoma, Arial; letter-spacing:-1.6pt; }
h2 a { text-decoration:none; color:#fff; }
h2 a:hover { color:#B49476 }
h3 { margin:3px 0; font:bold 1.2em Tahoma, Arial; text-align:left; }
h4 { margin:2px 0; }

.breadcrumbs { color:#333;font-size:0.812em; margin:5px 2px; clear:both; }
.clearing { clear:both; }
.hidden { display:none; }
.red { color:red; }
.fleft { float:left; }
.fright { float:right; }

.pager { margin:5px 0; font-size:0.95em; clear:both; }
.pager a, .pager b { display:inline; margin:0 3px; }


table { border:0px solid #b9b9b7; border-collapse:collapse; font-size:1em; width:100%; margin:0px 0 0px; }
table thead th, table td { border:0px solid #d8d8d7; border-collapse:collapse; padding:5px; }
table thead th{ background:#b5b4b4; text-align:left; color:#fff; }
table td { vertical-align:top; font-size:0.99em; }
tr.odd { background-color:#F9F9F9; }
tr.even { background-color:#F1F1F1; }




#tnav { list-style:none; margin:10px 0 0;padding:0; width:100%; }
#tnav li { position:relative; padding:0;margin:0 1px; overflow:hidden; }
#tnav li a { color:#3e2d1e;font:0.9em Tahoma, Arial; display:block;line-height:1.5em; }
#tnav li a:hover, #tnav li.current a { text-decoration:none; }
#tnav li em { position:absolute;bottom:-16px;left:-10px; color:#3e2d1e; letter-spacing:-1.7pt; font:bold 4em Arial; }
#tnav li.current em { color:#4f4f4f; }


.list { clear:both; border:1px solid #F1F1F1; padding:0; background-color:#FCFCFC; }
.genre { clear:both; border:0px solid #F1F1F1; padding:0; background-color:#FCFCFC; }

.download { height:16px;width:16px;display:block; color:#b49476;text-decoration:none;background:url(../images/icon/arrow_down.png) no-repeat; }
.play { height:16px;width:16px;display:block; color:#b49476;text-decoration:none;background:url(../images/icon/sound_note.png) no-repeat; }
.play.played { background:url(../images/icon/sound.png) no-repeat !important; }

.alphabet { list-style:none; margin:0;padding:0; clear:both; }
.alphabet li { float:left; margin:5px }

.nz { margin:10px 0;position:relative;clear:both; }
.nz_messages { background:#a6ff9b;border:1px solid #063; }
.nz_messages .message {margin:11px;font:bold 0.9em Tahoma, Arial;color:#063;}
.nz_errors { background:#fef2f2;border:1px solid #de5555; }
.nz_errors .message {margin:11px;font:bold 0.9em Tahoma, Arial;color:#de5555;}
.cross { background:url(../images/icon/close.gif) no-repeat right center; cursor:pointer; width:10px;height:10px; position:absolute;top:1px;right:1px; }

/* form */
form .field { clear:both; padding:0 0 8px; overflow:hidden; }
form label { float:left; color:#333; width:33%;margin:0 10px 0 0; }

/* ================================================================
   notamusic.net — HEADER
   ================================================================ */
.nm-header {
  position: sticky; top: 0; z-index: 300;
  background: rgba(255,255,255,.97);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--border);
}
.nm-header__inner {
  max-width: 1200px; margin: 0 auto;
  padding: 0 24px; height: 60px;
  display: flex; align-items: center; gap: 4px;
}
.nm-logo {
  display: inline-flex;
  align-items: center;
  gap: 0;
  text-decoration: none;
}
.nm-logo__text {
  display: inline-flex;
  align-items: baseline;
  gap: 0;
  font-weight: 900;
  letter-spacing: .12em;
  line-height: 1;
  color: var(--text);
  text-transform: uppercase;
}
.nm-logo__name {
  font-size: 21px;
  font-family: "Arial Black", "Segoe UI", "Trebuchet MS", sans-serif;
  color: #111;
}

.nm-nav { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.nm-nav a {
  color: var(--muted) !important;
  font-size: 14px; font-weight: 500;
  padding: 7px 13px; border-radius: 8px;
  white-space: nowrap;
  transition: background .15s, color .15s;
  line-height: 1;
}
.nm-nav a:hover { background: var(--act-dim); color: var(--accent) !important; }
.nm-nav a.nm-active{color:var(--accent)!important;background:var(--act-dim);font-weight:700}
.nm-nav a.nm-cta {
  margin-left: 8px;
  background: var(--accent);
  color: #fff !important; font-weight: 700;
  padding: 8px 18px; border-radius: 8px;
}
.nm-nav a.nm-cta:hover,
.nm-nav a.nm-cta:focus,
.nm-nav a.nm-cta:visited:hover {
  background: var(--accent2) !important;
  opacity: 1;
  color: #d9d9d9 !important;
}
body.main-page .nm-nav a.nm-cta:hover,
body.main-page .nm-nav a.nm-cta:focus,
body.main-page .nm-nav a.nm-cta:active,
body.nm-inner-page .nm-nav a.nm-cta:hover,
body.nm-inner-page .nm-nav a.nm-cta:focus,
body.nm-inner-page .nm-nav a.nm-cta:active {
  color: #d9d9d9 !important;
}
.nm-nav a.nm-mobile-only { display: none; }

.nm-burger {
  display: none; flex-direction: column; justify-content: center;
  gap: 5px; background: none; border: none;
  cursor: pointer; padding: 8px; margin-left: auto;
}
.nm-burger span {
  display: block; width: 22px; height: 2px;
  background: var(--text); border-radius: 2px; transition: .25s;
}
.nm-burger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nm-burger.open span:nth-child(2) { opacity: 0; }
.nm-burger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ================================================================
   notamusic.net — PAGE WRAPPER
   ================================================================ */
.nm-page { max-width: 1200px; margin: 0 auto; padding: 0 24px 60px; }
.nm-slot-zone { padding: 10px 0 0; }

/* ---------- HERO ---------- */
.nm-hero {
  padding: 60px 0 44px; text-align: center;
  position: relative; overflow: hidden;
}
.nm-hero::before {
  content: '';
  position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 700px; height: 320px;
  background: radial-gradient(ellipse at center top, rgba(0,0,0,.07) 0%, transparent 68%);
  pointer-events: none;
}
.nm-hero__title {
  margin: 0 0 10px;
  font-size: clamp(1.5rem, 3.4vw, 2.2rem);
  font-weight: 800; line-height: 1.15; letter-spacing: -.01em;
  color: var(--text);
  text-align: center;
}
.nm-hero__sub { margin: 0 auto 18px; max-width: 100%; font-size: 15px; color: var(--muted); text-align: center; }

/* ---------- SECTION LABEL ---------- */
.nm-label {
  font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .14em; color: var(--accent);
  padding-bottom: 12px; margin-bottom: 14px;
  border-bottom: 1px solid var(--border);
}

/* ---------- GENRE CLOUD ---------- */
.nm-genres { display: flex; flex-wrap: wrap; gap: 7px; }
.nm-genres a {
  display: inline-block; padding: 5px 14px; border-radius: 20px;
  background: var(--surface); border: 1px solid var(--border);
  color: #555 !important; line-height: 1.4;
  transition: background .15s, border-color .15s, color .15s, transform .12s;
}
.nm-genres a:hover {
  background: var(--act-dim); border-color: var(--accent);
  color: var(--accent) !important; transform: translateY(-2px);
}
.nm-genres a.sz-sm  { font-size: 12px; }
.nm-genres a.sz-md  { font-size: 14px; }
.nm-genres a.sz-lg  { font-size: 16px; font-weight: 500; }
.nm-genres a.sz-xl  { font-size: 18px; font-weight: 600; }
.nm-genres a.sz-xxl { font-size: 20px; font-weight: 700; }

/* ---------- SHARE ---------- */
.nm-share {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 18px 20px;
  text-align: center; margin: 28px 0;
}

/* ================================================================
   notamusic.net — MUSIC LIST CARDS (main-page)
   ================================================================ */
.nm-lists {
  display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
}
.nm-card {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 0; padding: 20px 18px; overflow: hidden;
  box-shadow: none;
}
.nm-card h2 {
  font-size: 12px !important; font-weight: 800 !important;
  color: var(--text) !important; letter-spacing: .14em !important;
  text-transform: uppercase !important;
  margin: 0 0 14px !important;
  padding-bottom: 12px; border-bottom: 1px solid #111;
  display: flex; align-items: center; gap: 6px;
}
.nm-card h2 font { color: var(--text) !important; }
.nm-card h2 a { color: var(--text) !important; font-size: 13px !important; }
.nm-card h2 a:hover { color: var(--accent) !important; }
.nm-card h2 img { display: none !important; }
.nm-card h2 a:last-child { margin-left: auto; font-size: 11px !important; font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--muted) !important; }
.nm-card h2 a:last-child font { color: var(--muted) !important; }

.nm-card table.music_table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 6px !important;
  font-size: 14px !important;
  margin: 0 !important;
  border: none !important;
}
.nm-card .music_table thead tr,
.nm-card .music_table tr:first-child { display: none !important; }
.nm-card .music_table tr.odd,
.nm-card .music_table tr.even {
  background: none !important;
  border: none !important;
  transition: background .1s;
}
.nm-card .music_table tr.odd:hover,
.nm-card .music_table tr.even:hover { background: #fafafa !important; }
.nm-card .music_table td {
  padding: 8px 6px !important; border: none !important; vertical-align: middle !important;
  background: transparent;
}
.nm-card .music_table .col-actions { width: 58px !important; padding-left: 0 !important; }

.nm-card .track-thumb {
  width: 48px;
  height: 48px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  background: rgba(120,120,120,.25);
}
.nm-card .track-thumb::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(110,110,110,.18);
  pointer-events: none;
  z-index: 1;
}
.nm-card .track-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.nm-card .track-thumb .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  z-index: 2;
}

.nm-card a.play {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 30px !important; height: 30px !important; border-radius: 50% !important;
  background: rgba(150,150,150,.48) !important;
  border: 1px solid rgba(255,255,255,.74) !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: blur(1.5px);
  transition: background .15s, border-color .15s, transform .12s, opacity .12s !important;
}
.nm-card a.play::after { content: '\25BA'; font-size: 10px; color: #fff; margin-left: 1px; line-height: 1; }
.nm-card a.play:hover { background: rgba(165,165,165,.62) !important; border-color: rgba(255,255,255,.9) !important; transform: translate(-50%, -50%) scale(1.14) !important; }

.nm-card .music_table .col-title { padding-right: 6px !important; }
.nm-card .music_table .col-title .track-title {
  display: block;
  color: var(--text) !important;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nm-card .music_table .col-title .track-title:hover { color: #000 !important; text-decoration: none !important; }
.nm-card .music_table .col-title .track-artist {
  font-size: 13px;
  color: #888;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nm-card .music_table .col-meta {
  width: 86px;
  font-size: 11px !important; color: #8a8a8a !important;
  white-space: nowrap !important; text-align: right !important; padding-right: 4px !important;
}
.nm-card .music_table .col-meta p { margin: 0 !important; color: #8a8a8a !important; }
.nm-card .music_table .col-download { width: 34px !important; padding-right: 2px !important; }
.nm-card a.download {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 28px !important; height: 28px !important; border-radius: 50% !important;
  background: transparent !important;
  border: 1px solid #d7d7d7 !important;
  background-image: none !important;
  transition: background .15s, border-color .15s !important;
}
.nm-card a.download::after { content: '\2193'; font-size: 13px; font-weight: 700; color: #777; line-height: 1; }
.nm-card a.download:hover { background: #f3f3f3 !important; border-color: #999 !important; }
.nm-card a.download:hover::after { color: #222; }

.nm-card .music_table .col-download { display: none !important; }

.nm-card .music_table tr.nm-row-active td {
  background: #ebebed !important;
}
.nm-card .music_table tr.nm-row-active td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.nm-card .music_table tr.nm-row-active td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.nm-card center { display: block; text-align: center; margin-top: 10px; }
.nm-card center a {
  font-size: 13px !important; color: var(--muted) !important;
  padding: 7px 16px; border-radius: 8px;
  background: #f7f7f7; border: 1px solid var(--border);
  display: inline-block; transition: all .15s;
}
.nm-card center a:hover { color: var(--accent) !important; background: var(--act-dim); border-color: var(--accent); }
.nm-card > br { display: none; }
.nm-card a.play.nm-active {
  background: rgba(165,165,165,.62) !important;
  border-color: #fff !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
.nm-card a.play.nm-active::after { content: '\23F8'; font-size: 9px; margin-left: 0; color: #fff; }

/* ================================================================
   notamusic.net — INNER PAGE CONTENT
   ================================================================ */
.nm-content{padding:20px 0 0}
.nm-content>br{display:none}
.nm-content h1{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;margin:0 0 16px;color:var(--text)}
.nm-content h2{font-size:12px!important;font-weight:800!important;color:var(--text)!important;letter-spacing:.14em!important;text-transform:uppercase!important;margin:0 0 14px!important;padding-bottom:12px;border-bottom:1px solid #111;display:flex;align-items:center;gap:6px}
.nm-content h2 font{color:var(--text)!important}
.nm-content h2 img{display:none!important}
.nm-content h2 a{color:var(--text)!important}
.nm-content h2 a:hover{color:var(--accent)!important}
.nm-content h2 a:last-child{margin-left:auto;font-size:11px!important;font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted)!important}
.nm-content h2 a:last-child font{color:var(--muted)!important}
.nm-content table.music_table{width:100%!important;border-collapse:separate!important;border-spacing:0 6px!important;font-size:14px!important;margin:0!important;border:none!important}
.nm-content .music_table thead tr,.nm-content .music_table tr:first-child{display:none!important}
.nm-content .music_table tr.odd,.nm-content .music_table tr.even{background:none!important;border:none!important;transition:background .1s}
.nm-content .music_table tr.odd:hover,.nm-content .music_table tr.even:hover{background:#fafafa!important}
.nm-content .music_table td{padding:8px 6px!important;border:none!important;vertical-align:middle!important;background:transparent}
.nm-content .music_table .col-actions{width:58px!important;padding-left:0!important}
.nm-content .track-thumb{width:48px;height:48px;position:relative;border-radius:2px;overflow:hidden;background:rgba(120,120,120,.25)}
.nm-content .track-thumb::before{content:'';position:absolute;inset:0;background:rgba(110,110,110,.18);pointer-events:none;z-index:1}
.nm-content .track-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.nm-content .track-thumb .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;z-index:2}
.nm-content .track-thumb .nm-play-btn{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:2}
.nm-content .track-thumb .nm-play-btn:hover{transform:translate(-50%,-50%) scale(1.14)!important}
.nm-content .track-thumb .nm-play-btn.nm-active{background:rgba(165,165,165,.62)!important;border-color:#fff!important;box-shadow:none!important;opacity:1!important}
.nm-content .track-thumb .nm-play-btn.nm-active::after{content:'\23F8';font-size:9px;margin-left:0;color:#fff}
.nm-content a.play{display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;border-radius:50%!important;background:rgba(150,150,150,.48)!important;border:1px solid rgba(255,255,255,.74)!important;background-image:none!important;box-shadow:none!important;backdrop-filter:blur(1.5px);transition:background .15s,border-color .15s,transform .12s,opacity .12s!important}
.nm-content a.play::after{content:'\25BA';font-size:10px;color:#fff;margin-left:1px;line-height:1}
.nm-content a.play:hover{background:rgba(165,165,165,.62)!important;border-color:rgba(255,255,255,.9)!important;transform:translate(-50%,-50%) scale(1.14)!important}
.nm-content .music_table a.play{width:28px!important;height:28px!important;background:#8f8f8f!important;border:1px solid #d9d9d9!important;backdrop-filter:none;transform:none!important}
.nm-content .music_table a.play::after{font-size:11px;line-height:1;margin-left:1px}
.nm-content .music_table a.play:hover{background:#7f7f7f!important;border-color:#bdbdbd!important;transform:none!important}
.nm-content .music_table .col-title{padding-right:6px!important}
.nm-content .music_table .col-title .track-title{display:block;color:var(--text)!important;font-size:14px;font-weight:700!important;line-height:1.25!important;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nm-content .music_table .col-title .track-title:hover{color:#000!important;text-decoration:none!important}
.nm-content .music_table .col-title .track-artist{font-size:13px;color:#888;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nm-content .music_table .col-meta{width:86px;font-size:11px!important;color:#8a8a8a!important;white-space:nowrap!important;text-align:right!important;padding-right:4px!important}
.nm-content .music_table .col-meta p{margin:0!important;color:#8a8a8a!important}
.nm-content .music_table .col-download{display:none!important}
.nm-content a.download{display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;border-radius:50%!important;background:transparent!important;border:1px solid #d7d7d7!important;background-image:none!important;transition:background .15s,border-color .15s!important}
.nm-content a.download::after{content:'\2193';font-size:13px;font-weight:700;color:#777;line-height:1}
.nm-content a.download:hover{background:#f3f3f3!important;border-color:#999!important}
.nm-content .music_table tr.nm-row-active td{background:#ebebed!important}
.nm-content .music_table tr.nm-row-active td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}
.nm-content .music_table tr.nm-row-active td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}
.nm-content a.play.nm-active{background:rgba(165,165,165,.62)!important;border-color:#fff!important;box-shadow:none!important;opacity:1!important}
.nm-content a.play.nm-active::after{content:'\23F8';font-size:9px;margin-left:0;color:#fff}
.nm-content .music_table a.play.nm-active{background:#6f6f6f!important;border-color:#bdbdbd!important}
.nm-content center{display:block;text-align:center;margin-top:10px}
.nm-content center a{font-size:13px!important;color:var(--muted)!important;padding:7px 16px;border-radius:8px;background:#f7f7f7;border:1px solid var(--border);display:inline-block;transition:all .15s;margin:4px 2px}
.nm-content center a:hover{color:var(--accent)!important;background:var(--act-dim);border-color:var(--accent)}

/* ================================================================
   notamusic.net — TRACK HERO (id.phtml)
   ================================================================ */
.nm-track-hero{clear:both;background:#fff;border:1px solid #e2e2e2;border-radius:14px;padding:18px 18px 16px;margin:12px 0 18px;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:start}
.nm-track-hero__title{margin:0 0 12px!important;font-size:clamp(1.2rem,2.2vw,1.8rem)!important;line-height:1.25!important}
.nm-track-meta{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px 16px;font-size:14px;color:#555}
.nm-track-meta__item{display:flex;gap:6px;align-items:baseline;min-width:0}
.nm-track-meta__label{color:#777;white-space:nowrap}
.nm-track-meta__value{color:#222;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}
.nm-track-meta__value a{color:#00586F!important}
.nm-track-more{margin-top:12px;font-size:14px;color:#666}
.nm-track-more a{color:#00586F!important;font-weight:600}
.nm-track-actions{display:flex;flex-direction:column;gap:10px;justify-content:center;align-self:center;justify-self:center;width:100%;max-width:220px}
.nm-track-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;transition:all .15s;cursor:pointer;text-decoration:none!important}
.nm-track-btn--play{background:#005292;color:#fff!important;border:1px solid #005292}
.nm-track-btn--play:hover{background:#00457a;border-color:#00457a;color:#d9d9d9!important}
.nm-track-btn--download{background:#499200;color:#fff!important;border:1px solid #499200}
.nm-track-btn--download:hover{background:#3e7f00;border-color:#3e7f00;color:#d9d9d9!important}
.nm-content .nm-track-actions a.nm-track-btn:hover,
.nm-content .nm-track-actions a.nm-track-btn:focus,
.nm-content .nm-track-actions a.nm-track-btn:active,
.nm-content .nm-track-actions a.nm-track-btn:visited:hover{color:#d9d9d9!important;text-decoration:none!important}

/* ================================================================
   notamusic.net — FOOTER
   ================================================================ */
.nm-foot {
  background: #111111; border-top: none;
  padding: 40px 24px 32px;
}
.nm-foot__inner { max-width: 1200px; margin: 0 auto; text-align: center; }
.nm-foot__links {
  list-style: none; padding: 0; margin: 0 0 16px;
  display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 28px;
}
.nm-foot__links a { color: #fff !important; font-size: 13px; transition: opacity .15s; }
.nm-foot__links a:hover { color: #bcbcbc !important; opacity: 1; }
.nm-foot__text { font-size: 12px; color: #fff; max-width: 100%; margin: 0 auto 14px; line-height: 1.75; opacity: .9; text-align: center; }
.nm-foot__copy { font-size: 13px; color: #fff; opacity: .9; }
.nm-foot__copy a { color: #fff !important; text-decoration: underline; }
body.main-page .nm-foot a,
body.main-page .nm-foot a:visited {
  color: #fff !important;
}
body.main-page .nm-foot a:hover,
body.main-page .nm-foot a:focus {
  color: #bcbcbc !important;
}
body.nm-inner-page .nm-foot a,body.nm-inner-page .nm-foot a:visited{color:#fff!important}
body.nm-inner-page .nm-foot a:hover,body.nm-inner-page .nm-foot a:focus{color:#bcbcbc!important}

/* ================================================================
   notamusic.net — MINI PLAYER
   ================================================================ */
.nm-player{position:fixed;bottom:0;left:0;right:0;z-index:500;background:rgba(255,255,255,.98);border-top:2px solid var(--accent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -4px 24px rgba(0,0,0,.12);height:66px;padding:0 24px;display:flex;align-items:center;gap:14px;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.nm-player.visible{transform:translateY(0)}
.nm-player__playpause{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--text);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;line-height:1;transition:background .15s,transform .1s}
.nm-player__playpause:hover{background:#2a2a2a;transform:scale(1.08)}
.nm-player__title{flex:0 0 200px;min-width:0;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nm-player__progress{flex:1;min-width:40px;display:flex;align-items:center;gap:8px}
.nm-player__seek{flex:1;height:3px;cursor:pointer;accent-color:var(--accent)}
.nm-player__time{font-size:11px;color:var(--muted);white-space:nowrap;flex-shrink:0}
.nm-player__vol{flex-shrink:0;display:flex;align-items:center;gap:6px}
.nm-player__vol span{font-size:16px;color:var(--muted)}
.nm-player__vol input{width:72px;height:3px;accent-color:var(--accent);cursor:pointer}
.nm-player__close{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--dim);font-size:22px;line-height:1;padding:2px 4px;transition:color .15s}
.nm-player__close:hover{color:var(--text)}

/* ================================================================
   notamusic.net — RESPONSIVE
   ================================================================ */
@media (max-width: 920px) {
  .nm-lists { grid-template-columns: 1fr; }
  .nm-card table.music_table { display: table !important; width: 100% !important; table-layout: fixed !important; }
  .nm-card .music_table thead { display: none !important; }
  .nm-card .music_table tbody { display: table-row-group !important; }
  .nm-card .music_table tr { display: table-row !important; width: auto !important; }
  .nm-card .music_table td {
    display: table-cell !important;
    width: auto !important;
    vertical-align: middle !important;
    padding: 6px 5px !important;
  }
  .nm-card .music_table td[data-label]::before {
    content: none !important;
    display: none !important;
  }
  .nm-card .music_table .col-actions,
  .nm-card .music_table .col-download {
    display: table-cell !important;
    width: 58px !important;
    margin-right: 0 !important;
  }
  .nm-card .music_table .col-download { display: none !important; }

  .nm-content table.music_table{display:table!important;width:100%!important;table-layout:fixed!important}
  .nm-content .music_table thead{display:none!important}
  .nm-content .music_table tbody{display:table-row-group!important}
  .nm-content .music_table tr{display:table-row!important;width:auto!important}
  .nm-content .music_table td{display:table-cell!important;width:auto!important;vertical-align:middle!important;padding:6px 5px!important}
  .nm-content .music_table td[data-label]::before{content:none!important;display:none!important}
  .nm-content .music_table .col-actions{display:table-cell!important;width:58px!important}
  .nm-content .music_table .col-download{display:none!important}
  .nm-content .music_table td:nth-child(1),.nm-content .music_table td:nth-child(2){width:30px!important;padding-left:0!important;padding-right:0!important}
  .nm-content .music_table td:nth-child(2){padding-right:0!important;width:30px!important}
  .nm-content .music_table td:nth-child(3){padding-left:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .nm-content .music_table td:nth-child(4){display:none!important}
}

@media (max-width: 768px) {
  .nm-player__vol { display: none !important; }
  @media(max-width:860px){
	.nm-track-hero{grid-template-columns:1fr;padding:14px 12px;gap:12px}
	.nm-track-meta{grid-template-columns:1fr;gap:7px}
	.nm-track-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:none;justify-self:stretch;align-self:stretch}
	.nm-track-btn{min-height:42px;font-size:13px;padding:9px 10px}
  }
}

@media (max-width: 640px) {
  .nm-header__inner { padding: 0 14px; }
  .nm-logo__name { font-size: 18px; letter-spacing: .1em; }
  .nm-nav {
    display: none; position: fixed; top: 60px; left: 0; right: 0;
    background: rgba(255,255,255,.99); flex-direction: column; align-items: stretch;
    padding: 10px 14px 18px; border-bottom: 1px solid var(--border);
    z-index: 299; gap: 2px;
  }
  .nm-nav.open { display: flex; }
  .nm-nav a { font-size: 15px; padding: 12px 14px; text-align: left; border-radius: 10px; }
  .nm-nav a.nm-mobile-only { display: block !important; }
  .nm-nav a.nm-cta { margin-left: 0; margin-top: 6px; text-align: center; }
  .nm-burger { display: flex; }
  .nm-page { padding: 0 14px 48px; }
  .nm-hero { padding: 36px 0 28px; }
  .nm-card { padding: 14px 12px; }

  .nm-card table.music_table { display: table !important; width: 100% !important; table-layout: fixed !important; }
  .nm-card .music_table thead { display: none !important; }
  .nm-card .music_table tbody { display: table-row-group !important; }
  .nm-card .music_table tr { display: table-row !important; width: auto !important; }
  .nm-card .music_table td {
    display: table-cell !important;
    width: auto !important;
    vertical-align: middle !important;
    padding: 6px 5px !important;
  }
  .nm-card .music_table td[data-label]::before {
    content: none !important;
    display: none !important;
  }
  .nm-card .music_table .col-actions,
  .nm-card .music_table .col-download {
    display: table-cell !important;
    width: 58px !important;
    margin-right: 0 !important;
  }
  .nm-card .music_table .col-download { display: none !important; }

  .nm-player { padding: 0 12px; gap: 10px; }
  .nm-player__title { display: none; }
  .nm-player__vol { display: none; }

  .nm-content table.music_table{display:table!important;width:100%!important;table-layout:fixed!important}
  .nm-content .music_table thead{display:none!important}
  .nm-content .music_table tbody{display:table-row-group!important}
  .nm-content .music_table tr{display:table-row!important;width:auto!important}
  .nm-content .music_table td{display:table-cell!important;width:auto!important;vertical-align:middle!important;padding:6px 5px!important}
  .nm-content .music_table td[data-label]::before{content:none!important;display:none!important}
  .nm-content .music_table .col-actions{display:table-cell!important;width:58px!important}
  .nm-content .music_table .col-download{display:none!important}
  .nm-content .music_table td:nth-child(1),.nm-content .music_table td:nth-child(2){width:30px!important;padding-left:0!important;padding-right:0!important}
  .nm-content .music_table td:nth-child(2){padding-right:0!important;width:30px!important}
  .nm-content .music_table td:nth-child(3){padding-left:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .nm-content .music_table td:nth-child(4){display:none!important}
}
form label.label_nofloat { float:none; width:auto; margin:0 13% 0 0; }
form .input, form .short_input, form select, form textarea { font:0.9em Tahoma, Arial; color:#000; }
form .input { height:1.4em;width:17em; border:solid 1px #999;margin:1px 0; background:#fff }
form select { height:1.8em;width:17em; border:solid 1px #999; padding:0; }
form textarea { border:solid 1px #999; color:#000; padding:2px 4px 2px 4px; }
form input.button { border:0;height:1.6em; color:#fff;font-weight:bold; background-color:#3963a3; }
form input.checkbox { position:relative; top:1px; }
form .button-field { padding:3px 0 0 20%; }
form input.input.error, form textarea.error, form select.error { border:1px solid red; }
form .form-errors { color:red; }

/* ================================================================
   Dedicated play button for /music/new and /music/top lists
   (used only in last_added200.phtml and top_100.phtml)
   ================================================================ */
.nm-content .music_table .track-thumb .nm-play-btn{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,#2f2f2f 0%,#1b1b1b 100%)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.28)!important;
  backdrop-filter:none!important;
  transition:transform .14s ease, box-shadow .14s ease, background .14s ease!important;
}
.nm-content .music_table .track-thumb .nm-play-btn::before,
.nm-content .music_table .track-thumb .nm-play-btn::after{
  content:''!important;
}
.nm-content .music_table .track-thumb .nm-play-btn::before{
  width:0;
  height:0;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:9px solid #ffffff;
  margin-left:2px;
}
.nm-content .music_table .track-thumb .nm-play-btn::after{
  display:none;
}
.nm-content .music_table .track-thumb .nm-play-btn:hover{
  transform:translate(-50%,-50%) scale(1.08)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.34)!important;
  background:linear-gradient(180deg,#3a3a3a 0%,#222 100%)!important;
}
.nm-content .music_table .track-thumb .nm-play-btn.nm-active{
  background:linear-gradient(180deg,#525252 0%,#353535 100%)!important;
  border-color:rgba(255,255,255,.45)!important;
}
.nm-content .music_table .track-thumb .nm-play-btn.nm-active::before{
  width:9px;
  height:12px;
  border:0;
  margin-left:0;
  background:linear-gradient(to right,#fff 0 3px,transparent 3px 6px,#fff 6px 9px);
}

@media(max-width:920px){
  .nm-content .music_table.nm-legacy-list tr td:first-child,
  .nm-content .music_table.nm-legacy-list tr th:first-child,
  .nm-content .music_table.nm-legacy-list tr:first-child td:first-child{
    display:none!important;
  }

  .nm-content .music_table.nm-modern-list td:nth-child(1){
    display:table-cell!important;
    width:58px!important;
    padding-left:0!important;
    padding-right:6px!important;
  }
  .nm-content .music_table.nm-modern-list td:nth-child(2){
    display:table-cell!important;
    width:auto!important;
    padding-left:4px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .nm-content .music_table.nm-modern-list td:nth-child(3){
    display:table-cell!important;
    width:72px!important;
    text-align:right!important;
  }
  .nm-content .music_table.nm-modern-list td:nth-child(4){
    display:none!important;
  }
}

@media(max-width:640px){
  .nm-content .music_table.nm-legacy-list tr td:first-child,
  .nm-content .music_table.nm-legacy-list tr th:first-child,
  .nm-content .music_table.nm-legacy-list tr:first-child td:first-child{
    display:none!important;
  }

  .nm-content .music_table.nm-modern-list td:nth-child(1){
    width:58px!important;
    padding-left:0!important;
    padding-right:6px!important;
  }
  .nm-content .music_table.nm-modern-list td:nth-child(2){
    width:auto!important;
    padding-left:4px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .nm-content .music_table.nm-modern-list .track-title,
  .nm-content .music_table.nm-modern-list .track-artist{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    display:block!important;
  }

  .nm-card .music_table.nm-main50-list .col-title .track-title,
  .nm-card .music_table.nm-main50-list .col-title .track-artist{
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    display:block!important;
    word-break:normal!important;
  }
}

/* IE fix */
* html #root {height:100%}
* html #left_side {margin-right:-100%}
* html .pad2 {height:99%}
* html #content {display:inline}
* html .cross {top:-5px}