@font-face { font-family:'Poppins'; font-style:normal; font-weight:300; font-display:swap; src:url('/fonts/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family:'Poppins'; font-style:normal; font-weight:300; font-display:swap; src:url('/fonts/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family:'Poppins'; font-style:normal; font-weight:400; font-display:swap; src:url('/fonts/pxiEyp8kv8JHgFVrJJnecmNE.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family:'Poppins'; font-style:normal; font-weight:400; font-display:swap; src:url('/fonts/pxiEyp8kv8JHgFVrJJfecg.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family:'Poppins'; font-style:normal; font-weight:600; font-display:swap; src:url('/fonts/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family:'Poppins'; font-style:normal; font-weight:600; font-display:swap; src:url('/fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body,input{font-family:'Poppins', sans-serif;scroll-behavior:smooth}#b,#text,.search-form{margin:0 auto 30px}#text p,ul{line-height:24px;text-align:justify;margin:15px 0 0}#footer,#logo{text-align:center}#footer,#header{max-width:600px;margin:0 auto;padding:15px 0}body{font-size:14px;margin:0}.dark body{background-color:#162338}table,table td,table th{border:1px solid #ccc}.dark table,.dark table td,.dark table th{border-color:#616a8a}#header{color:#111;border-bottom:1px solid #f3f1f1;display:flex;justify-content:space-between}.dark #header{color:#fff;border-color:#0e1323}.search-form #progress,input[type=text]{color:#494949;background-color:#fff;width:100%;box-sizing:border-box}#footer a,#header a{color:#111;text-decoration:none;margin-right:15px}.dark #header a,.dark #text h1,.dark .trending-title{color:#fff}#footer a:last-of-type,#header a:last-of-type,.search-form div:nth-of-type(2) a:last-of-type{margin-right:0}#header #theme{color:#008080;font-weight:700}#logo{max-width:600px;margin:15px auto}.search-form{color:#707070;max-width:600px;border-radius:3px;padding:15px;box-sizing:border-box}html:not(.dark) #collapse .opener,html:not(.dark) .search-form{background-image:linear-gradient(#fff,#f4f4f4);border:1px solid #f3f1f1}.search-form div:nth-of-type(2) a,input{border-radius:3px;height:48px;font-size:16px}.dark #collapse .opener,.dark .search-form{color:#fff;background-color:#0e1323}.search-form div:nth-of-type(2){margin-top:15px;display:flex}.search-form div:nth-of-type(2) a{color:#fff;background-color:#0086e7;line-height:48px;text-decoration:none;margin-right:15px;padding:0 15px;display:block}.search-form div:nth-of-type(3){text-align:right}.search-form div:nth-of-type(3) a{color:#0086e7;font-weight:700;text-decoration:none}.dark .search-form #progress,.dark input[type=text]{color:#959ebd;background-color:#1d243d}.search-form #progress,html:not(.dark) input[type=text]{border:1px solid #0086e7}.search-form .input{position:relative;flex:1}input[type=text]{padding:0 1.754385964912281%;outline:0}.dark input[type=text]{border:none}.dark input[type=submit],input[type=submit]{color:#fff;background-color:#0086e7}input[type=submit]{font-weight:400;width:15.78947368421053%;border:none;margin-left:2.631578947368421%;padding:0;cursor:pointer;appearance:none}.search-form #progress{font-size:16px;line-height:48px;height:48px;border-radius:3px;align-items:center;justify-content:center}.search-form i{border:3px solid #fff;border-top:3px solid #0086e7;border-bottom:3px solid #0086e7;border-radius:50%;width:16px;height:16px;animation:2s linear infinite spin;margin-left:5px;display:block}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#b{max-width:600px;height:78px}#b iframe{border:none}#text{max-width:600px}#text h1{color:#111;font-size:24px;font-weight:400;margin:0}#text span,ul p{font-weight:700}.dark #collapse .opener+div,.dark #collapse .opener+div a,.dark #footer a,.dark #text,.dark #text a,.dark ul{color:#edebeb}#collapse .opener+div a,#text a,html:not(.dark) #text p,ul{color:#494949}#collapse .opener{color:#111;font-size:16px;font-weight:700;border-radius:3px;margin-top:15px;padding:15px;cursor:pointer;user-select:none;box-sizing:border-box}#collapse .opener+div{color:#494949;line-height:24px;text-align:justify;margin:15px 0;padding:0 15px;display:none}ul{padding:0 0 0 15px;list-style-type:lower-alpha}ul li{margin-bottom:15px}ul li:last-of-type{margin-bottom:0}ul li ul{list-style-type:lower-roman;padding-left:15px}ul p{color:#111!important;text-align:center!important;margin:15px 0}.dark ul p{color:#fff!important}.nomargin{margin-top:0!important}#footer{border-top:1px solid #f3f1f1}.dark #footer{border-color:#0e1323}@media only screen and (max-width:600px){#header{width:100%;border:none;padding:0;flex-wrap:wrap-reverse;justify-content:center}#header div{text-align:center;width:100%;border-bottom:1px solid #f3f1f1;padding:15px 0}.dark #header div{border-color:#0e1323}#header div:first-of-type a:nth-child(3){display:none}input[type=submit]{width:20.78947368421053%}#text{width:92%}#footer a{font-size:12px}} >#header div:first-child,#footer{display:flex;justify-content:center}table{width:100%;border-collapse:collapse}table th{text-align:left}table th,table td{padding:7px 10px}.suggest-results{position:absolute;z-index:100;top:100%;left:0;width:100%;max-height:198px;margin:0;padding:5px 0;overflow:auto;list-style:none;line-height:auto;background:#fff;-webkit-box-shadow:0 10px 15px rgba(0,0,0,0.1);box-shadow:0 10px 15px rgba(0,0,0,0.1);-webkit-border-radius:2px;border-radius:2px}.suggest-results.hidden{display:none}.suggest-results li{margin:0;padding:2px 15px;line-height:auto;cursor:pointer}.suggest-results li:hover,.suggest-results li.active{background:#f5f5f5}#text h1.center{text-align:center}.trending-title{margin-top:1rem;padding-left:0.75rem;font-size:18px;font-weight:normal;border-left:3px solid #152238}.dark .trending-title{margin-top:1rem;padding-left:0.75rem;font-size:18px;font-weight:normal;border-left:3px solid #edebeb}.list{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.list > div{display:flex;align-items:center;gap:12px}.list img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;-webkit-border-radius:4px;border-radius:4px}.list h2{margin:0 0 5px 0;font-size:16px;font-weight:bold}.list>div>div{font-size:14px}.list a{text-decoration:none}#ajax-results{margin-top:1.5rem}#ajax-results .loader{display:flex;justify-content:center}.dark #ajax-results .loader{color:#fff}.search-list{display:flex;flex-direction:column;gap:1rem}.search-list > div{display:flex;flex-direction:column}.search-list .primary{display:flex;align-items:center;gap:12px}.search-list img {width:64px;height:64px;-o-object-fit:cover;object-fit:cover;-webkit-border-radius:4px;border-radius:4px}.search-list .info{flex:1;overflow:hidden}.search-list h2{margin:0 0 8px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:normal}.search-list button{display:inline-flex;align-items:center;margin-right:12px;padding:0 12px;height:32px;cursor:pointer;background:#0086e7;border:none;color:#fff;-webkit-border-radius:3px;border-radius:3px}.dark .list h2 a,.dark .search-list h2 {color:#fff!important}.convert-iframe{padding:1rem;background:#f5f5f5}.convert-iframe iframe{display:block;width:100%;margin:0;border:none}#footer{justify-content:center}@keyframes spin{from {transform:rotate(0deg)}to{transform:rotate(360deg)}}li a{color:#777;text-decoration:none;padding:0 10px}@media(max-width:767px){.footer-nav-area .footer-nav li a{display:block;padding:10px 0}}.footer-nav-area .footer-nav li a:hover{text-decoration:underline}table,th,td{border:1px solid}th,td{padding:5px} .player-container { display:flex; flex-direction:column; align-items:center; width:auto; padding:15px; background:none; border-radius:4px 4px 0px 0px; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); font-family:'Poppins', sans-serif; } .song-info { display:flex; align-items:center; margin-bottom:10px; width:100%; } .thumbnail-container { position:relative; margin-right:10px; } .netguru-more img { opacity:0; transition:opacity 1s ease-in-out; } .netguru-more img.lazy-loaded { opacity:1; } .thumbnail-container img { width:60px; height:60px; opacity:0; transition:opacity 1s ease-in-out; } .thumbnail-container img.lazy-loaded { opacity:1; } .thumbnail { width:100%; height:100%; border-radius:8px; object-fit:cover; } .play-icon { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:none; color:#fff; font-size:20px; cursor:pointer; z-index:2; background:rgba(0, 0, 0, 0.6); border-radius:50%; width:32px; height:32px; display:flex; justify-content:center; align-items:center; } .play-icon:hover { background:rgba(0, 0, 0, 0.8); } .text-container { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; position:relative; top:4px; transform:translateY(-25%); flex-grow:1; } #songTitle { font-size:14px; font-weight:600; color:#152238; margin:0; line-height:1.2; } .dark #songTitle { font-size:14px; font-weight:600; color:#edebeb; margin:0; line-height:1.2; } #songArtist { font-size:12px; font-weight:300; color:#666; margin:4px 0 0 0; line-height:1.2; } .dark #songArtist { font-size:12px; font-weight:300; color:#919090; margin:4px 0 0 0; line-height:1.2; } .progress-bar-container { width:100%; height:6px; background-color:rgba(0, 0, 0, 0.1); border-radius:1px; margin-top:10px; overflow:hidden; } .dark .progress-bar-container { width:100%; height:5px; background-color:#666; border-radius:1px; margin-top:10px; overflow:hidden; } .progress-bar { width:0%; height:100%; background-color:#152238; border-radius:1px; transition:width 0.3s ease; } .dark .progress-bar { width:0%; height:100%; background-color:#edebeb; border-radius:1px; transition:width 0.3s ease; } .lyrics-container { position:relative; overflow-y:auto; heght:300px; padding:10px; backgrund:#ffffff; border-radius:0px 0px 4px 4px; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); line-height:3em; font-family:'Poppins', sans-serif; scroll-behavior:smooth; } ul { list-style:none; padding:0; margin:0; text-align:left; } li { margin:15px 0; font-size:23px; color:#555; opacity:0.6; transition:transform 0.3s ease, opacity 0.6s ease; } li.active { font-size:25px; font-weight:bold; color:#000; opacity:1; transform:scale(1.05); } li.faded { opacity:0; pointer-events:none; transform:translateY(-20px); transition:transform 0.5s ease, opacity 0.6s ease; } #lyricsList { max-height:400px; overflow-y:auto; backdrop-filter:blur(10px); padding:0 10px 0 10px; } .dark #lyricsList { max-height:400px; overflow-y:auto; padding:0 10px 0 10px; } #lyricsList::-webkit-scrollbar { width:6px; } #lyricsList::-webkit-scrollbar-track { background:#f1f1f1; border-radius:1px; } .dark #lyricsList::-webkit-scrollbar-track { background:#666; border-radius:1px; } #lyricsList::-webkit-scrollbar-thumb { background:#152238; border-radius:1px; } .dark #lyricsList::-webkit-scrollbar-thumb { background:#edebeb; border-radius:1px; } #lyricsList::-webkit-scrollbar-thumb:hover { background:#1d3254; } .dark #lyricsList::-webkit-scrollbar-thumb:hover { background:#b8b8b8; } li { padding:5px; transition:background-color 0.3s ease, opacity 0.3s ease; } li.active { backgrund-color:yellow; } li.faded { opacity:0.9; } #lyricsList li.active { font-size:26px; font-weight:bold; color:#152238; opacity:1; transition:opacity 0.8s ease-in-out; padding:10px; margin-left:8px; } .dark #lyricsList li.active { font-size:26px; font-weight:bold; color:#fff; bacground-color:#bdbdbd; bordr-radius:10px; opacity:1; transition:opacity 0.5s ease-in-out; padding:10px; margin-left:8px; } #lyricsList li.faded { opacity:0.2; transiton:opacity 0.2s ease-out; } #lyricsList li { padding:10px; font-size:26px; line-height:1.5; transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1); opacity:0.3; font-weight:bold; } .dark #lyricsList li { padding:10px; font-size:26px; line-height:1.5; transition:all 0.5s ease-in-out; opacity:0.2; font-weight:bold; color:#fff; } html, body { scroll-behavior:smooth; margin:0; padding:0; height:100%; } li:hover { background-color:#bdbdbd; border-radius:10px; } .dark li:hover { color:#666; background-color:#bdbdbd; border-radius:10px; } .download-container { text-align:center; margin:20px; } .download-btn { display:inline-flex; align-items:center; justify-content:center; padding:12px 20px; font-size:16px; font-weight:bold; text-decoration:none; color:#ffffff; background:linear-gradient(135deg, #007bff, #d1cfcf); border:none; border-radius:8px; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); transition:background 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease; } .download-btn svg { margin-right:10px; } .download-btn:hover { background:linear-gradient(135deg, #0056b3, #d1cfcf); transform:translateY(-2px); box-shadow:0 6px 12px rgba(0, 0, 0, 0.15); } .download-btn:active { transform:translateY(0); box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); } @media (max-width:600px) { .download-btn { font-size:14px; padding:10px 16px; } .download-btn svg { width:18px; height:18px; margin-right:8px; } } #logo img { content:url("/musicaheavy1.svg?v=1"); } .dark #logo img { content:url("/musicaheavy-white.svg?v=1"); } .pagination { display:flex; justify-content:left; margin-top:20px; } .pagination a { text-decoration:none; color:#ffffff; background-color:#152238; padding:10px 15px; margin:0 5px; border-radius:5px; transition:background-color 0.3s ease-in-out; } .dark .pagination a { text-decoration:none; color:#ffffff; background-color:#1d3254; padding:10px 15px; margin:0 5px; border-radius:5px; transition:background-color 0.3s ease-in-out; } .pagination a:hover { background:linear-gradient(135deg, #0056b3, #d1cfcf); transform:translateY(-1px); box-shadow:0 6px 12px rgba(0, 0, 0, 0.15); } .prev-button { margin-right:auto; } .next-button { margin-left:auto; } .dark .netbaba { padding:10px; border:none; background:#1d3254; color:#fff; border-radius:5px; } .netbaba { padding:10px; border:none; background:#152238; color:#fff; border-radius:5px; }