*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--tg-theme-bg-color, #0a0a0f);color:var(--tg-theme-text-color, #ffffff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.app{max-width:100%;min-height:100vh;padding:12px 8px 100px;background-color:var(--tg-theme-bg-color, #0a0a0f)}.header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:8px}.header h1{font-size:20px;font-weight:600;color:var(--tg-theme-text-color, #ffffff)}.back-btn{background:var(--tg-theme-secondary-bg-color, rgba(255, 255, 255, .1));border:none;color:var(--tg-theme-text-color, white);width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.categories{display:flex;flex-direction:column;gap:10px;width:100%}.category-card{background:var(--tg-theme-secondary-bg-color, rgba(255, 255, 255, .05));border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;border-left:4px solid;transition:transform .2s,background .2s;width:100%;box-sizing:border-box}.category-card:active{transform:scale(.98)}.category-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.category-info{flex:1}.category-info h3{font-size:15px;font-weight:600;margin-bottom:3px;color:var(--tg-theme-text-color, #ffffff)}.category-info span{font-size:13px;color:var(--tg-theme-hint-color, rgba(255, 255, 255, .5))}.track-list{display:flex;flex-direction:column;gap:10px;width:100%}.track-card{background:var(--tg-theme-secondary-bg-color, rgba(255, 255, 255, .05));border-radius:12px;padding:14px 16px;display:flex;gap:14px;cursor:pointer;transition:transform .2s,background .2s;width:100%;box-sizing:border-box}.track-card:active{transform:scale(.98)}.track-icon{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex-shrink:0}.track-info{flex:1;min-width:0}.track-info h3{font-size:15px;font-weight:600;margin-bottom:3px;color:var(--tg-theme-text-color, #ffffff)}.track-info p{font-size:13px;color:var(--tg-theme-hint-color, rgba(255, 255, 255, .6));margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-duration{font-size:12px;color:var(--tg-theme-hint-color, rgba(255, 255, 255, .4));display:flex;align-items:center;gap:8px}.free-badge{background:#10b98133;color:#10b981;padding:2px 8px;border-radius:4px;font-size:11px}.player{display:flex;flex-direction:column;align-items:center;padding-top:20px}.player-artwork{width:260px;height:260px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;box-shadow:0 16px 48px #0000004d}.artwork-icon{font-size:72px;color:#fffc}.player-info{text-align:center;margin-bottom:28px;padding:0 16px;width:100%}.player-info h2{font-size:20px;font-weight:600;margin-bottom:6px;color:var(--tg-theme-text-color, #ffffff)}.player-info p{font-size:13px;color:var(--tg-theme-hint-color, rgba(255, 255, 255, .6))}.player-controls{width:100%;padding:0 16px}.progress-bar{width:100%;height:6px;background:var(--tg-theme-secondary-bg-color, rgba(255, 255, 255, .2));border-radius:3px;cursor:pointer;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:3px;transition:width .1s}.time-display{display:flex;justify-content:space-between;font-size:12px;color:var(--tg-theme-hint-color, rgba(255, 255, 255, .5));margin-bottom:24px}.play-btn{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 8px 32px #8b5cf666;transition:transform .2s}.play-btn:active{transform:scale(.95)}audio{display:none}