*{margin:0;padding:0;box-sizing:border-box;}html,body{height:100%;font-family:Arial,sans-serif;background-color:#fff;}main{display:grid;justify-content:center;align-items:center;height:auto;width:auto;text-align:center;padding:1rem;padding:10px;}main>*{margin:0;max-width:600px;width:100%;background-color:#fff;}.lyric{text-align:left;font-size:1rem;padding:15px;font-family:auto;line-height:1.8rem;color:#333;}.subcontent{justify-content:center;max-width:100%;text-align:left;padding:15px;margin-bottom:15px;background:#f2f4f5;border:1px solid #e5e5e5;box-shadow:0 8px 20px rgba(0,0,0,0.1);background-image:url('https://mp3ytb.langnhindongdoi.com/css/background.webp');background-size:cover;}h3{padding:15px 0;color:#444;text-align:left;font-weight:600;}.search-box{position:sticky;top:0;z-index:999;background:#ffffff;padding:12px;box-shadow:0 2px 6px rgba(0,0,0,0.12);transition:transform 0.25s ease,opacity 0.25s ease;}.search-box.hide{transform:translateY(-100%);opacity:0;}.search-box.show{transform:translateY(0);opacity:1;}.search-container{display:flex;align-items:center;width:100%;background:#f3f3f3;border-radius:10px;padding:5px 5px;gap:10px;border:1px solid #d6d6d6;}.input-wrap{display:flex;width:100%;height:30px;align-items:center;align-self:center;}.search-icon{font-size:18px;opacity:0.7;}.search-container input{flex:1;border:none;outline:none;background:transparent;font-size:16px;}.home{display:block;font-size:18px;text-align:left;margin-bottom:10px;color:#444;font-weight:600;margin-top:-5px;align-items:center;}.home a{color:#444;text-decoration:none;}.home a:hover{color:#d10956;text-decoration:none;}.home .home-left{display:inline-flex;float:inline-end;gap:8px;margin-top:3px;}.listsearch{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;}.listsearch .thumb{width:160px;height:90px;object-fit:cover;border-radius:4px;}.listsearch .info{flex:1;text-align:left;}.listsearch .title{font-size:16px;font-weight:600;color:#444;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:24px;}.listsearch .title:hover{text-decoration:underline;}.song-view{margin-top:6px;color:#555;font-size:14px;line-height:1.4;}.divider-basic{border:none;border-bottom:1px solid #ddd;margin:10px 0;}.song-view{font-size:14px;color:#333;}.divider-basic{border:none;height:1px;background:#e0e0e0;margin:12px 0;}footer{display:flex;justify-content:center;align-items:center;padding:20px 0;background:#f5f5f5;}.footer-text{margin:4px 0;font-size:15px;color:#333;padding:0 10px 0;}footer a{color:#ff3300;text-decoration:none;transition:color 0.3s;}.view-description{max-height:100px;margin-bottom:10px;overflow:hidden;transition:max-height 0s ease;}.view-description--expanded{max-height:100%;transition:max-height 3.5s ease;}.title-description{background-color:#d9d9d9;padding:10px;border-radius:5px;box-shadow:0 12px 20px -10px rgba(0,0,0,0.4);font-size:12px;cursor:pointer;}.eq-playing{display:inline-flex;gap:2px;margin-right:6px;vertical-align:middle;}.eq-playing span{width:3px;height:6px;background:#ff5722;animation:eqAnim 0.9s infinite ease-in-out;}.eq-playing span:nth-child(2){animation-delay:.15s;}.eq-playing span:nth-child(3){animation-delay:.3s;}@keyframes eqAnim{0%{height:4px;opacity:0.5;}50%{height:12px;opacity:1;}100%{height:4px;opacity:0.5;}}.current-song{color:#ff5722 !important;font-weight:bold;}.gear{position:absolute;width:80px;height:80px;border:4px solid #3498db;border-radius:50%;border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;animation:spin 2s linear infinite;}.gear:nth-child(2){width:60px;height:60px;top:10px;left:10px;border-color:#e74c3c;animation:spin 3s linear infinite reverse;}.gear:nth-child(3){width:40px;height:40px;top:20px;left:20px;border-color:#2ecc71;animation:spin 1.5s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}audio{width:100%;max-width:100%;border-radius:14px;background:#fff;padding:10px;border:2px solid #e5e5e5;box-shadow:0 8px 20px rgba(0,0,0,0.1);}audio::-webkit-media-controls-panel{background-color:#fff;}.suggest-box{top:100%;position:absolute;background:#fff;border:1px solid #ddd;width:100%;max-width:300px;border-radius:6px;margin-top:4px;box-shadow:0 4px 10px rgba(0,0,0,0.1);display:none;z-index:100;}.suggest-box .row{padding:8px 10px;cursor:pointer;text-align:left;}.suggest-box .row:hover{background:#f0f0f0;}#keysearch{width:100%;padding-right:32px;}#suggestBox{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:white;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);display:none;z-index:9999;}#suggestBox .row{padding:8px 10px;cursor:pointer;}#suggestBox .row:hover{background:#f0f0f0;}#suggestBox a.row{display:block;padding:8px 10px;color:#111;text-decoration:none;cursor:pointer;}#suggestBox a.row:hover{background:#f0f0f0;}.clear-btn{position:absolute;right:25px;top:65%;transform:translateY(-50%);cursor:pointer;color:white;width:16px;height:16px;background:#444;border-radius:50%;font-size:8px;line-height:18px;text-align:center;display:none;}.clear-btn:hover{color:#e7e7e7ff;}.sg-item{padding:8px 10px;cursor:pointer;font-size:14px;text-align:left;}.sg-item:hover{background:#eee;}