body{font-size:14px;padding:0;margin:0}@media screen and (max-width:767px){.modern-player{flex-direction:column;align-items:stretch}.player-top-row{justify-content:space-between;width:100%}.progress-group{flex-direction:row;justify-content:space-between;width:100%}.bar{flex-grow:1;height:6px;background-color:#444;border-radius:4px;position:relative;margin:0 8px}.bar-fill{height:100%;background-color:#f87171;border-radius:4px}.bar-handle{position:absolute;top:-4px;width:12px;height:12px;background:#fff;border-radius:50%;transform:translateX(-50%)}.time{font-size:13px;white-space:nowrap;color:#ccc}.tooltip-container{display:flex;align-items:center}}@media (max-width:768px){.topbar-container{padding:10px 12px;background-color:#111}.topbar-nav{display:flex;flex-direction:column;align-items:center;gap:20px}.topbar-menu{display:flex;flex-direction:column;gap:12px;padding:0;margin:0;list-style:none;width:100%}.topbar-menu li a{display:block;background:#1b1b1b;padding:10px;border-radius:10px;color:#ffc107;text-decoration:none;font-size:15px;text-align:center}.social-center{display:flex;flex-direction:row;justify-content:center;gap:12px;flex-wrap:wrap}.social-btn{border:1px solid #ffc107;padding:6px 10px;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:14px;color:#ffc107;background:0 0;text-decoration:none}.social-btn img{width:18px;height:18px}.theme-switch{display:flex;justify-content:center;gap:10px;align-items:center;font-size:16px}}@media (max-width:768px){body,html{padding:0;margin:0;width:100%;overflow-x:hidden}header.site-header{display:flex;justify-content:center;width:100%}@media (max-width:768px){.custom-header-wrapper{padding:20px;margin:20px 16px;border-radius:16px;border:2px solid #ffc107;background-color:#0b0b14;display:flex;flex-direction:column;align-items:center;gap:20px}}.site-logo img{max-width:150px;height:auto}@media (max-width:768px){.header-search{margin-top:0;margin-bottom:50px}.header-search form{width:100%;display:flex;justify-content:center}.header-search input[type=text]{width:90%;padding:10px;font-size:14px;border-radius:12px;border:1px solid #ffc107;background-color:#0b0b14;color:#fff}.searchsubmit{display:none}}@media (max-width:768px){.top-liked-month{margin-left:16px !important;margin-right:16px !important;padding:20px 16px !important;border-radius:14px !important}}@media (max-width:768px){.music-archive{padding:0 5px !important}.music-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:16px !important;padding:0 12px !important;box-sizing:border-box !important}.music-grid .music-card{width:100% !important;max-width:100% !important;box-sizing:border-box !important}}@media (max-width:768px){.music-header-section .music-title-box{display:none !important}}@media (max-width:768px){body.light-mode .topbar-menu li a{background-color:#f0f0f0;color:#111 !important;border-radius:10px;padding:10px;margin:1px 0;display:block;font-weight:700;text-align:center}}body.light-mode .social-btn{background-color:#fff;border:1px solid #ccc;color:#222}body.light-mode .theme-switch{color:#222}body.light-mode .menu-toggle{color:#ff9800;font-weight:700}}@media (max-width:768px){body.light-mode .site-header{padding:0 16px !important;box-sizing:border-box}body.light-mode .custom-header-wrapper{width:100%;margin:0 auto}}@media (max-width:768px){body.light-mode .top-liked-month{width:calc(100% - 30px) !important;margin:0 auto 30px auto !important;box-sizing:border-box}}